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

change colors

Browse Source
This commit is contained in:
marlon-erler
2024-07-20 14:56:14 +02:00
parent d5e08777eb
commit 4cdf1cebe2
2 changed files with 14 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
dist/index.css
Vendored
+5 -3
View File
@@ -1,11 +1,13 @@
/* src/base.css */ /* src/base.css */
#home-page { #home-page {
--surface: hsla(0, 0%, 100%, 50%); --background-transparent: hsla(0, 0%, 100%, 40%);
--surface-hover: hsla(0, 0%, 91%, 50%); --surface: hsla(0, 0%, 100%, 40%);
--surface-active: hsla(0, 0%, 78%, 50%); --surface-hover: hsla(0, 0%, 91%, 40%);
--surface-active: hsla(0, 0%, 78%, 40%);
} }
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
#home-page { #home-page {
--background-transparent: hsla(0, 0%, 5%, 30%);
--surface: hsla(0, 0%, 5%, 30%); --surface: hsla(0, 0%, 5%, 30%);
--surface-hover: hsla(0, 0%, 20%, 30%); --surface-hover: hsla(0, 0%, 20%, 30%);
--surface-active: hsla(0, 0%, 44%, 30%); --surface-active: hsla(0, 0%, 44%, 30%);
src/base.css
+9 -7
View File
@@ -1,11 +1,13 @@
#home-page { #home-page {
--surface: hsla(0, 0%, 100%, 50%); --background-transparent: hsla(0, 0%, 100%, 40%);
--surface-hover: hsla(0, 0%, 91%, 50%); --surface: hsla(0, 0%, 100%, 40%);
--surface-active: hsla(0, 0%, 78%, 50%); --surface-hover: hsla(0, 0%, 91%, 40%);
--surface-active: hsla(0, 0%, 78%, 40%);
} }
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
#home-page { #home-page {
--background-transparent: hsla(0, 0%, 5%, 30%);
--surface: hsla(0, 0%, 5%, 30%); --surface: hsla(0, 0%, 5%, 30%);
--surface-hover: hsla(0, 0%, 20%, 30%); --surface-hover: hsla(0, 0%, 20%, 30%);
--surface-active: hsla(0, 0%, 44%, 30%); --surface-active: hsla(0, 0%, 44%, 30%);
@@ -40,10 +42,10 @@
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
#background { #background {
background-image: linear-gradient( background-image: linear-gradient(
120deg, 120deg,
hsla(210, 100%, 50%, 25%), hsla(210, 100%, 50%, 25%),
hsla(210, 100%, 50%, 15%), hsla(210, 100%, 50%, 15%),
transparent 70% transparent 70%
); );
} }
} }