steffo/festa
steffo/festa
1
Fork 0
mirror of https://github.com/Steffo99/festa.git synced 2024-12-22 14:44:21 +00:00
Code Activity

Improve shading on both themes

Browse source
This commit is contained in:
Steffo 2022-06-05 17:47:40 +02:00
parent c4037512fc
commit 9ad1145720
Signed by: steffo
GPG key ID: 6965406171929D01
3 changed files with 20 additions and 19 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

33
styles/color-schemes.css
View file

@ -1,22 +1,23 @@
/* Dark theme */ /* Dark theme */
:root, :host { :root, :host {
--background: #050505; --background: #050505;
--foreground: white; --foreground: white;
--border: gray; --border: gray;
--interactable: #050505b5; --interactable: #050505b5;
--selection: #3333dd; --selection: #3333dd;
--anchor: #8888ff; --anchor: #8888ff;
--anchor-visited: #aa88ff; --anchor-visited: #aa88ff;
--anchor-active: #ff8888; --anchor-active: #ff8888;
--positive: #88ff88; --positive: #88ff88;
--negative: #ff8888; --negative: #ff8888;
} }
.postcard {
filter: blur(7px) contrast(50%) brightness(50%);
}
.postcard {
filter: blur(7px) contrast(50%) brightness(50%);
}
@media (prefers-color-scheme: light) { @media (prefers-color-scheme: light) {
:root, :host { :root, :host {

2
styles/components/icon.css
View file

@ -1,3 +1,3 @@
.icon { .icon {
filter: drop-shadow(1px 1px 1px var(--background)); filter: drop-shadow(1px 1px 0 var(--background));
} }

4
styles/elements.css
View file

@ -6,13 +6,13 @@ body {
color: var(--foreground); color: var(--foreground);
font-family: sans-serif; font-family: sans-serif;
text-shadow: 1px 1px 1px var(--background); text-shadow: 1px 1px 0 var(--background);
min-height: 100vh; min-height: 100vh;
} }
h1, h2, h3, h4, h5, h6 { h1, h2, h3, h4, h5, h6 {
text-shadow: 2px 2px 2px var(--background); text-shadow: 2px 2px 0 var(--background);
margin: 0; margin: 0;
} }