mirror of
https://github.com/xpltdco/media-rip.git
synced 2026-04-03 02:53:58 -06:00
fd25ea7d05
- Move Video/Audio toggle to same row as Download button - Auto-condense toggle to icon-only below 540px - Move gear icon to right of Download button - Fix file download URLs: normalize filenames to relative paths in progress hook - Display filename with visible extension (truncate middle, preserve ext) - Remove border/box from dark mode toggle — glyph only - Fix light/dark theme fonts: use monospace display font across all themes
62 lines
1.6 KiB
CSS
62 lines
1.6 KiB
CSS
/*
|
|
* media.rip() — Dark Theme
|
|
*
|
|
* A clean, professional dark theme without visual effects.
|
|
* Good for users who want a straightforward dark UI
|
|
* without cyberpunk's scanlines and glows.
|
|
*
|
|
* Changes from cyberpunk:
|
|
* - Warmer gray tones instead of blue-tinted darks
|
|
* - Purple accent instead of electric blue
|
|
* - No scanlines, grid, or glow effects
|
|
* - System font stack (no monospace display)
|
|
*/
|
|
|
|
:root[data-theme="dark"] {
|
|
/* ── Background & Surface ──
|
|
* Neutral dark grays without blue tint.
|
|
*/
|
|
--color-bg: #121212;
|
|
--color-surface: #1e1e1e;
|
|
--color-surface-hover: #2a2a2a;
|
|
--color-border: #333333;
|
|
|
|
/* ── Text ──
|
|
* Slightly warmer white than cyberpunk.
|
|
*/
|
|
--color-text: #e8e8e8;
|
|
--color-text-muted: #999999;
|
|
|
|
/* ── Accent ──
|
|
* Soft purple primary. No secondary accent.
|
|
*/
|
|
--color-accent: #a78bfa;
|
|
--color-accent-hover: #c4b5fd;
|
|
--color-accent-secondary: #f472b6;
|
|
|
|
/* ── Status Colors ── */
|
|
--color-success: #4ade80;
|
|
--color-warning: #fbbf24;
|
|
--color-error: #f87171;
|
|
|
|
/* ── Typography ──
|
|
* System fonts for everything — clean and fast.
|
|
*/
|
|
--font-display: 'JetBrains Mono', 'Cascadia Code', 'Fira Code', monospace;
|
|
|
|
/* ── Effects ──
|
|
* All effects disabled for a clean look.
|
|
*/
|
|
--effect-scanlines: none;
|
|
--effect-grid: none;
|
|
--effect-grid-size: 0px 0px;
|
|
--effect-glow: none;
|
|
|
|
/* ── Shadows ──
|
|
* Softer shadows than cyberpunk.
|
|
*/
|
|
--shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.2);
|
|
--shadow-md: 0 4px 8px rgba(0, 0, 0, 0.3);
|
|
--shadow-lg: 0 8px 16px rgba(0, 0, 0, 0.4);
|
|
--shadow-glow: none;
|
|
}
|