mochaisvibecoded
67 lines
2.3 KiB
CSS
67 lines
2.3 KiB
CSS
:root {
|
|
color-scheme: dark;
|
|
|
|
/* These values are pulled directly from the real RecNet's MUI dark
|
|
theme (background.default / background.paper / primary / shape /
|
|
shadows), not guessed. Token *names* below (--pink/--purple etc.)
|
|
are kept as-is since every stylesheet in this site references them -
|
|
only the values changed. */
|
|
--canvas: #1d1d1d;
|
|
--canvas-glow: none;
|
|
--surface: #303030;
|
|
--surface-hover: rgba(255,255,255,.08);
|
|
--surface-solid: #303030;
|
|
--appbar-bg: #212121;
|
|
--card: var(--surface);
|
|
--glass-border: rgba(255,255,255,.12);
|
|
--glass-blur: 0px;
|
|
|
|
--pink: #f16e46;
|
|
--purple: #a84d31;
|
|
--purple-dark: #a84d31;
|
|
--purple-soft: rgba(241,110,70,.16);
|
|
--grad-brand: linear-gradient(120deg, var(--pink), var(--purple));
|
|
--grad-brand-strong: linear-gradient(120deg, #f38b6b, #f16e46);
|
|
--glow-brand: 0 4px 14px rgba(241,110,70,.3);
|
|
|
|
--ink: #ffffff;
|
|
--muted: #bdbdbd;
|
|
--faint: #9e9e9e;
|
|
--line: rgba(255,255,255,.12);
|
|
|
|
--green: #66bb6a;
|
|
--blue: #42a5f5;
|
|
--orange: #f16e46;
|
|
--red: #e57373;
|
|
|
|
--radius-sm: 4px;
|
|
--radius-md: 8px;
|
|
--radius-lg: 12px;
|
|
--radius-pill: 999px;
|
|
|
|
--space-1: 4px;
|
|
--space-2: 8px;
|
|
--space-3: 12px;
|
|
--space-4: 16px;
|
|
--space-5: 24px;
|
|
--space-6: 32px;
|
|
|
|
/* Real MUI dark-theme elevation shadows (elevation 2 / 4 / 10) */
|
|
--shadow-sm: 0px 2px 1px -1px rgba(0,0,0,.2), 0px 1px 1px 0px rgba(0,0,0,.14), 0px 1px 3px 0px rgba(0,0,0,.12);
|
|
--shadow-md: 0px 3px 3px -2px rgba(0,0,0,.2), 0px 3px 4px 0px rgba(0,0,0,.14), 0px 1px 8px 0px rgba(0,0,0,.12);
|
|
--shadow-lg: 0px 6px 6px -3px rgba(0,0,0,.2), 0px 10px 14px 1px rgba(0,0,0,.14), 0px 4px 18px 3px rgba(0,0,0,.12);
|
|
|
|
--font-display: "Roboto", "Helvetica", "Arial", sans-serif;
|
|
--font-body: "Roboto", "Helvetica", "Arial", sans-serif;
|
|
--futura-extra: var(--font-display);
|
|
}
|
|
|
|
.photo-card, .user-card, .profile-card, .search-panel, .overview-card,
|
|
.quick-card, .feature-card, .stat-pill, .how-step, .route-error,
|
|
.empty, .loading, .login-dialog, .register-dialog, .global-search-results,
|
|
.overview-card, .room-card, .admin-account, .admin-tools, .shop-item,
|
|
.community-video-tile, .community-photo-tile, .event-card, .badge-card {
|
|
backdrop-filter: none;
|
|
-webkit-backdrop-filter: none;
|
|
}
|