julian/chrono-snap
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 5 Wiki Activity

support dark mode

Browse Source
This commit is contained in:
Julian Freeman
2026-03-23 10:01:03 -04:00
parent 45bbb593c9
commit 7d15f5186b
2 changed files with 164 additions and 111 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
src/assets/main.css
View File

@@ -1,19 +1,41 @@
@import "tailwindcss";
@theme {
--color-bg-main: var(--bg-main);
--color-bg-sidebar: var(--bg-sidebar);
--color-bg-card: var(--bg-card);
--color-bg-input: var(--bg-input);
--color-bg-hover: var(--bg-hover);
--color-border-main: var(--border-main);
--color-text-main: var(--text-main);
--color-text-sec: var(--text-sec);
}
:root {
--primary-color: #007AFF;
--primary-hover: #0063CC;
--bg-light: #FBFBFD;
--sidebar-bg: #F8FAFD;
--bg-main: #FBFBFD;
--bg-sidebar: #F8FAFD;
--bg-card: #FFFFFF;
--bg-input: #F2F2F7;
--bg-hover: #E5E5E7;
--border-main: #E5E5E7;
--text-main: #1D1D1F;
--text-sec: #86868B;
--border-color: #E5E5E7;
--card-shadow: 0 12px 30px rgba(0, 0, 0, 0.04);
--btn-shadow: 0 4px 12px rgba(0, 122, 255, 0.25);
--radius-card: 24px;
--radius-btn: 12px;
}
html.dark {
--bg-main: #000000;
--bg-sidebar: #1C1C1E;
--bg-card: #1C1C1E;
--bg-input: #2C2C2E;
--bg-hover: #3A3A3C;
--border-main: #38383A;
--text-main: #F5F5F7;
--text-sec: #98989D;
}
body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
background-color: var(--bg-light);