starred/yaak
1
0
Fork 0
mirror of https://github.com/mountain-loop/yaak.git synced 2026-03-17 23:14:03 +01:00
Code Issues 8 Packages Projects Releases 10 Wiki Activity

Hook up theme and clear responses

Browse Source
This commit is contained in:
Gregory Schier
2023-02-24 12:13:30 -08:00
parent 4319ce9a7b
commit 5a9fb5a3a7
10 changed files with 154 additions and 155 deletions
Download Patch File Download Diff File Expand all files Collapse all files

74
src-web/main.css
View File

@@ -21,8 +21,12 @@ html, body, #root {
overflow: hidden;
}
* {
transition: background-color 150ms ease, border-color 150ms ease;
}
@layer base {
:root {
:root, [data-theme="light"] {
/* Colors */
--color-white: 255 100% 100%;
--color-background: var(--color-white);
@@ -79,43 +83,41 @@ html, body, #root {
--border-radius-lg: 0.5rem;
}
@media (prefers-color-scheme: dark) {
:root {
--color-white: 255 100% 100%;
--color-background: 217 21% 7%;
[data-theme="dark"] {
--color-white: 255 100% 100%;
--color-background: 217 21% 7%;
--color-blue-900: 217 91% 95%;
--color-blue-800: 217 91% 88%;
--color-blue-700: 217 91% 76%;
--color-blue-600: 217 91% 70%;
--color-blue-500: 217 91% 65%;
--color-blue-400: 217 91% 58%;
--color-blue-300: 217 91% 43%;
--color-blue-200: 217 91% 30%;
--color-blue-100: 217 91% 20%;
--color-blue-50: 217 91% 10%;
--color-blue-900: 217 91% 95%;
--color-blue-800: 217 91% 88%;
--color-blue-700: 217 91% 76%;
--color-blue-600: 217 91% 70%;
--color-blue-500: 217 91% 65%;
--color-blue-400: 217 91% 58%;
--color-blue-300: 217 91% 43%;
--color-blue-200: 217 91% 30%;
--color-blue-100: 217 91% 20%;
--color-blue-50: 217 91% 10%;
--color-violet-900: 258 90% 95%;
--color-violet-800: 258 90% 88%;
--color-violet-700: 258 90% 76%;
--color-violet-600: 258 90% 70%;
--color-violet-500: 258 90% 65%;
--color-violet-400: 258 90% 58%;
--color-violet-300: 258 90% 43%;
--color-violet-200: 258 90% 30%;
--color-violet-100: 258 90% 20%;
--color-violet-50: 258 90% 10%;
--color-violet-900: 258 90% 95%;
--color-violet-800: 258 90% 88%;
--color-violet-700: 258 90% 76%;
--color-violet-600: 258 90% 70%;
--color-violet-500: 258 90% 65%;
--color-violet-400: 258 90% 58%;
--color-violet-300: 258 90% 43%;
--color-violet-200: 258 90% 30%;
--color-violet-100: 258 90% 20%;
--color-violet-50: 258 90% 10%;
--color-gray-900: 217 21% 95%;
--color-gray-800: 217 21% 88%;
--color-gray-700: 217 21% 76%;
--color-gray-600: 217 21% 70%;
--color-gray-500: 217 21% 65%;
--color-gray-400: 217 21% 58%;
--color-gray-300: 217 21% 43%;
--color-gray-200: 217 21% 30%;
--color-gray-100: 217 21% 25%;
--color-gray-50: 217 21% 15%;
}
--color-gray-900: 217 21% 95%;
--color-gray-800: 217 21% 88%;
--color-gray-700: 217 21% 76%;
--color-gray-600: 217 21% 70%;
--color-gray-500: 217 21% 65%;
--color-gray-400: 217 21% 58%;
--color-gray-300: 217 21% 43%;
--color-gray-200: 217 21% 30%;
--color-gray-100: 217 21% 25%;
--color-gray-50: 217 21% 15%;
}
}