v3: added multiple stylesheets, improved user profiles

This commit is contained in:
khannurien
2026-04-06 15:36:04 +00:00
parent a69788c15b
commit 3b6980a8fc
24 changed files with 2182 additions and 714 deletions

View File

@@ -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);
}