forked from andyburke/autonomous.contact
refactor: rework the frontend to move topics to the top
This commit is contained in:
parent
fac8f409f4
commit
11ecd86bb9
14 changed files with 362 additions and 292 deletions
|
|
@ -1,23 +1,31 @@
|
|||
|
||||
/* Dark mode default */
|
||||
:root {
|
||||
--bg: #323232;
|
||||
--text: #efe;
|
||||
--accent: #fa0 ;
|
||||
--border-subtle: #555;
|
||||
--border-normal: #888;
|
||||
--border-highlight: #bbb;
|
||||
--base-color: #fa0;
|
||||
|
||||
--bg: hsl(from var(--base-color) h 20% 7.5%);
|
||||
|
||||
--text: hsl(from var(--base-color) h 5% 100% );
|
||||
--accent: hsl(from var(--base-color) h clamp( 0, calc(s + 10), 100 ) clamp( 0, calc(l + 20), 100 ) );
|
||||
|
||||
--border-subtle: hsl(from var(--base-color) h 50% 25%);
|
||||
--border-normal: hsl(from var(--base-color) h 50% 50%);
|
||||
--border-highlight: hsl(from var(--base-color) h 50% 75%);
|
||||
|
||||
--icon-scale: 1;
|
||||
--border-radius: 4px;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: light) {
|
||||
:root {
|
||||
--bg: #f0f0f0;
|
||||
--text: #121212;
|
||||
--accent: #c80;
|
||||
--border-subtle: #bbb;
|
||||
--border-normal: #888;
|
||||
--border-highlight: #555;
|
||||
--bg: hsl(from var(--base-color) h 20% 95%);
|
||||
|
||||
--text: hsl(from var(--base-color) h 5% 5% );
|
||||
--accent: hsl(from var(--base-color) h calc(s + 10) calc(l + 20) );
|
||||
|
||||
--border-subtle: hsl(from var(--base-color) h 50% 90%);
|
||||
--border-normal: hsl(from var(--base-color) h 50% 50%);
|
||||
--border-highlight: hsl(from var var(--base-color) h 50% 25%);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue