v3: added multiple stylesheets, improved user profiles
This commit is contained in:
@@ -1,78 +1,3 @@
|
||||
:root {
|
||||
font-family: "Saira", sans-serif;
|
||||
font-optical-sizing: auto;
|
||||
font-weight: 400;
|
||||
font-style: normal;
|
||||
line-height: 1.5;
|
||||
|
||||
color-scheme: light dark;
|
||||
|
||||
/* Text */
|
||||
--color-text: #f9fafb;
|
||||
--color-text-secondary: #9ca3af;
|
||||
--color-text-muted: #6b7280;
|
||||
--color-on-accent: #fff;
|
||||
|
||||
/* Surfaces */
|
||||
--color-bg: #111827;
|
||||
--color-surface: #1f2937;
|
||||
|
||||
/* Borders */
|
||||
--color-border: transparent;
|
||||
--color-border-subtle: rgba(128, 128, 128, 0.18);
|
||||
|
||||
/* Accent */
|
||||
--color-accent: #7c83ff;
|
||||
--color-accent-hover: #4a50e0;
|
||||
|
||||
/* Links */
|
||||
--color-link: #646cff;
|
||||
--color-link-hover: #535bf2;
|
||||
|
||||
/* Danger */
|
||||
--color-danger: #e55;
|
||||
--color-danger-bg: #a02b2b;
|
||||
--color-danger-hover: #c03030;
|
||||
|
||||
/* Success */
|
||||
--color-success: #4caf7d;
|
||||
--color-success-bg: #1a6b3a;
|
||||
--color-success-hover: #2d9e58;
|
||||
|
||||
/* Overlays */
|
||||
--color-overlay: rgba(0, 0, 0, 0.45);
|
||||
--color-header-user-bg: rgba(0, 0, 0, 0.2);
|
||||
--color-header-user-bg-hover: rgba(0, 0, 0, 0.32);
|
||||
|
||||
/* Misc */
|
||||
--color-option-bg: #37366e;
|
||||
--color-option-border: #111827;
|
||||
|
||||
/* Service brand colors (fixed, not theme-dependent) */
|
||||
--color-youtube: #c00;
|
||||
--color-youtube-hover: #f00;
|
||||
--color-bandcamp: #1da0c3;
|
||||
--color-bandcamp-hover: #25c8f0;
|
||||
--color-soundcloud: #f50;
|
||||
--color-soundcloud-hover: #f73;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: light) {
|
||||
:root {
|
||||
--color-text: #213547;
|
||||
--color-text-secondary: #64748b;
|
||||
--color-text-muted: #94a3b8;
|
||||
--color-bg: #ffffff;
|
||||
--color-surface: #f9f9f9;
|
||||
--color-border: transparent;
|
||||
--color-link-hover: #747bff;
|
||||
--color-option-bg: #f5f5f5;
|
||||
--color-option-border: #cccccc;
|
||||
--color-header-user-bg: rgba(0, 0, 0, 0.08);
|
||||
--color-header-user-bg-hover: rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
}
|
||||
|
||||
*,
|
||||
*::before,
|
||||
*::after {
|
||||
@@ -83,6 +8,7 @@ body {
|
||||
margin: 0;
|
||||
min-height: 100vh;
|
||||
overflow-x: clip;
|
||||
scrollbar-gutter: stable;
|
||||
background-color: var(--color-bg);
|
||||
color: var(--color-text);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user