tfld/watterblock
1
0
Fork 0
Code

improve light mode accent color

Browse Source
This commit is contained in:
Adrian Wannenmacher 2026-03-10 21:54:37 +01:00
parent c74395548b
commit 085b3cca03
Signed by: tfld
GPG Key ID: 19D986ECB1E492D5
2 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
index.html
View File

@ -23,7 +23,7 @@
content="Einfach zu verwendender Watterblock, der die Daten lokal im Browser speichert."> content="Einfach zu verwendender Watterblock, der die Daten lokal im Browser speichert.">
<meta name="keywords" content="Watten,Block,Spiel,Mitschrift"> <meta name="keywords" content="Watten,Block,Spiel,Mitschrift">
<meta name="theme-color" content="lch(86 84 71)" media="(prefers-color-scheme: dark)"> <meta name="theme-color" content="lch(86 84 71)" media="(prefers-color-scheme: dark)">
<meta name="theme-color" content="lch(14 77 304)" media="(prefers-color-scheme: light)"> <meta name="theme-color" content="lch(20 87 292)" media="(prefers-color-scheme: light)">
</head> </head>
<body class="wb-layout"> <body class="wb-layout">

14
style.css
View File

@ -61,29 +61,29 @@ html {
--color-regular-text: lch(0 0 0); --color-regular-text: lch(0 0 0);
--color-regular-background: lch(100 0 0); --color-regular-background: lch(100 0 0);
/* also in index.html as meta theme-color, update there too */ /* also in index.html as meta theme-color, update there too */
--color-regular-accent: lch(14 77 304); --color-regular-accent: lch(30 87 292);
/* regular derived colors */ /* regular derived colors */
--color-regular-disabled-text: lch(25 0 0); --color-regular-disabled-text: lch(25 0 0);
--color-regular-disabled-background: lch(75 0 0); --color-regular-disabled-background: lch(75 0 0);
--color-regular-disabled-accent: lch(30 77 304); --color-regular-disabled-accent: lch(45 87 292);
--color-regular-focus-text: lch(10 0 0); --color-regular-focus-text: lch(10 0 0);
--color-regular-focus-background: lch(90 0 0); --color-regular-focus-background: lch(90 0 0);
--color-regular-focus-accent: lch(20 77 304); --color-regular-focus-accent: lch(35 87 292);
--color-regular-field: lch(95 0 0); --color-regular-field: lch(95 0 0);
/* alternate main colors */ /* alternate main colors */
--color-alternate-text: lch(0 0 0); --color-alternate-text: lch(0 0 0);
--color-alternate-background: lch(90 0 0); --color-alternate-background: lch(90 0 0);
--color-alternate-accent: lch(14 77 304); --color-alternate-accent: lch(20 87 292);
/* alternate derived colors */ /* alternate derived colors */
--color-alternate-disabled-text: lch(25 0 0); --color-alternate-disabled-text: lch(25 0 0);
--color-alternate-disabled-background: lch(65 0 0); --color-alternate-disabled-background: lch(65 0 0);
--color-alternate-disabled-accent: lch(30 77 304); --color-alternate-disabled-accent: lch(35 87 292);
--color-alternate-focus-text: lch(10 0 0); --color-alternate-focus-text: lch(10 0 0);
--color-alternate-focus-background: lch(80 0 0); --color-alternate-focus-background: lch(80 0 0);
--color-alternate-focus-accent: lch(20 77 304); --color-alternate-focus-accent: lch(25 87 292);
--color-alternate-field: lch(95 0 0); --color-alternate-field: lch(95 0 0);
} }
} }
@ -206,4 +206,4 @@ h6 {
._sticky-bottom { ._sticky-bottom {
position: sticky; position: sticky;
bottom: 0; bottom: 0;
} }