steffo/festa
steffo/festa
1
Fork 0
mirror of https://github.com/Steffo99/festa.git synced 2024-12-22 22:54:22 +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

9
styles/color-schemes.css
View file

@ -1,5 +1,5 @@
/* Dark theme */ /* Dark theme */
:root, :host { :root, :host {
--background: #050505; --background: #050505;
--foreground: white; --foreground: white;
--border: gray; --border: gray;
@ -12,11 +12,12 @@
--positive: #88ff88; --positive: #88ff88;
--negative: #ff8888; --negative: #ff8888;
} }
.postcard { .postcard {
filter: blur(7px) contrast(50%) brightness(50%); 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;
} }