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

9
styles/color-schemes.css
View file

@ -1,5 +1,5 @@
/* Dark theme */
:root, :host {
:root, :host {
--background: #050505;
--foreground: white;
--border: gray;
@ -12,11 +12,12 @@
--positive: #88ff88;
--negative: #ff8888;
}
}
.postcard {
.postcard {
filter: blur(7px) contrast(50%) brightness(50%);
}
}
@media (prefers-color-scheme: light) {
:root, :host {

2
styles/components/icon.css
View file

@ -1,3 +1,3 @@
.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);
font-family: sans-serif;
text-shadow: 1px 1px 1px var(--background);
text-shadow: 1px 1px 0 var(--background);
min-height: 100vh;
}
h1, h2, h3, h4, h5, h6 {
text-shadow: 2px 2px 2px var(--background);
text-shadow: 2px 2px 0 var(--background);
margin: 0;
}