VDMDI/CT
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

improve ui

Browse Source
This commit is contained in:
marlon-erler
2024-07-20 22:16:37 +02:00
parent 757dbf9947
commit 5df6577a8e
5 changed files with 70 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/colors.css
+37
View File
@@ -12,6 +12,24 @@
}
}
#home-page,
[color]:not([color="standard"]).subtle-background {
--background-transparent: hsla(0, 0%, 0%, 5%);
--surface: hsla(0, 0%, 0%, 5%);
--surface-hover: hsla(0, 0%, 5%, 10%);
--surface-active: hsla(0, 0%, 5%, 15%);
}
@media (prefers-color-scheme: dark) {
#home-page,
[color]:not([color="standard"]).subtle-background {
--background-transparent: hsla(0, 0%, 100%, 5%);
--surface: hsla(0, 0%, 100%, 5%);
--surface-hover: hsla(0, 0%, 100%, 10%);
--surface-active: hsla(0, 0%, 100%, 15%);
}
}
/* tile */
[color]:not([color="standard"]).tile {
--gradient-luma-1: 70%;
@@ -56,6 +74,25 @@
background-color: var(--surface);
}
/* subtle */
[color]:not([color="standard"]).subtle-background {
--gradient-luma-1: 97%;
--gradient-luma-2: 92%;
background-image: linear-gradient(
120deg,
hsl(var(--hue), 100%, var(--gradient-luma-1)),
hsl(var(--hue), 100%, var(--gradient-luma-2))
);
}
@media (prefers-color-scheme: dark) {
[color]:not([color="standard"]).subtle-background {
--gradient-luma-1: 2%;
--gradient-luma-2: 6%;
}
}
/* definitions */
[color="coral"] {
--hue: 20;