a66996ac10
Knowledge vault (Orion/PARA) migrated from the pre-Orion 484vault on 2026-10-01. Deliberately orphaned: prior history contained a plaintext password and stays local-only on branch archive/pre-boilerplate-history. Secrets and live Hermes state are gitignored.
2846 lines
56 KiB
CSS
2846 lines
56 KiB
CSS
/*
|
|
=====================================================
|
|
|
|
NEON NIGHT
|
|
A familiar place for your thoughts.
|
|
|
|
Material identity:
|
|
Deep night stone + soft neon tube light.
|
|
First-wave pink-blue neon.
|
|
|
|
Spectrum:
|
|
blue · cyan · green · yellow · pink · red · purple · orange
|
|
|
|
No embedded fonts — Obsidian Appearance / system.
|
|
|
|
=====================================================
|
|
*/
|
|
|
|
/*=====================================================
|
|
01 — TOKENS
|
|
=====================================================*/
|
|
|
|
:root {
|
|
/* Typography — unset; uses Obsidian Appearance / system fonts */
|
|
|
|
/* Radius */
|
|
--aether-radius-xs: 5px;
|
|
|
|
--aether-radius-sm: 8px;
|
|
|
|
--aether-radius-md: 12px;
|
|
|
|
--aether-radius-lg: 16px;
|
|
|
|
--aether-radius-xl: 20px;
|
|
|
|
/* Spacing */
|
|
|
|
--aether-space-1: 4px;
|
|
|
|
--aether-space-2: 8px;
|
|
|
|
--aether-space-3: 12px;
|
|
|
|
--aether-space-4: 16px;
|
|
|
|
--aether-space-5: 20px;
|
|
|
|
--aether-space-6: 24px;
|
|
|
|
--aether-space-8: 32px;
|
|
|
|
/* Motion */
|
|
|
|
--aether-transition-fast: 120ms ease;
|
|
|
|
--aether-transition: 180ms ease;
|
|
|
|
--aether-transition-slow: 280ms ease;
|
|
|
|
/* Reading */
|
|
|
|
--aether-reading-width: 1000px;
|
|
|
|
--aether-reading-padding: 32px;
|
|
|
|
/* Shared effect values */
|
|
|
|
--aether-shadow-soft: 0 8px 28px rgba(0, 0, 0, 0.14);
|
|
|
|
--aether-shadow-strong: 0 14px 42px rgba(0, 0, 0, 0.22);
|
|
|
|
}
|
|
|
|
/*=====================================================
|
|
02 — DARK MATERIAL (NEON NIGHT — first wave pink-blue)
|
|
=====================================================*/
|
|
|
|
.theme-dark {
|
|
|
|
/* Interactive UI variables */
|
|
--interactive-normal: #222734;
|
|
--interactive-hover: #2A3140;
|
|
--interactive-accent: #6EC8FF;
|
|
--interactive-accent-hover: #93D7FF;
|
|
--text-on-accent: #0C0E14;
|
|
--background-modifier-form-field: #161A22;
|
|
--background-modifier-form-field-highlighted: #1A1E28;
|
|
--modal-background: #12151C;
|
|
--prompt-background: #12151C;
|
|
--dropdown-background: #222734;
|
|
|
|
/* Background — deeper night */
|
|
|
|
--aether-background: #0C0E14;
|
|
|
|
--aether-background-secondary: #12151C;
|
|
|
|
--aether-background-tertiary: #161A22;
|
|
|
|
/* Surfaces */
|
|
|
|
--aether-surface: #1A1E28;
|
|
|
|
--aether-surface-raised: #222734;
|
|
|
|
--aether-surface-hover: #2A3140;
|
|
|
|
--aether-surface-active: #323A4C;
|
|
|
|
/* Borders */
|
|
|
|
--aether-border: #2E3545;
|
|
|
|
--aether-border-soft: #252A36;
|
|
|
|
--aether-border-strong: #3E475C;
|
|
|
|
/* Neon spectrum */
|
|
|
|
--aether-neon-blue: #6EC8FF;
|
|
--aether-neon-blue-hover: #93D7FF;
|
|
--aether-neon-blue-rgb: 110, 200, 255;
|
|
|
|
--aether-neon-cyan: #5CE1E6;
|
|
--aether-neon-cyan-hover: #8AEEF1;
|
|
--aether-neon-cyan-rgb: 92, 225, 230;
|
|
|
|
--aether-neon-green: #6EF2A8;
|
|
--aether-neon-green-hover: #95F8C0;
|
|
--aether-neon-green-rgb: 110, 242, 168;
|
|
|
|
--aether-neon-yellow: #FFD866;
|
|
--aether-neon-yellow-hover: #FFE499;
|
|
--aether-neon-yellow-rgb: 255, 216, 102;
|
|
|
|
--aether-neon-pink: #FF8EC8;
|
|
--aether-neon-pink-hover: #FFB0D9;
|
|
--aether-neon-pink-rgb: 255, 142, 200;
|
|
|
|
--aether-neon-red: #FF7A9A;
|
|
--aether-neon-red-hover: #FF9DB4;
|
|
--aether-neon-red-rgb: 255, 122, 154;
|
|
|
|
--aether-neon-purple: #C9A0FF;
|
|
--aether-neon-purple-hover: #D9BCFF;
|
|
--aether-neon-purple-rgb: 201, 160, 255;
|
|
|
|
--aether-neon-orange: #FFB454;
|
|
--aether-neon-orange-hover: #FFC87A;
|
|
--aether-neon-orange-rgb: 255, 180, 84;
|
|
|
|
/* Primary = neon blue */
|
|
|
|
--aether-primary: var(--aether-neon-blue);
|
|
|
|
--aether-primary-hover: var(--aether-neon-blue-hover);
|
|
|
|
--aether-primary-soft: rgba(var(--aether-neon-blue-rgb), 0.14);
|
|
|
|
--aether-primary-muted: #4F8FB8;
|
|
|
|
/* Warm accent = neon yellow */
|
|
|
|
--aether-warm: var(--aether-neon-yellow);
|
|
|
|
--aether-warm-hover: var(--aether-neon-yellow-hover);
|
|
|
|
--aether-warm-soft: rgba(var(--aether-neon-yellow-rgb), 0.14);
|
|
|
|
/* Text */
|
|
|
|
--aether-text: #C2C8D4;
|
|
|
|
--aether-text-bright: #E8ECF4;
|
|
|
|
--aether-text-muted: #8590A2;
|
|
|
|
--aether-text-faint: #657083;
|
|
|
|
/* Links = cyan */
|
|
|
|
--aether-link: var(--aether-neon-cyan);
|
|
|
|
--aether-link-hover: var(--aether-neon-cyan-hover);
|
|
|
|
--aether-link-muted: #4FA8AD;
|
|
|
|
/* Code = purple neon (inline); surface dark */
|
|
|
|
--aether-code: var(--aether-neon-purple);
|
|
|
|
--aether-code-surface: #12151C;
|
|
|
|
/* Highlight = yellow wash */
|
|
|
|
--aether-highlight: rgba(var(--aether-neon-yellow-rgb), 0.22);
|
|
|
|
/* States */
|
|
|
|
--aether-success: var(--aether-neon-green);
|
|
|
|
--aether-warning: var(--aether-neon-yellow);
|
|
|
|
--aether-danger: var(--aether-neon-red);
|
|
|
|
--aether-info: var(--aether-neon-cyan);
|
|
|
|
/* Interaction */
|
|
|
|
--aether-focus: rgba(var(--aether-neon-blue-rgb), 0.22);
|
|
|
|
--aether-selection: rgba(var(--aether-neon-blue-rgb), 0.28);
|
|
|
|
/* Atmosphere */
|
|
|
|
--aether-ambient: rgba(var(--aether-neon-blue-rgb), 0.05);
|
|
|
|
/* Callouts */
|
|
|
|
--aether-callout-note: var(--aether-neon-blue);
|
|
|
|
--aether-callout-note-bg: rgba(var(--aether-neon-blue-rgb), 0.10);
|
|
|
|
--aether-callout-tip: var(--aether-neon-green);
|
|
|
|
--aether-callout-tip-bg: rgba(var(--aether-neon-green-rgb), 0.10);
|
|
|
|
--aether-warning-bg: rgba(var(--aether-neon-yellow-rgb), 0.10);
|
|
|
|
--aether-danger-bg: rgba(var(--aether-neon-red-rgb), 0.10);
|
|
|
|
--aether-success-bg: rgba(var(--aether-neon-green-rgb), 0.10);
|
|
|
|
/* Glass */
|
|
|
|
--aether-glass: rgba(18, 21, 28, 0.90);
|
|
|
|
/* Shadow */
|
|
|
|
--aether-shadow: rgba(0, 0, 0, 0.42);
|
|
|
|
--aether-shadow-soft: 0 8px 28px rgba(0, 0, 0, 0.28);
|
|
|
|
}
|
|
|
|
/*=====================================================
|
|
03 — LIGHT MATERIAL
|
|
=====================================================*/
|
|
|
|
.theme-light {
|
|
|
|
/* Interactive UI variables */
|
|
--interactive-normal: #EEEAE1;
|
|
--interactive-hover: #E6E2D9;
|
|
--interactive-accent: #2F7FBF;
|
|
--interactive-accent-hover: #246AA3;
|
|
--text-on-accent: #FFFFFF;
|
|
--background-modifier-form-field: #F7F4ED;
|
|
--background-modifier-form-field-highlighted: #EEEAE1;
|
|
--modal-background: #EAE6DD;
|
|
--prompt-background: #EAE6DD;
|
|
--dropdown-background: #EEEAE1;
|
|
|
|
/* Background */
|
|
|
|
--aether-background: #F2EFE8;
|
|
|
|
--aether-background-secondary: #EAE6DD;
|
|
|
|
--aether-background-tertiary: #E5E1D8;
|
|
|
|
/* Surfaces */
|
|
|
|
--aether-surface: #F7F4ED;
|
|
|
|
--aether-surface-raised: #EEEAE1;
|
|
|
|
--aether-surface-hover: #E6E2D9;
|
|
|
|
--aether-surface-active: #DDD9CF;
|
|
|
|
/* Borders */
|
|
|
|
--aether-border: #C9C5BB;
|
|
|
|
--aether-border-soft: #D8D4CA;
|
|
|
|
--aether-border-strong: #B3AEA3;
|
|
|
|
/* Neon spectrum — ink strength */
|
|
|
|
--aether-neon-blue: #2F7FBF;
|
|
--aether-neon-blue-hover: #246AA3;
|
|
--aether-neon-blue-rgb: 47, 127, 191;
|
|
|
|
--aether-neon-cyan: #1F9A9E;
|
|
--aether-neon-cyan-hover: #187F82;
|
|
--aether-neon-cyan-rgb: 31, 154, 158;
|
|
|
|
--aether-neon-green: #2F9B63;
|
|
--aether-neon-green-hover: #258053;
|
|
--aether-neon-green-rgb: 47, 155, 99;
|
|
|
|
--aether-neon-yellow: #B88918;
|
|
--aether-neon-yellow-hover: #9A7212;
|
|
--aether-neon-yellow-rgb: 184, 137, 24;
|
|
|
|
--aether-neon-pink: #C24F8E;
|
|
--aether-neon-pink-hover: #A53F77;
|
|
--aether-neon-pink-rgb: 194, 79, 142;
|
|
|
|
--aether-neon-red: #C24B66;
|
|
--aether-neon-red-hover: #A43C54;
|
|
--aether-neon-red-rgb: 194, 75, 102;
|
|
|
|
--aether-neon-purple: #7C56B8;
|
|
--aether-neon-purple-hover: #6746A0;
|
|
--aether-neon-purple-rgb: 124, 86, 184;
|
|
|
|
--aether-neon-orange: #C47A28;
|
|
--aether-neon-orange-hover: #A6661F;
|
|
--aether-neon-orange-rgb: 196, 122, 40;
|
|
|
|
/* Primary */
|
|
|
|
--aether-primary: var(--aether-neon-blue);
|
|
|
|
--aether-primary-hover: var(--aether-neon-blue-hover);
|
|
|
|
--aether-primary-soft: rgba(var(--aether-neon-blue-rgb), 0.12);
|
|
|
|
--aether-primary-muted: #5C8FB8;
|
|
|
|
/* Warm accent */
|
|
|
|
--aether-warm: var(--aether-neon-yellow);
|
|
|
|
--aether-warm-hover: var(--aether-neon-yellow-hover);
|
|
|
|
--aether-warm-soft: rgba(var(--aether-neon-yellow-rgb), 0.12);
|
|
|
|
/* Text */
|
|
|
|
--aether-text: #3E4250;
|
|
|
|
--aether-text-bright: #1E212B;
|
|
|
|
--aether-text-muted: #6C7282;
|
|
|
|
--aether-text-faint: #8C919F;
|
|
|
|
/* Links */
|
|
|
|
--aether-link: var(--aether-neon-cyan);
|
|
|
|
--aether-link-hover: var(--aether-neon-cyan-hover);
|
|
|
|
--aether-link-muted: #4F8A8D;
|
|
|
|
/* Code */
|
|
|
|
--aether-code: var(--aether-neon-purple);
|
|
|
|
--aether-code-surface: #E9E7F0;
|
|
|
|
/* Highlight */
|
|
|
|
--aether-highlight: rgba(var(--aether-neon-yellow-rgb), 0.22);
|
|
|
|
/* States */
|
|
|
|
--aether-success: var(--aether-neon-green);
|
|
|
|
--aether-warning: var(--aether-neon-yellow);
|
|
|
|
--aether-danger: var(--aether-neon-red);
|
|
|
|
--aether-info: var(--aether-neon-cyan);
|
|
|
|
/* Interaction */
|
|
|
|
--aether-focus: rgba(var(--aether-neon-blue-rgb), 0.14);
|
|
|
|
--aether-selection: rgba(var(--aether-neon-blue-rgb), 0.18);
|
|
|
|
/* Atmosphere */
|
|
|
|
--aether-ambient: rgba(var(--aether-neon-blue-rgb), 0.03);
|
|
|
|
/* Callouts */
|
|
|
|
--aether-callout-note: var(--aether-neon-blue);
|
|
|
|
--aether-callout-note-bg: rgba(var(--aether-neon-blue-rgb), 0.08);
|
|
|
|
--aether-callout-tip: var(--aether-neon-green);
|
|
|
|
--aether-callout-tip-bg: rgba(var(--aether-neon-green-rgb), 0.08);
|
|
|
|
--aether-warning-bg: rgba(var(--aether-neon-yellow-rgb), 0.10);
|
|
|
|
--aether-danger-bg: rgba(var(--aether-neon-red-rgb), 0.08);
|
|
|
|
--aether-success-bg: rgba(var(--aether-neon-green-rgb), 0.08);
|
|
|
|
/* Glass */
|
|
|
|
--aether-glass: rgba(247, 244, 237, 0.90);
|
|
|
|
/* Shadow */
|
|
|
|
--aether-shadow: rgba(54, 50, 43, 0.14);
|
|
|
|
--aether-shadow-soft: 0 8px 28px rgba(54, 50, 43, 0.10);
|
|
|
|
}
|
|
|
|
/*=====================================================
|
|
04 — OBSIDIAN COMPATIBILITY
|
|
=====================================================*/
|
|
|
|
.theme-dark,
|
|
.theme-light {
|
|
|
|
/* Background */
|
|
|
|
--background-primary: var(--aether-background);
|
|
|
|
--background-primary-alt: var(--aether-surface);
|
|
|
|
--background-secondary: var(--aether-background-secondary);
|
|
|
|
--background-secondary-alt: var(--aether-background-tertiary);
|
|
|
|
/* Modifiers */
|
|
|
|
--background-modifier-border: var(--aether-border);
|
|
|
|
--background-modifier-border-hover: var(--aether-border-strong);
|
|
|
|
--background-modifier-hover: var(--aether-primary-soft);
|
|
|
|
--background-modifier-active-hover: var(--aether-primary-soft);
|
|
|
|
/* Text */
|
|
|
|
--text-normal: var(--aether-text);
|
|
|
|
--text-muted: var(--aether-text-muted);
|
|
|
|
--text-faint: var(--aether-text-faint);
|
|
|
|
--text-error: var(--aether-danger);
|
|
|
|
/* Accent */
|
|
|
|
--text-accent: var(--aether-primary);
|
|
|
|
--text-accent-hover: var(--aether-primary-hover);
|
|
|
|
--interactive-accent: var(--aether-primary);
|
|
|
|
--interactive-accent-hover: var(--aether-primary-hover);
|
|
|
|
--interactive-hover: var(--aether-primary-soft);
|
|
|
|
/* Emphasis */
|
|
|
|
--bold-color: var(--aether-neon-pink);
|
|
|
|
--bold-weight: 700;
|
|
|
|
--italic-color: var(--aether-neon-green);
|
|
|
|
/* Heading spectrum */
|
|
|
|
--h1-color: #5CE1E6;
|
|
--h2-color: #4699FB;
|
|
--h3-color: #80BFFF;
|
|
--h4-color: var(--aether-neon-yellow);
|
|
--h5-color: var(--aether-neon-purple);
|
|
--h6-color: var(--aether-neon-pink);
|
|
|
|
/* Named colors — drive Obsidian syntax & UI chips */
|
|
|
|
--color-blue: var(--aether-neon-blue);
|
|
--color-blue-rgb: var(--aether-neon-blue-rgb);
|
|
--color-cyan: var(--aether-neon-cyan);
|
|
--color-cyan-rgb: var(--aether-neon-cyan-rgb);
|
|
--color-green: var(--aether-neon-green);
|
|
--color-green-rgb: var(--aether-neon-green-rgb);
|
|
--color-yellow: var(--aether-neon-yellow);
|
|
--color-yellow-rgb: var(--aether-neon-yellow-rgb);
|
|
--color-orange: var(--aether-neon-orange);
|
|
--color-orange-rgb: var(--aether-neon-orange-rgb);
|
|
--color-red: var(--aether-neon-red);
|
|
--color-red-rgb: var(--aether-neon-red-rgb);
|
|
--color-pink: var(--aether-neon-pink);
|
|
--color-pink-rgb: var(--aether-neon-pink-rgb);
|
|
--color-purple: var(--aether-neon-purple);
|
|
--color-purple-rgb: var(--aether-neon-purple-rgb);
|
|
|
|
/* Tags */
|
|
|
|
--tag-color: var(--aether-neon-cyan);
|
|
--tag-background: rgba(var(--aether-neon-cyan-rgb), 0.12);
|
|
--tag-background-hover: rgba(var(--aether-neon-cyan-rgb), 0.20);
|
|
--tag-border-color: rgba(var(--aether-neon-cyan-rgb), 0.35);
|
|
|
|
/* Links */
|
|
|
|
--link-color: var(--aether-link);
|
|
--link-color-hover: var(--aether-link-hover);
|
|
--link-external-color: var(--aether-neon-purple);
|
|
--link-external-color-hover: var(--aether-neon-purple-hover);
|
|
--link-unresolved-color: var(--aether-link-muted);
|
|
|
|
--text-highlight-bg: var(--aether-highlight);
|
|
|
|
/* Dividers */
|
|
|
|
--divider-color: var(--aether-border);
|
|
|
|
--divider-color-hover: var(--aether-border-strong);
|
|
|
|
/* Selection */
|
|
|
|
--text-selection: var(--aether-selection);
|
|
|
|
/* Typography — not overridden by theme */
|
|
|
|
}
|
|
|
|
/*=====================================================
|
|
05 — BODY
|
|
=====================================================*/
|
|
|
|
body {
|
|
|
|
background: var(--aether-background);
|
|
|
|
color: var(--aether-text);
|
|
|
|
font-weight: 400;
|
|
|
|
-webkit-font-smoothing: antialiased;
|
|
|
|
}
|
|
|
|
/*=====================================================
|
|
06 — GLOBAL TYPOGRAPHY
|
|
=====================================================*/
|
|
|
|
h1,
|
|
h2,
|
|
h3,
|
|
h4,
|
|
h5,
|
|
h6 {
|
|
}
|
|
|
|
h1 { color: var(--h1-color); }
|
|
h2 { color: var(--h2-color); }
|
|
h3 { color: var(--h3-color); }
|
|
h4 { color: var(--h4-color); }
|
|
h5 { color: var(--h5-color); }
|
|
h6 { color: var(--h6-color); }
|
|
|
|
/*=====================================================
|
|
07 — WORKSPACE
|
|
=====================================================*/
|
|
|
|
.workspace,
|
|
.workspace-split,
|
|
.workspace-tabs,
|
|
.workspace-tab-container {
|
|
|
|
background: var(--aether-background);
|
|
|
|
color: var(--aether-text);
|
|
|
|
}
|
|
|
|
.workspace-leaf {
|
|
|
|
background: var(--aether-surface);
|
|
|
|
border-color: var(--aether-border);
|
|
|
|
}
|
|
|
|
.workspace-leaf-content {
|
|
|
|
background: var(--aether-background);
|
|
|
|
color: var(--aether-text);
|
|
|
|
}
|
|
|
|
.workspace-empty {
|
|
|
|
background: var(--aether-background);
|
|
|
|
color: var(--aether-text-muted);
|
|
|
|
}
|
|
|
|
/*=====================================================
|
|
08 — SIDE DOCKS
|
|
=====================================================*/
|
|
|
|
.workspace-split.mod-left-split,
|
|
.workspace-split.mod-right-split {
|
|
|
|
background: var(--aether-background-secondary);
|
|
|
|
}
|
|
|
|
.workspace-split.mod-left-split {
|
|
|
|
border-right: 1px solid var(--aether-border);
|
|
|
|
}
|
|
|
|
.workspace-split.mod-right-split {
|
|
|
|
border-left: 1px solid var(--aether-border);
|
|
|
|
}
|
|
|
|
/*=====================================================
|
|
09 — FILE EXPLORER
|
|
=====================================================*/
|
|
|
|
.nav-files-container {
|
|
|
|
padding: var(--aether-space-3);
|
|
|
|
}
|
|
|
|
.nav-folder-title,
|
|
.nav-file-title {
|
|
|
|
color: var(--aether-text);
|
|
|
|
border-radius: var(--aether-radius-sm);
|
|
|
|
transition: background var(--aether-transition), color var(--aether-transition);
|
|
|
|
}
|
|
|
|
.nav-folder-title:hover, .nav-file-title:hover { background: var(--aether-primary-soft);
|
|
|
|
color: var(--aether-text-bright);
|
|
|
|
}
|
|
|
|
.nav-folder-title-content {
|
|
|
|
font-weight: 600;
|
|
|
|
}
|
|
|
|
.nav-folder-collapse-indicator {
|
|
|
|
color: var(--aether-text-muted);
|
|
|
|
}
|
|
|
|
.nav-file-title.is-active {
|
|
|
|
background: var(--aether-primary-soft);
|
|
|
|
color: var(--aether-text-bright);
|
|
|
|
box-shadow: inset 2px 0 0 var(--aether-primary);
|
|
|
|
}
|
|
|
|
.nav-file-title.is-active .nav-file-title-content {
|
|
|
|
color: var(--aether-text-bright);
|
|
|
|
}
|
|
|
|
/*=====================================================
|
|
10 — SEARCH
|
|
=====================================================*/
|
|
|
|
.search-input-container {
|
|
|
|
background: var(--aether-background);
|
|
|
|
border: 1px solid var(--aether-border);
|
|
|
|
border-radius: var(--aether-radius-sm);
|
|
|
|
}
|
|
|
|
.search-input-container input {
|
|
|
|
background: transparent;
|
|
|
|
color: var(--aether-text);
|
|
|
|
}
|
|
|
|
.search-input-container input::placeholder {
|
|
|
|
color: var(--aether-text-faint);
|
|
|
|
}
|
|
|
|
.search-input-container:focus-within {
|
|
|
|
border-color: var(--aether-primary);
|
|
|
|
box-shadow: 0 0 0 2px var(--aether-focus);
|
|
|
|
}
|
|
|
|
/*=====================================================
|
|
11 — TABS
|
|
=====================================================*/
|
|
|
|
.workspace-tab-header-container {
|
|
|
|
background: var(--aether-background-secondary);
|
|
|
|
border-bottom: 1px solid var(--aether-border);
|
|
|
|
}
|
|
|
|
.workspace-tab-header {
|
|
|
|
color: var(--aether-text-muted);
|
|
|
|
border: none;
|
|
|
|
border-radius: var(--aether-radius-sm) var(--aether-radius-sm) 0 0;
|
|
|
|
transition: background var(--aether-transition), color var(--aether-transition);
|
|
|
|
}
|
|
|
|
.workspace-tab-header:hover {
|
|
|
|
background: var(--aether-primary-soft);
|
|
|
|
color: var(--aether-text);
|
|
|
|
}
|
|
|
|
.workspace-tab-header.is-active {
|
|
|
|
background: var(--aether-surface);
|
|
|
|
color: var(--aether-text-bright);
|
|
|
|
box-shadow: inset 0 -1px 0 var(--aether-primary);
|
|
|
|
}
|
|
|
|
.workspace-tab-header-inner {
|
|
|
|
padding: 0 var(--aether-space-2);
|
|
|
|
}
|
|
|
|
.workspace-tab-header-inner-title {
|
|
|
|
color: inherit;
|
|
|
|
}
|
|
|
|
.workspace-tab-header-inner-close-button {
|
|
|
|
color: var(--aether-text-muted);
|
|
|
|
border-radius: var(--aether-radius-xs);
|
|
|
|
}
|
|
|
|
.workspace-tab-header-inner-close-button:hover {
|
|
|
|
background: var(--aether-primary-soft);
|
|
|
|
color: var(--aether-text-bright);
|
|
|
|
}
|
|
|
|
/*=====================================================
|
|
12 — RIBBON
|
|
=====================================================*/
|
|
|
|
.workspace-ribbon {
|
|
|
|
background: var(--aether-background-secondary);
|
|
|
|
border-right: 1px solid var(--aether-border);
|
|
|
|
}
|
|
|
|
.side-dock-ribbon-action {
|
|
|
|
color: var(--aether-text-muted);
|
|
|
|
border-radius: var(--aether-radius-sm);
|
|
|
|
transition: color var(--aether-transition), background var(--aether-transition);
|
|
|
|
}
|
|
|
|
.side-dock-ribbon-action:hover {
|
|
|
|
background: var(--aether-primary-soft);
|
|
|
|
color: var(--aether-primary);
|
|
|
|
}
|
|
|
|
.side-dock-ribbon-action.is-active {
|
|
|
|
color: var(--aether-primary);
|
|
|
|
}
|
|
|
|
/*=====================================================
|
|
13 — VIEW HEADERS
|
|
=====================================================*/
|
|
|
|
.view-header,
|
|
.workspace-leaf-header {
|
|
|
|
background: var(--aether-background-secondary);
|
|
|
|
border-bottom: 1px solid var(--aether-border);
|
|
|
|
}
|
|
|
|
.view-header-title,
|
|
.workspace-leaf-header-title {
|
|
|
|
color: var(--aether-text-bright);
|
|
|
|
}
|
|
|
|
.view-actions {
|
|
|
|
color: var(--aether-text-muted);
|
|
|
|
}
|
|
|
|
.view-action,
|
|
.clickable-icon {
|
|
|
|
color: var(--aether-text-muted);
|
|
|
|
border-radius: var(--aether-radius-xs);
|
|
|
|
transition: color var(--aether-transition), background var(--aether-transition);
|
|
|
|
}
|
|
|
|
.view-action:hover, .clickable-icon:hover { background: var(--aether-primary-soft);
|
|
|
|
color: var(--aether-text-bright);
|
|
|
|
}
|
|
|
|
/*=====================================================
|
|
14 — STATUS BAR
|
|
=====================================================*/
|
|
|
|
.status-bar {
|
|
|
|
background: var(--aether-background-secondary);
|
|
|
|
border-top: 1px solid var(--aether-border);
|
|
|
|
color: var(--aether-text-muted);
|
|
|
|
}
|
|
|
|
.status-bar-item {
|
|
|
|
color: var(--aether-text-muted);
|
|
|
|
transition: color var(--aether-transition);
|
|
|
|
}
|
|
|
|
.status-bar-item:hover {
|
|
|
|
color: var(--aether-text);
|
|
|
|
}
|
|
|
|
/*=====================================================
|
|
15 — RESIZE HANDLES
|
|
=====================================================*/
|
|
|
|
.workspace-leaf-resize-handle {
|
|
|
|
background: transparent;
|
|
|
|
}
|
|
|
|
.workspace-leaf-resize-handle:hover {
|
|
|
|
background: var(--aether-primary-soft);
|
|
|
|
}
|
|
|
|
/*=====================================================
|
|
16 — TREE ITEMS
|
|
=====================================================*/
|
|
|
|
.tree-item-self {
|
|
|
|
color: var(--aether-text);
|
|
|
|
border-radius: var(--aether-radius-sm);
|
|
|
|
}
|
|
|
|
.tree-item-self:hover {
|
|
|
|
background: var(--aether-primary-soft);
|
|
|
|
color: var(--aether-text-bright);
|
|
|
|
}
|
|
|
|
.tree-item-self.is-active {
|
|
|
|
background: var(--aether-primary-soft);
|
|
|
|
color: var(--aether-text-bright);
|
|
|
|
}
|
|
|
|
.tree-item-icon {
|
|
|
|
color: var(--aether-text-muted);
|
|
|
|
}
|
|
|
|
/*=====================================================
|
|
17 — OUTLINE
|
|
=====================================================*/
|
|
|
|
.outline .tree-item-self {
|
|
|
|
color: var(--aether-text-muted);
|
|
|
|
}
|
|
|
|
.outline .tree-item-self:hover {
|
|
|
|
color: var(--aether-text);
|
|
|
|
}
|
|
|
|
.outline .tree-item-self.is-active {
|
|
|
|
color: var(--aether-primary);
|
|
|
|
}
|
|
|
|
/*=====================================================
|
|
18 — TAGS
|
|
=====================================================*/
|
|
|
|
.tag {
|
|
|
|
display: inline-block;
|
|
|
|
background: var(--tag-background);
|
|
|
|
border: 1px solid var(--tag-border-color);
|
|
|
|
border-radius: 999px;
|
|
|
|
color: var(--tag-color);
|
|
|
|
padding: 2px 8px;
|
|
|
|
font-size: .88em;
|
|
|
|
transition: background var(--aether-transition), border-color var(--aether-transition), color var(--aether-transition), text-shadow var(--aether-transition), box-shadow var(--aether-transition);
|
|
|
|
}
|
|
|
|
.theme-dark .tag {
|
|
|
|
text-shadow: 0 0 8px rgba(var(--aether-neon-cyan-rgb), 0.35);
|
|
|
|
box-shadow: 0 0 12px rgba(var(--aether-neon-pink-rgb), 0.10);
|
|
|
|
}
|
|
|
|
.tag:hover {
|
|
|
|
background: var(--tag-background-hover);
|
|
|
|
border-color: var(--aether-neon-pink);
|
|
|
|
color: var(--aether-neon-pink-hover);
|
|
|
|
}
|
|
|
|
/*=====================================================
|
|
19 — EDITOR FOUNDATION
|
|
=====================================================*/
|
|
|
|
.markdown-preview-view,
|
|
.markdown-source-view,
|
|
.cm-editor {
|
|
|
|
font-size: 17px;
|
|
|
|
line-height: 1.75;
|
|
|
|
letter-spacing: .005em;
|
|
|
|
color: var(--aether-text);
|
|
|
|
}
|
|
|
|
.markdown-preview-view,
|
|
.markdown-source-view,
|
|
.cm-editor {
|
|
|
|
background: var(--aether-background);
|
|
|
|
}
|
|
|
|
/*=====================================================
|
|
20 — READING MODE
|
|
=====================================================*/
|
|
|
|
.markdown-preview-view {
|
|
|
|
padding-left: clamp(20px, 5vw, 70px);
|
|
|
|
padding-right: clamp(20px, 5vw, 70px);
|
|
|
|
}
|
|
|
|
.markdown-preview-view .markdown-preview-section {
|
|
|
|
max-width: var(--aether-reading-width);
|
|
|
|
margin: 0 auto;
|
|
|
|
text-rendering: optimizeLegibility;
|
|
|
|
}
|
|
|
|
/*=====================================================
|
|
21 — SOURCE MODE
|
|
=====================================================*/
|
|
|
|
.markdown-source-view .cm-scroller {
|
|
|
|
padding-left: clamp(20px, 4vw, 55px);
|
|
|
|
padding-right: clamp(20px, 4vw, 55px);
|
|
|
|
}
|
|
|
|
.cm-content {
|
|
|
|
caret-color: var(--aether-primary);
|
|
|
|
}
|
|
|
|
.cm-cursor {
|
|
|
|
border-left-color: var(--aether-primary);
|
|
|
|
}
|
|
|
|
.cm-activeLine {
|
|
|
|
background: var(--aether-surface-hover);
|
|
|
|
}
|
|
|
|
.cm-line.cm-activeLine {
|
|
|
|
background: var(--aether-surface-hover);
|
|
|
|
}
|
|
|
|
/*=====================================================
|
|
22 — EDITOR GUTTER
|
|
=====================================================*/
|
|
|
|
.cm-gutters {
|
|
|
|
background: var(--aether-background);
|
|
|
|
border-right: none;
|
|
|
|
color: var(--aether-text-faint);
|
|
|
|
}
|
|
|
|
.cm-activeLineGutter {
|
|
|
|
background: var(--aether-surface-hover);
|
|
|
|
color: var(--aether-text-muted);
|
|
|
|
}
|
|
|
|
/*=====================================================
|
|
23 — BODY TEXT
|
|
=====================================================*/
|
|
|
|
.markdown-preview-view p {
|
|
|
|
color: var(--aether-text);
|
|
|
|
margin-top: 0;
|
|
|
|
margin-bottom: 1.15em;
|
|
|
|
}
|
|
|
|
.markdown-preview-view strong,
|
|
.markdown-rendered strong {
|
|
|
|
color: var(--bold-color);
|
|
|
|
font-weight: var(--bold-weight);
|
|
|
|
}
|
|
|
|
.markdown-preview-view em,
|
|
.markdown-rendered em {
|
|
|
|
color: var(--italic-color);
|
|
|
|
font-style: italic;
|
|
|
|
}
|
|
|
|
.cm-line .cm-strong,
|
|
.cm-s-obsidian span.cm-strong,
|
|
.markdown-source-view.mod-cm6 .cm-strong {
|
|
|
|
color: var(--bold-color) !important;
|
|
|
|
font-weight: var(--bold-weight);
|
|
|
|
}
|
|
|
|
.cm-line .cm-em,
|
|
.cm-s-obsidian span.cm-em,
|
|
.markdown-source-view.mod-cm6 .cm-em {
|
|
|
|
color: var(--italic-color) !important;
|
|
|
|
font-style: italic;
|
|
|
|
}
|
|
|
|
.markdown-preview-view strong em,
|
|
.markdown-preview-view em strong,
|
|
.markdown-rendered strong em,
|
|
.markdown-rendered em strong,
|
|
.cm-line .cm-strong.cm-em,
|
|
.markdown-source-view.mod-cm6 .cm-strong.cm-em {
|
|
|
|
color: var(--aether-neon-purple);
|
|
|
|
}
|
|
|
|
.theme-dark .markdown-preview-view strong,
|
|
.theme-dark .markdown-rendered strong,
|
|
.theme-dark .cm-line .cm-strong,
|
|
.theme-dark .markdown-source-view.mod-cm6 .cm-strong {
|
|
|
|
text-shadow: 0 0 8px rgba(var(--aether-neon-pink-rgb), 0.45), 0 0 18px rgba(var(--aether-neon-pink-rgb), 0.22);
|
|
|
|
}
|
|
|
|
.theme-dark .markdown-preview-view em,
|
|
.theme-dark .markdown-rendered em,
|
|
.theme-dark .cm-line .cm-em,
|
|
.theme-dark .markdown-source-view.mod-cm6 .cm-em {
|
|
|
|
text-shadow: 0 0 8px rgba(var(--aether-neon-cyan-rgb), 0.40), 0 0 16px rgba(var(--aether-neon-cyan-rgb), 0.18);
|
|
|
|
}
|
|
|
|
/*=====================================================
|
|
24 — HEADINGS
|
|
=====================================================*/
|
|
|
|
.markdown-preview-view h1,
|
|
.markdown-preview-view h2,
|
|
.markdown-preview-view h3,
|
|
.markdown-preview-view h4,
|
|
.markdown-preview-view h5,
|
|
.markdown-preview-view h6,
|
|
.cm-header-1,
|
|
.cm-header-2,
|
|
.cm-header-3,
|
|
.cm-header-4,
|
|
.cm-header-5,
|
|
.cm-header-6 {
|
|
|
|
font-weight: 600;
|
|
|
|
letter-spacing: -.01em;
|
|
|
|
}
|
|
|
|
.markdown-preview-view h1,
|
|
.inline-title,
|
|
.cm-header-1 { color: var(--h1-color); }
|
|
|
|
.markdown-preview-view h2,
|
|
.cm-header-2 { color: var(--h2-color); }
|
|
|
|
.markdown-preview-view h3,
|
|
.cm-header-3 { color: var(--h3-color); }
|
|
|
|
.markdown-preview-view h4,
|
|
.cm-header-4 { color: var(--h4-color); }
|
|
|
|
.markdown-preview-view h5,
|
|
.cm-header-5 { color: var(--h5-color); }
|
|
|
|
.markdown-preview-view h6,
|
|
.cm-header-6 { color: var(--h6-color); }
|
|
|
|
.theme-dark .markdown-preview-view h1,
|
|
.theme-dark .inline-title,
|
|
.theme-dark .cm-header-1 {
|
|
text-shadow: 0 0 10px rgba(var(--aether-neon-cyan-rgb), 0.40), 0 0 28px rgba(var(--aether-neon-cyan-rgb), 0.18);
|
|
}
|
|
|
|
.theme-dark .markdown-preview-view h2,
|
|
.theme-dark .cm-header-2 {
|
|
text-shadow: 0 0 10px rgba(70, 153, 251, 0.38), 0 0 26px rgba(70, 153, 251, 0.16);
|
|
}
|
|
|
|
.theme-dark .markdown-preview-view h3,
|
|
.theme-dark .cm-header-3 {
|
|
text-shadow: 0 0 10px rgba(128, 191, 255, 0.38), 0 0 24px rgba(128, 191, 255, 0.16);
|
|
}
|
|
|
|
.theme-dark .markdown-preview-view h4,
|
|
.theme-dark .cm-header-4 {
|
|
text-shadow: 0 0 10px rgba(var(--aether-neon-yellow-rgb), 0.34), 0 0 22px rgba(var(--aether-neon-yellow-rgb), 0.14);
|
|
}
|
|
|
|
.theme-dark .markdown-preview-view h5,
|
|
.theme-dark .cm-header-5 {
|
|
text-shadow: 0 0 10px rgba(var(--aether-neon-green-rgb), 0.34), 0 0 22px rgba(var(--aether-neon-green-rgb), 0.14);
|
|
}
|
|
|
|
.theme-dark .markdown-preview-view h6,
|
|
.theme-dark .cm-header-6 {
|
|
text-shadow: 0 0 10px rgba(var(--aether-neon-purple-rgb), 0.34), 0 0 22px rgba(var(--aether-neon-purple-rgb), 0.14);
|
|
}
|
|
|
|
.markdown-preview-view h1 {
|
|
|
|
font-size: 2.45em;
|
|
|
|
line-height: 1.15;
|
|
|
|
margin-top: 1.4em;
|
|
|
|
margin-bottom: .65em;
|
|
|
|
}
|
|
|
|
.markdown-preview-view h2 {
|
|
|
|
font-size: 1.85em;
|
|
|
|
line-height: 1.25;
|
|
|
|
margin-top: 1.35em;
|
|
|
|
margin-bottom: .55em;
|
|
|
|
}
|
|
|
|
.markdown-preview-view h3 {
|
|
|
|
font-size: 1.45em;
|
|
|
|
line-height: 1.3;
|
|
|
|
margin-top: 1.25em;
|
|
|
|
margin-bottom: .45em;
|
|
|
|
}
|
|
|
|
.markdown-preview-view h4 {
|
|
|
|
font-size: 1.2em;
|
|
|
|
}
|
|
|
|
.markdown-preview-view h5 {
|
|
|
|
font-size: 1.05em;
|
|
|
|
}
|
|
|
|
.markdown-preview-view h6 {
|
|
|
|
font-size: .95em;
|
|
|
|
}
|
|
|
|
.cm-header-1,
|
|
.cm-header-2,
|
|
.cm-header-3,
|
|
.cm-header-4,
|
|
.cm-header-5,
|
|
.cm-header-6 {
|
|
|
|
}
|
|
|
|
/*=====================================================
|
|
25 — LINKS
|
|
=====================================================*/
|
|
|
|
.markdown-preview-view a,
|
|
.markdown-preview-view .internal-link {
|
|
|
|
color: var(--aether-link);
|
|
|
|
text-decoration: none;
|
|
|
|
transition: color var(--aether-transition), text-shadow var(--aether-transition);
|
|
|
|
}
|
|
|
|
.theme-dark .markdown-preview-view a,
|
|
.theme-dark .markdown-preview-view .internal-link {
|
|
|
|
text-shadow: 0 0 8px rgba(var(--aether-neon-cyan-rgb), 0.22);
|
|
|
|
}
|
|
|
|
.markdown-preview-view a:hover, .markdown-preview-view .internal-link:hover { color: var(--aether-link-hover);
|
|
|
|
}
|
|
|
|
.theme-dark .markdown-preview-view a:hover, .theme-dark .markdown-preview-view .internal-link:hover { text-shadow: 0 0 10px rgba(var(--aether-neon-cyan-rgb), 0.45), 0 0 22px rgba(var(--aether-neon-cyan-rgb), 0.22);
|
|
|
|
}
|
|
|
|
.markdown-preview-view .is-unresolved {
|
|
|
|
color: var(--aether-link-muted);
|
|
|
|
opacity: .85;
|
|
|
|
}
|
|
|
|
.external-link {
|
|
|
|
color: var(--aether-link);
|
|
|
|
}
|
|
|
|
/*=====================================================
|
|
26 — LISTS
|
|
=====================================================*/
|
|
|
|
.markdown-preview-view ul,
|
|
.markdown-preview-view ol {
|
|
|
|
margin-top: .4em;
|
|
|
|
margin-bottom: 1em;
|
|
|
|
padding-left: 1.8em;
|
|
|
|
}
|
|
|
|
.markdown-preview-view li {
|
|
|
|
margin-bottom: .35em;
|
|
|
|
}
|
|
|
|
.markdown-preview-view li > ul,
|
|
.markdown-preview-view li > ol {
|
|
|
|
margin-top: .25em;
|
|
|
|
margin-bottom: .25em;
|
|
|
|
}
|
|
|
|
.markdown-preview-view li::marker {
|
|
color: var(--aether-neon-cyan);
|
|
}
|
|
|
|
.list-bullet::after {
|
|
background-color: var(--aether-neon-cyan);
|
|
}
|
|
|
|
.cm-formatting-list-ul {
|
|
color: var(--aether-neon-cyan);
|
|
}
|
|
|
|
/* Dark theme neon glow for lists */
|
|
.theme-dark .markdown-rendered ul > li::marker,
|
|
.theme-dark .markdown-preview-view ul > li::marker {
|
|
color: var(--aether-neon-cyan) !important;
|
|
text-shadow: 0 0 8px rgba(var(--aether-neon-cyan-rgb), 0.65), 0 0 16px rgba(var(--aether-neon-cyan-rgb), 0.3) !important;
|
|
}
|
|
|
|
.theme-dark .list-bullet::after {
|
|
background-color: var(--aether-neon-cyan) !important;
|
|
box-shadow: 0 0 8px rgba(var(--aether-neon-cyan-rgb), 0.65), 0 0 16px rgba(var(--aether-neon-cyan-rgb), 0.3) !important;
|
|
}
|
|
|
|
.theme-dark .cm-formatting-list-ul {
|
|
color: var(--aether-neon-cyan) !important;
|
|
text-shadow: 0 0 8px rgba(var(--aether-neon-cyan-rgb), 0.65), 0 0 16px rgba(var(--aether-neon-cyan-rgb), 0.3) !important;
|
|
}
|
|
|
|
/*=====================================================
|
|
27 — CHECKBOXES
|
|
=====================================================*/
|
|
|
|
.markdown-preview-view input[type="checkbox"] {
|
|
|
|
accent-color: var(--aether-primary);
|
|
|
|
}
|
|
|
|
.markdown-preview-view li.task-list-item.is-checked {
|
|
|
|
color: var(--aether-text-muted);
|
|
|
|
}
|
|
|
|
/*=====================================================
|
|
28 — BLOCKQUOTES
|
|
=====================================================*/
|
|
|
|
.markdown-preview-view blockquote {
|
|
|
|
margin: 1.4em 0;
|
|
|
|
padding: .8em 1.2em;
|
|
|
|
background: var(--aether-surface);
|
|
|
|
border-left: 3px solid var(--aether-neon-cyan);
|
|
|
|
border-radius: var(--aether-radius-sm);
|
|
|
|
color: var(--aether-text-muted);
|
|
|
|
}
|
|
|
|
.markdown-preview-view blockquote p {
|
|
|
|
color: var(--aether-text-muted);
|
|
|
|
}
|
|
|
|
/*=====================================================
|
|
29 — HIGHLIGHTS
|
|
=====================================================*/
|
|
|
|
.markdown-preview-view mark {
|
|
|
|
background: var(--aether-highlight);
|
|
|
|
color: var(--aether-text-bright);
|
|
|
|
padding: 1px 4px;
|
|
|
|
border-radius: 4px;
|
|
|
|
}
|
|
|
|
/*=====================================================
|
|
30 — INLINE CODE
|
|
=====================================================*/
|
|
|
|
.markdown-preview-view code {
|
|
|
|
font-size: .9em;
|
|
|
|
background: var(--aether-code-surface);
|
|
|
|
border: 1px solid var(--aether-border);
|
|
|
|
color: var(--aether-code);
|
|
|
|
padding: 2px 6px;
|
|
|
|
border-radius: 5px;
|
|
|
|
}
|
|
|
|
/*=====================================================
|
|
31 — CODE BLOCKS
|
|
=====================================================*/
|
|
|
|
.markdown-preview-view pre {
|
|
|
|
background: var(--aether-code-surface);
|
|
|
|
border: 1px solid var(--aether-border);
|
|
|
|
border-radius: var(--aether-radius-md);
|
|
|
|
padding: 18px 20px;
|
|
|
|
overflow: auto;
|
|
|
|
}
|
|
|
|
.markdown-preview-view pre code {
|
|
|
|
background: transparent;
|
|
|
|
border: none;
|
|
|
|
padding: 0;
|
|
|
|
color: var(--aether-text);
|
|
|
|
}
|
|
|
|
.cm-s-obsidian .HyperMD-codeblock {
|
|
|
|
background: var(--aether-code-surface);
|
|
|
|
}
|
|
|
|
/*=====================================================
|
|
32 — HORIZONTAL RULE
|
|
=====================================================*/
|
|
|
|
.markdown-preview-view hr {
|
|
|
|
border: none;
|
|
|
|
border-top: 1px solid var(--aether-border);
|
|
|
|
margin: 2.5em 0;
|
|
|
|
}
|
|
|
|
/*=====================================================
|
|
33 — IMAGES
|
|
=====================================================*/
|
|
|
|
.markdown-preview-view img {
|
|
|
|
max-width: 100%;
|
|
|
|
height: auto;
|
|
|
|
border-radius: var(--aether-radius-md);
|
|
|
|
border: 1px solid var(--aether-border);
|
|
|
|
}
|
|
|
|
.markdown-preview-view img:hover {
|
|
|
|
border-color: var(--aether-border-strong);
|
|
|
|
}
|
|
|
|
/*=====================================================
|
|
34 — TABLES
|
|
|
|
ONE CONTINUOUS STONE SURFACE
|
|
|
|
No zebra striping.
|
|
No separate white header.
|
|
No spreadsheet appearance.
|
|
|
|
=====================================================*/
|
|
|
|
.markdown-preview-view table,
|
|
.table-view-table {
|
|
|
|
width: 100%;
|
|
|
|
background: var(--aether-surface);
|
|
|
|
border: 1px solid var(--aether-border);
|
|
|
|
border-radius: var(--aether-radius-md);
|
|
|
|
overflow: hidden;
|
|
|
|
}
|
|
|
|
/* Every cell uses the same material */
|
|
|
|
.markdown-preview-view th,
|
|
.markdown-preview-view td,
|
|
.table-view-table th,
|
|
.table-view-table td {
|
|
|
|
background: var(--aether-surface);
|
|
|
|
color: var(--aether-text);
|
|
|
|
padding: 10px 13px;
|
|
|
|
border-color: var(--aether-border);
|
|
|
|
}
|
|
|
|
/* Table title/header remains the same colour */
|
|
|
|
.markdown-preview-view thead th,
|
|
.table-view-table thead th {
|
|
|
|
background: var(--aether-surface);
|
|
|
|
color: var(--aether-text-bright);
|
|
|
|
font-weight: 600;
|
|
|
|
}
|
|
|
|
/* Explicitly prevent zebra striping */
|
|
|
|
.markdown-preview-view tbody tr:nth-child(even) td, .markdown-preview-view tbody tr:nth-child(odd) td, .table-view-table tbody tr:nth-child(even) td, .table-view-table tbody tr:nth-child(odd) td { background: var(--aether-surface);
|
|
|
|
}
|
|
|
|
/* Quiet table hover */
|
|
|
|
.markdown-preview-view tbody tr:hover td, .table-view-table tbody tr:hover td { background: var(--aether-surface-hover);
|
|
|
|
}
|
|
|
|
/*=====================================================
|
|
35 — CALLOUTS
|
|
=====================================================*/
|
|
|
|
.callout {
|
|
|
|
background: var(--aether-surface);
|
|
|
|
border: 1px solid var(--aether-border);
|
|
|
|
border-radius: var(--aether-radius-md);
|
|
|
|
box-shadow: none;
|
|
|
|
}
|
|
|
|
.callout-title {
|
|
|
|
color: var(--aether-text-bright);
|
|
|
|
font-weight: 600;
|
|
|
|
}
|
|
|
|
.callout-content {
|
|
|
|
color: var(--aether-text);
|
|
|
|
}
|
|
|
|
/* Note */
|
|
|
|
.callout[data-callout="note"] {
|
|
|
|
--callout-color: var(--aether-callout-note);
|
|
|
|
background: var(--aether-callout-note-bg);
|
|
|
|
}
|
|
|
|
/* Tip */
|
|
|
|
.callout[data-callout="tip"] {
|
|
|
|
--callout-color: var(--aether-callout-tip);
|
|
|
|
background: var(--aether-callout-tip-bg);
|
|
|
|
}
|
|
|
|
/* Warning */
|
|
|
|
.callout[data-callout="warning"] {
|
|
|
|
--callout-color: var(--aether-warning);
|
|
|
|
background: var(--aether-warning-bg);
|
|
|
|
}
|
|
|
|
/* Danger */
|
|
|
|
.callout[data-callout="danger"] {
|
|
|
|
--callout-color: var(--aether-danger);
|
|
|
|
background: var(--aether-danger-bg);
|
|
|
|
}
|
|
|
|
/* Success */
|
|
|
|
.callout[data-callout="success"] {
|
|
|
|
--callout-color: var(--aether-success);
|
|
|
|
background: var(--aether-success-bg);
|
|
|
|
}
|
|
|
|
/* Abstract / idea */
|
|
|
|
.callout[data-callout="abstract"],
|
|
.callout[data-callout="idea"] {
|
|
|
|
--callout-color: var(--aether-primary);
|
|
|
|
background: var(--aether-primary-soft);
|
|
|
|
}
|
|
|
|
/* Quote */
|
|
|
|
.callout[data-callout="quote"] {
|
|
|
|
--callout-color: var(--aether-text-muted);
|
|
|
|
background: var(--aether-surface);
|
|
|
|
}
|
|
|
|
/*=====================================================
|
|
36 — METADATA / PROPERTIES
|
|
=====================================================*/
|
|
|
|
.metadata-container {
|
|
|
|
background: var(--aether-surface);
|
|
|
|
border: 1px solid var(--aether-border);
|
|
|
|
border-radius: var(--aether-radius-md);
|
|
|
|
}
|
|
|
|
.metadata-property {
|
|
|
|
border-bottom: 1px solid var(--aether-border);
|
|
|
|
}
|
|
|
|
.metadata-property:last-child {
|
|
|
|
border-bottom: none;
|
|
|
|
}
|
|
|
|
.metadata-property-key {
|
|
|
|
color: var(--aether-text-muted);
|
|
|
|
font-weight: 500;
|
|
|
|
}
|
|
|
|
.metadata-property-value,
|
|
.metadata-input-longtext {
|
|
|
|
color: var(--aether-text);
|
|
|
|
}
|
|
|
|
.metadata-property:hover {
|
|
|
|
background: var(--aether-surface-hover);
|
|
|
|
}
|
|
|
|
/*=====================================================
|
|
37 — EMBEDS
|
|
=====================================================*/
|
|
|
|
.markdown-embed,
|
|
.internal-embed {
|
|
|
|
background: var(--aether-surface);
|
|
|
|
border: 1px solid var(--aether-border);
|
|
|
|
border-radius: var(--aether-radius-md);
|
|
|
|
}
|
|
|
|
.markdown-embed-title {
|
|
|
|
color: var(--aether-text-bright);
|
|
|
|
}
|
|
|
|
.markdown-embed-link {
|
|
|
|
color: var(--aether-text-muted);
|
|
|
|
}
|
|
|
|
.markdown-embed-link:hover {
|
|
|
|
color: var(--aether-primary);
|
|
|
|
}
|
|
|
|
/*=====================================================
|
|
38 — TASKS
|
|
=====================================================*/
|
|
|
|
.task-list-item-checkbox {
|
|
|
|
accent-color: var(--aether-primary);
|
|
|
|
}
|
|
|
|
.task-list-item {
|
|
|
|
color: var(--aether-text);
|
|
|
|
}
|
|
|
|
.task-list-item[data-task="x"],
|
|
.task-list-item[data-task="X"],
|
|
.task-list-item.is-checked {
|
|
|
|
color: var(--aether-text-muted);
|
|
|
|
}
|
|
|
|
.task-list-item-checkbox:focus-visible {
|
|
|
|
outline: 2px solid var(--aether-primary);
|
|
|
|
outline-offset: 2px;
|
|
|
|
}
|
|
|
|
/*=====================================================
|
|
39 — SEARCH RESULTS
|
|
=====================================================*/
|
|
|
|
.search-result {
|
|
|
|
color: var(--aether-text);
|
|
|
|
}
|
|
|
|
.search-result-file-title {
|
|
|
|
color: var(--aether-text-bright);
|
|
|
|
}
|
|
|
|
.search-result-file-matched-text {
|
|
|
|
color: var(--aether-text-muted);
|
|
|
|
}
|
|
|
|
.search-result-file-title:hover {
|
|
|
|
color: var(--aether-primary);
|
|
|
|
}
|
|
|
|
.nav-files-container .search-result-file-matched-text {
|
|
|
|
color: var(--aether-warm);
|
|
|
|
}
|
|
|
|
/*=====================================================
|
|
40 — BOOKMARKS
|
|
=====================================================*/
|
|
|
|
.bookmark {
|
|
|
|
border-radius: var(--aether-radius-sm);
|
|
|
|
}
|
|
|
|
.bookmark:hover {
|
|
|
|
background: var(--aether-primary-soft);
|
|
|
|
}
|
|
|
|
/*=====================================================
|
|
41 — TAG PANE
|
|
=====================================================*/
|
|
|
|
.tag-pane-tag {
|
|
|
|
color: var(--aether-text);
|
|
|
|
border-radius: var(--aether-radius-sm);
|
|
|
|
}
|
|
|
|
.tag-pane-tag:hover {
|
|
|
|
background: var(--aether-primary-soft);
|
|
|
|
color: var(--aether-primary);
|
|
|
|
}
|
|
|
|
/*=====================================================
|
|
42 — DATAVIEW
|
|
=====================================================*/
|
|
|
|
.dataview {
|
|
|
|
color: var(--aether-text);
|
|
|
|
}
|
|
|
|
.dataview.table-view-table {
|
|
|
|
background: var(--aether-surface);
|
|
|
|
border: 1px solid var(--aether-border);
|
|
|
|
}
|
|
|
|
.dataview th,
|
|
.dataview td {
|
|
|
|
background: var(--aether-surface);
|
|
|
|
color: var(--aether-text);
|
|
|
|
border-color: var(--aether-border);
|
|
|
|
}
|
|
|
|
.dataview th {
|
|
|
|
color: var(--aether-text-bright);
|
|
|
|
}
|
|
|
|
/* No Dataview zebra striping */
|
|
|
|
.dataview tbody tr:nth-child(even) td, .dataview tbody tr:nth-child(odd) td { background: var(--aether-surface);
|
|
|
|
}
|
|
|
|
.dataview tbody tr:hover td {
|
|
|
|
background: var(--aether-surface-hover);
|
|
|
|
}
|
|
|
|
/* Dataview cards */
|
|
|
|
.dataview .card {
|
|
|
|
background: var(--aether-surface);
|
|
|
|
border: 1px solid var(--aether-border);
|
|
|
|
border-radius: var(--aether-radius-md);
|
|
|
|
padding: 14px;
|
|
|
|
}
|
|
|
|
.dataview .card:hover {
|
|
|
|
background: var(--aether-surface-hover);
|
|
|
|
border-color: var(--aether-border-strong);
|
|
|
|
}
|
|
|
|
/*=====================================================
|
|
43 — MODALS
|
|
=====================================================*/
|
|
|
|
.modal {
|
|
|
|
background: var(--aether-surface-raised);
|
|
|
|
border: 1px solid var(--aether-border-strong);
|
|
|
|
border-radius: var(--aether-radius-lg);
|
|
|
|
box-shadow: var(--aether-shadow-strong);
|
|
|
|
}
|
|
|
|
/*=====================================================
|
|
44 — MENUS
|
|
=====================================================*/
|
|
|
|
.menu {
|
|
|
|
background: var(--aether-surface-raised);
|
|
|
|
border: 1px solid var(--aether-border);
|
|
|
|
border-radius: var(--aether-radius-md);
|
|
|
|
box-shadow: var(--aether-shadow-soft);
|
|
|
|
}
|
|
|
|
.menu-item {
|
|
|
|
color: var(--aether-text);
|
|
|
|
border-radius: var(--aether-radius-sm);
|
|
|
|
}
|
|
|
|
.menu-item:hover {
|
|
|
|
background: var(--aether-surface-hover);
|
|
|
|
color: var(--aether-text-bright);
|
|
|
|
}
|
|
|
|
/*=====================================================
|
|
45 — COMMAND PALETTE
|
|
=====================================================*/
|
|
|
|
.prompt {
|
|
|
|
background: var(--aether-surface-raised);
|
|
|
|
border: 1px solid var(--aether-border-strong);
|
|
|
|
border-radius: var(--aether-radius-lg);
|
|
|
|
}
|
|
|
|
.prompt-input {
|
|
|
|
background: var(--aether-background);
|
|
|
|
border: 1px solid var(--aether-border);
|
|
|
|
color: var(--aether-text);
|
|
|
|
}
|
|
|
|
.suggestion-item {
|
|
|
|
color: var(--aether-text);
|
|
|
|
border-radius: var(--aether-radius-sm);
|
|
|
|
}
|
|
|
|
.suggestion-item.is-selected {
|
|
|
|
background: var(--aether-primary-soft);
|
|
|
|
color: var(--aether-text-bright);
|
|
|
|
}
|
|
|
|
/*=====================================================
|
|
46 — BUTTONS
|
|
=====================================================*/
|
|
|
|
button {
|
|
|
|
background: var(--aether-surface);
|
|
|
|
border: 1px solid var(--aether-border);
|
|
|
|
color: var(--aether-text);
|
|
|
|
border-radius: var(--aether-radius-sm);
|
|
|
|
transition: background var(--aether-transition), border-color var(--aether-transition), color var(--aether-transition);
|
|
|
|
}
|
|
|
|
button:hover {
|
|
|
|
background: var(--aether-surface-hover);
|
|
|
|
border-color: var(--aether-border-strong);
|
|
|
|
}
|
|
|
|
/* Primary action */
|
|
|
|
button.mod-cta {
|
|
|
|
background: var(--aether-primary);
|
|
|
|
border-color: var(--aether-primary);
|
|
|
|
color: #FFFFFF;
|
|
|
|
}
|
|
|
|
button.mod-cta:hover {
|
|
|
|
background: var(--aether-primary-hover);
|
|
|
|
border-color: var(--aether-primary-hover);
|
|
|
|
}
|
|
|
|
/*=====================================================
|
|
47 — INPUTS
|
|
=====================================================*/
|
|
|
|
input,
|
|
textarea,
|
|
select {
|
|
|
|
background: var(--aether-background);
|
|
|
|
border: 1px solid var(--aether-border);
|
|
|
|
color: var(--aether-text);
|
|
|
|
border-radius: var(--aether-radius-sm);
|
|
|
|
}
|
|
|
|
input::placeholder, textarea::placeholder { color: var(--aether-text-faint);
|
|
|
|
}
|
|
|
|
input:focus, textarea:focus, select:focus { border-color: var(--aether-primary);
|
|
|
|
box-shadow: 0 0 0 2px var(--aether-focus);
|
|
|
|
}
|
|
|
|
/*=====================================================
|
|
48 — TOOLTIP
|
|
=====================================================*/
|
|
|
|
.tooltip {
|
|
|
|
background: var(--aether-surface-raised);
|
|
|
|
border: 1px solid var(--aether-border);
|
|
|
|
color: var(--aether-text);
|
|
|
|
box-shadow: var(--aether-shadow-soft);
|
|
|
|
}
|
|
|
|
/*=====================================================
|
|
49 — FOCUS
|
|
=====================================================*/
|
|
|
|
:focus-visible {
|
|
|
|
outline: 2px solid var(--aether-primary);
|
|
|
|
outline-offset: 2px;
|
|
|
|
}
|
|
|
|
button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible { outline: 2px solid var(--aether-primary);
|
|
|
|
outline-offset: 2px;
|
|
|
|
}
|
|
|
|
/*=====================================================
|
|
50 — SELECTION
|
|
=====================================================*/
|
|
|
|
::selection {
|
|
|
|
background: var(--aether-selection);
|
|
|
|
color: var(--aether-text-bright);
|
|
|
|
}
|
|
|
|
.cm-selectionBackground {
|
|
|
|
background: var(--aether-selection);
|
|
|
|
}
|
|
|
|
/*=====================================================
|
|
51 — SCROLLBARS
|
|
|
|
Chromium / Electron compatible.
|
|
|
|
No scrollbar-width.
|
|
No scrollbar-color.
|
|
|
|
=====================================================*/
|
|
|
|
::-webkit-scrollbar {
|
|
|
|
width: 8px;
|
|
|
|
height: 8px;
|
|
|
|
}
|
|
|
|
::-webkit-scrollbar-track {
|
|
|
|
background: var(--aether-background);
|
|
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb {
|
|
|
|
background: var(--aether-border);
|
|
|
|
border-radius: 20px;
|
|
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb:hover {
|
|
|
|
background: var(--aether-border-strong);
|
|
|
|
}
|
|
|
|
/*=====================================================
|
|
52 — AMBIENT ATMOSPHERE
|
|
|
|
Very subtle.
|
|
Never dominates the writing.
|
|
|
|
=====================================================*/
|
|
|
|
.workspace {
|
|
|
|
position: relative;
|
|
|
|
}
|
|
|
|
.workspace::before {
|
|
|
|
content: "";
|
|
|
|
position: absolute;
|
|
|
|
inset: 0;
|
|
|
|
pointer-events: none;
|
|
|
|
background: radial-gradient( circle at 15% 0%, var(--aether-ambient), transparent 38% );
|
|
|
|
opacity: .30;
|
|
|
|
}
|
|
|
|
.theme-light .workspace::before {
|
|
|
|
opacity: .16;
|
|
|
|
}
|
|
|
|
/*=====================================================
|
|
53 — LIMITED GLASS
|
|
|
|
Only for explicitly marked elements.
|
|
|
|
Never apply globally.
|
|
|
|
=====================================================*/
|
|
|
|
.aether-glass {
|
|
|
|
background: var(--aether-glass);
|
|
|
|
border: 1px solid var(--aether-border);
|
|
|
|
backdrop-filter: blur(10px);
|
|
|
|
}
|
|
|
|
/*=====================================================
|
|
54 — DRAG STATES
|
|
=====================================================*/
|
|
|
|
.nav-file-title.is-being-dragged,
|
|
.nav-folder-title.is-being-dragged {
|
|
|
|
background: var(--aether-primary-soft);
|
|
|
|
color: var(--aether-text-bright);
|
|
|
|
border: 1px solid var(--aether-primary-muted);
|
|
|
|
}
|
|
|
|
.is-being-dragged {
|
|
|
|
opacity: .75;
|
|
|
|
}
|
|
|
|
/*=====================================================
|
|
55 — EMPTY STATES
|
|
=====================================================*/
|
|
|
|
.nav-files-container .nav-empty-message,
|
|
.view-content .nav-empty-message {
|
|
|
|
color: var(--aether-text-muted);
|
|
|
|
}
|
|
|
|
/*=====================================================
|
|
56 — FOOTNOTES
|
|
=====================================================*/
|
|
|
|
.footnote-ref {
|
|
|
|
color: var(--aether-link);
|
|
|
|
}
|
|
|
|
.footnotes {
|
|
|
|
color: var(--aether-text-muted);
|
|
|
|
border-top: 1px solid var(--aether-border);
|
|
|
|
}
|
|
|
|
/*=====================================================
|
|
57 — SPELLCHECK
|
|
=====================================================*/
|
|
|
|
.cm-invalidchar {
|
|
|
|
color: var(--aether-warning);
|
|
|
|
}
|
|
|
|
/*=====================================================
|
|
58 — MOBILE
|
|
=====================================================*/
|
|
|
|
@media (max-width: 700px) {
|
|
|
|
.nav-files-container {
|
|
|
|
padding: var(--aether-space-2);
|
|
|
|
}
|
|
|
|
.workspace-split.mod-left-split,
|
|
.workspace-split.mod-right-split {
|
|
|
|
border: none;
|
|
|
|
}
|
|
|
|
.workspace-ribbon {
|
|
|
|
border: none;
|
|
|
|
}
|
|
|
|
.workspace-tab-header {
|
|
|
|
padding-left: var(--aether-space-1);
|
|
|
|
padding-right: var(--aether-space-1);
|
|
|
|
}
|
|
|
|
.workspace-tab-header-inner {
|
|
|
|
padding: 0 var(--aether-space-1);
|
|
|
|
}
|
|
|
|
.status-bar {
|
|
|
|
font-size: 12px;
|
|
|
|
}
|
|
|
|
.markdown-preview-view,
|
|
.markdown-source-view,
|
|
.cm-editor {
|
|
|
|
font-size: 16px;
|
|
|
|
line-height: 1.7;
|
|
|
|
}
|
|
|
|
.markdown-preview-view {
|
|
|
|
padding-left: 16px;
|
|
|
|
padding-right: 16px;
|
|
|
|
}
|
|
|
|
.markdown-source-view .cm-scroller {
|
|
|
|
padding-left: 14px;
|
|
|
|
padding-right: 14px;
|
|
|
|
}
|
|
|
|
.markdown-preview-view h1 {
|
|
|
|
font-size: 2em;
|
|
|
|
}
|
|
|
|
.markdown-preview-view h2 {
|
|
|
|
font-size: 1.6em;
|
|
|
|
}
|
|
|
|
.markdown-preview-view blockquote {
|
|
|
|
padding: .7em 1em;
|
|
|
|
}
|
|
|
|
.markdown-preview-view pre {
|
|
|
|
padding: 14px;
|
|
|
|
}
|
|
|
|
.callout {
|
|
|
|
border-radius: var(--aether-radius-sm);
|
|
|
|
}
|
|
|
|
.metadata-container {
|
|
|
|
border-radius: var(--aether-radius-sm);
|
|
|
|
}
|
|
|
|
.tag {
|
|
|
|
padding: 2px 7px;
|
|
|
|
}
|
|
|
|
.modal,
|
|
.menu,
|
|
.prompt {
|
|
|
|
border-radius: var(--aether-radius-md);
|
|
|
|
box-shadow: var(--aether-shadow-soft);
|
|
|
|
}
|
|
|
|
.workspace::before {
|
|
|
|
opacity: .10;
|
|
|
|
}
|
|
|
|
.aether-glass {
|
|
|
|
backdrop-filter: none;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
/*=====================================================
|
|
59 — REDUCED MOTION
|
|
|
|
No !important.
|
|
|
|
=====================================================*/
|
|
|
|
@media (prefers-reduced-motion: reduce) {
|
|
|
|
*,
|
|
*::before,
|
|
*::after {
|
|
|
|
animation-duration: 0.01ms;
|
|
|
|
animation-iteration-count: 1;
|
|
|
|
transition-duration: 0.01ms;
|
|
|
|
scroll-behavior: auto;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
/*=====================================================
|
|
05 — BUTTONS, INPUTS, DROPDOWNS & MODALS (NEON NIGHT)
|
|
=====================================================*/
|
|
|
|
/* Buttons */
|
|
button,
|
|
.btn {
|
|
background-color: var(--interactive-normal);
|
|
border: 1px solid var(--background-modifier-border);
|
|
color: var(--text-normal);
|
|
border-radius: var(--aether-radius-sm, 8px);
|
|
transition: background-color var(--aether-transition, 180ms ease), border-color var(--aether-transition, 180ms ease), box-shadow var(--aether-transition, 180ms ease);
|
|
}
|
|
|
|
button:hover,
|
|
.btn:hover {
|
|
background-color: var(--interactive-hover);
|
|
border-color: var(--background-modifier-border-hover);
|
|
color: var(--text-bright, var(--text-normal));
|
|
}
|
|
|
|
button:focus-visible {
|
|
outline: none;
|
|
border-color: var(--aether-neon-cyan, #5CE1E6);
|
|
box-shadow: 0 0 0 2px rgba(92, 225, 230, 0.25);
|
|
}
|
|
|
|
/* Dropdown Selects — Preserve right padding for Obsidian double-arrow icon */
|
|
select,
|
|
.dropdown {
|
|
background-color: var(--interactive-normal);
|
|
border: 1px solid var(--background-modifier-border);
|
|
color: var(--text-normal);
|
|
border-radius: var(--aether-radius-sm, 8px);
|
|
padding-right: 28px !important; /* Critical: prevents text from overlapping arrow */
|
|
transition: background-color var(--aether-transition, 180ms ease), border-color var(--aether-transition, 180ms ease);
|
|
}
|
|
|
|
select:hover,
|
|
.dropdown:hover {
|
|
background-color: var(--interactive-hover);
|
|
border-color: var(--background-modifier-border-hover);
|
|
color: var(--text-bright, var(--text-normal));
|
|
}
|
|
|
|
select:focus-visible,
|
|
.dropdown:focus-visible {
|
|
outline: none;
|
|
border-color: var(--aether-neon-cyan, #5CE1E6);
|
|
box-shadow: 0 0 0 2px rgba(92, 225, 230, 0.25);
|
|
}
|
|
|
|
/* Call-to-Action / Primary Buttons */
|
|
button.mod-cta,
|
|
.btn.mod-cta,
|
|
.setting-item-control button.mod-cta {
|
|
background-color: var(--interactive-accent);
|
|
color: var(--text-on-accent, #0C0E14);
|
|
border-color: transparent;
|
|
font-weight: 600;
|
|
}
|
|
|
|
button.mod-cta:hover,
|
|
.btn.mod-cta:hover {
|
|
background-color: var(--interactive-accent-hover);
|
|
box-shadow: 0 0 14px rgba(110, 200, 255, 0.45);
|
|
}
|
|
|
|
/* Text & Search Inputs */
|
|
input[type="text"],
|
|
input[type="search"],
|
|
input[type="password"],
|
|
input[type="number"],
|
|
input[type="email"],
|
|
textarea {
|
|
background-color: var(--background-modifier-form-field);
|
|
border: 1px solid var(--background-modifier-border);
|
|
color: var(--text-normal);
|
|
border-radius: var(--aether-radius-sm, 8px);
|
|
transition: border-color var(--aether-transition, 180ms ease), box-shadow var(--aether-transition, 180ms ease);
|
|
}
|
|
|
|
input[type="text"]:focus,
|
|
input[type="search"]:focus,
|
|
textarea:focus {
|
|
border-color: var(--aether-neon-cyan, #5CE1E6);
|
|
background-color: var(--background-modifier-form-field-highlighted);
|
|
box-shadow: 0 0 8px rgba(92, 225, 230, 0.3);
|
|
outline: none;
|
|
}
|
|
|
|
/* Modals & Dialogs */
|
|
.modal {
|
|
background-color: var(--modal-background);
|
|
border: 1px solid var(--background-modifier-border);
|
|
border-radius: var(--aether-radius-lg, 16px);
|
|
box-shadow: 0 16px 48px rgba(0, 0, 0, 0.5);
|
|
}
|
|
|
|
.modal-close-button {
|
|
color: var(--text-muted);
|
|
transition: color 150ms ease;
|
|
}
|
|
|
|
.modal-close-button:hover {
|
|
color: var(--aether-neon-pink, #FF8EC8);
|
|
}
|
|
|
|
/* Vertical Tabs in Settings */
|
|
.vertical-tab-header {
|
|
background-color: var(--aether-background-tertiary, #161A22);
|
|
border-right: 1px solid var(--background-modifier-border);
|
|
}
|
|
|
|
.vertical-tab-nav-item.is-active {
|
|
background-color: var(--aether-surface-raised, #222734);
|
|
color: var(--aether-neon-blue, #6EC8FF);
|
|
font-weight: 600;
|
|
}
|
|
|
|
/* Setting Items */
|
|
.setting-item-heading {
|
|
color: var(--aether-neon-cyan, #5CE1E6);
|
|
font-weight: 600;
|
|
}
|
|
|
|
.setting-item-name {
|
|
color: var(--text-bright, var(--text-normal));
|
|
font-weight: 500;
|
|
}
|
|
|
|
.setting-item-description {
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
/* Toggles & Switches — Neon Green Active State */
|
|
.checkbox-container.is-enabled {
|
|
background-color: var(--aether-neon-green, #6EF2A8) !important;
|
|
box-shadow: 0 0 10px rgba(110, 242, 168, 0.4) !important;
|
|
}
|
|
|
|
.checkbox-container.is-enabled .checkbox-icon {
|
|
background-color: #0C0E14 !important;
|
|
}
|
|
|
|
/* Inline Code — Cyan Glow */
|
|
code,
|
|
.cm-inline-code {
|
|
color: var(--aether-neon-cyan, #5CE1E6) !important;
|
|
background-color: rgba(var(--aether-neon-cyan-rgb, 92, 225, 230), 0.12) !important;
|
|
border-radius: 4px !important;
|
|
padding: 2px 6px !important;
|
|
}
|
|
|
|
/* Checkboxes [x] & Toggles — Neon Blue (#6EC8FF) */
|
|
input[type="checkbox"]:checked,
|
|
.task-list-item-checkbox:checked,
|
|
.checkbox-container.is-enabled {
|
|
background-color: var(--aether-neon-blue, #6EC8FF) !important;
|
|
border-color: var(--aether-neon-blue, #6EC8FF) !important;
|
|
box-shadow: 0 0 10px rgba(110, 200, 255, 0.4) !important;
|
|
}
|
|
|
|
|
|
/* Highlight (==text== / <mark>) */
|
|
mark,
|
|
.markdown-preview-view mark,
|
|
.markdown-rendered mark,
|
|
.cm-highlight {
|
|
background-color: rgba(var(--aether-neon-yellow-rgb), 0.25) !important;
|
|
color: #FFFFFF !important;
|
|
padding: 1px 5px !important;
|
|
border-radius: 4px !important;
|
|
box-shadow: 0 0 10px rgba(var(--aether-neon-yellow-rgb), 0.4) !important;
|
|
text-shadow: 0 0 6px rgba(255, 255, 255, 0.7) !important;
|
|
}
|
|
|
|
|
|
/*=====================================================
|
|
BUTTON OVERRIDES (High Specificity)
|
|
=====================================================*/
|
|
.theme-dark button:not(.clickable-icon):not(.mod-cta):not(.mod-warning):not(.mod-destructive),
|
|
.theme-dark input[type="button"]:not(.mod-cta),
|
|
.theme-dark input[type="reset"]:not(.mod-cta) {
|
|
background-color: var(--aether-surface-raised, #222734);
|
|
color: var(--aether-text, #C7D0E5);
|
|
border: 1px solid var(--aether-border, rgba(92, 225, 230, 0.25));
|
|
border-radius: var(--aether-radius-sm, 6px);
|
|
transition: all 0.2s ease;
|
|
}
|
|
|
|
.theme-dark button:not(.clickable-icon):not(.mod-cta):not(.mod-warning):not(.mod-destructive):hover,
|
|
.theme-dark input[type="button"]:not(.mod-cta):hover,
|
|
.theme-dark input[type="reset"]:not(.mod-cta):hover {
|
|
background-color: var(--aether-surface-hover, #2A3140);
|
|
border-color: rgba(var(--aether-neon-cyan-rgb), 0.6);
|
|
box-shadow: 0 0 8px rgba(var(--aether-neon-cyan-rgb), 0.25);
|
|
color: var(--aether-text-bright, #fff);
|
|
cursor: pointer;
|
|
}
|
|
|
|
/* Primary CTA Buttons */
|
|
.theme-dark button.mod-cta,
|
|
.theme-dark input[type="submit"].mod-cta {
|
|
background-color: rgba(var(--aether-neon-blue-rgb), 0.15);
|
|
color: rgb(var(--aether-neon-blue-rgb));
|
|
border: 1px solid rgba(var(--aether-neon-blue-rgb), 0.4);
|
|
border-radius: var(--aether-radius-sm, 6px);
|
|
text-shadow: 0 0 8px rgba(var(--aether-neon-blue-rgb), 0.4);
|
|
transition: all 0.2s ease;
|
|
}
|
|
|
|
.theme-dark button.mod-cta:hover,
|
|
.theme-dark input[type="submit"].mod-cta:hover {
|
|
background-color: rgba(var(--aether-neon-blue-rgb), 0.25);
|
|
border-color: rgba(var(--aether-neon-blue-rgb), 0.8);
|
|
box-shadow: 0 0 12px rgba(var(--aether-neon-blue-rgb), 0.4);
|
|
color: #fff;
|
|
text-shadow: 0 0 12px rgba(var(--aether-neon-blue-rgb), 0.8);
|
|
cursor: pointer;
|
|
}
|
|
|
|
/* Modals & Dropdowns background to ensure no #333333 */
|
|
.theme-dark .modal,
|
|
.theme-dark .menu,
|
|
.theme-dark .suggestion-container {
|
|
background-color: var(--aether-background, #0C0E14);
|
|
border: 1px solid var(--aether-border, rgba(92, 225, 230, 0.25));
|
|
box-shadow: 0 0 20px rgba(0, 0, 0, 0.5), 0 0 10px rgba(var(--aether-neon-cyan-rgb), 0.1);
|
|
}
|
|
|
|
|
|
/*=====================================================
|
|
INPUT FIELDS & DROPDOWNS OVERRIDES
|
|
=====================================================*/
|
|
.theme-dark input[type="text"],
|
|
.theme-dark input[type="search"],
|
|
.theme-dark input[type="password"],
|
|
.theme-dark input[type="email"],
|
|
.theme-dark input[type="number"],
|
|
.theme-dark textarea,
|
|
.theme-dark select {
|
|
background-color: var(--aether-surface-raised, #222734);
|
|
color: var(--aether-text-bright, #fff);
|
|
border: 1px solid var(--aether-border, rgba(92, 225, 230, 0.25));
|
|
border-radius: var(--aether-radius-sm, 6px);
|
|
transition: all 0.2s ease;
|
|
}
|
|
|
|
.theme-dark input[type="text"]:focus,
|
|
.theme-dark input[type="search"]:focus,
|
|
.theme-dark input[type="password"]:focus,
|
|
.theme-dark input[type="email"]:focus,
|
|
.theme-dark input[type="number"]:focus,
|
|
.theme-dark textarea:focus,
|
|
.theme-dark select:focus {
|
|
background-color: var(--aether-surface-active, #323A4C);
|
|
border-color: rgba(var(--aether-neon-cyan-rgb), 0.8);
|
|
box-shadow: 0 0 10px rgba(var(--aether-neon-cyan-rgb), 0.3);
|
|
outline: none;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* --- AGGRESSIVE LIST BULLET OVERRIDES --- */
|
|
body {
|
|
--list-bullet-color: var(--aether-neon-cyan);
|
|
--list-marker-color: var(--aether-neon-cyan);
|
|
|
|
--aether-neon-mint: #6EF2A8;
|
|
--aether-neon-mint-rgb: 110, 242, 168;
|
|
|
|
--italic-color: #afff14 !important;
|
|
--italic-color-rgb: 175, 255, 20;
|
|
}
|
|
|
|
/* Italic overrides */
|
|
.theme-dark .markdown-rendered em,
|
|
.theme-dark .markdown-source-view.mod-cm6 .cm-em {
|
|
color: var(--italic-color) !important;
|
|
text-shadow: 0 0 8px rgba(var(--italic-color-rgb), 0.7), 0 0 16px rgba(var(--italic-color-rgb), 0.4) !important;
|
|
}
|
|
|
|
/* Reading View Unordered Lists */
|
|
.theme-dark .markdown-rendered ul > li::marker {
|
|
color: var(--aether-neon-cyan) !important;
|
|
text-shadow: 0 0 8px rgba(var(--aether-neon-cyan-rgb), 0.7), 0 0 16px rgba(var(--aether-neon-cyan-rgb), 0.4) !important;
|
|
}
|
|
|
|
/* Live Preview Unordered Lists */
|
|
.theme-dark .list-bullet::after {
|
|
background-color: var(--aether-neon-cyan) !important;
|
|
box-shadow: 0 0 8px rgba(var(--aether-neon-cyan-rgb), 0.7), 0 0 16px rgba(var(--aether-neon-cyan-rgb), 0.4) !important;
|
|
height: 6px !important;
|
|
width: 6px !important;
|
|
border-radius: 50% !important;
|
|
}
|
|
|
|
/* Reading View Ordered Lists */
|
|
.theme-dark .markdown-rendered ol > li::marker {
|
|
color: var(--aether-neon-mint) !important;
|
|
text-shadow: 0 0 8px rgba(var(--aether-neon-mint-rgb), 0.7), 0 0 16px rgba(var(--aether-neon-mint-rgb), 0.4) !important;
|
|
}
|