mirror of
https://github.com/Psychotoxical/psysonic.git
synced 2026-07-21 23:05:46 +00:00
feat(themes): add Kanagawa, Atom One, 1984 palettes; regroup OSS Classics by family (#390)
* feat(themes): add Kanagawa, Atom One, 1984 palettes; group OSS Classics by family Adds three upstream-faithful theme families to Open Source Classics and restructures the picker so the section is no longer alphabetically wild. New themes (9 total): - Kanagawa (rebelot/kanagawa.nvim): Wave, Dragon, Lotus - Atom One (Th3Whit3Wolf/one-nvim): Dark, Light - 1984 (juanmnl/vs-1984): Default, Cyberpunk, Light, Orwell (Fancy + Unbolded skipped — identical palette to Default, style-only) Each theme defines the full token set (--bg-*, --accent, --text-*, all --ctp-*, --waveform-*, --positive/warning/danger, --select-arrow), so login screen, queue sidebar tabs, and all subpages inherit the palette without component-level overrides. Picker restructure: - ThemeDef gains optional `family?: string` - Open Source Classics regrouped: 1984, Atom One, Catppuccin, Dracula, Gruvbox, Kanagawa, Nightfox, Nord - Family headings rendered inline (grid-column: 1 / -1) when family changes; new .theme-family-header style in components.css - Theme scheduler dropdown labels prefixed with family for context Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com> * chore(release): sync Cargo.lock to 1.45.0-dev
This commit is contained in:
Frank Stellmacher
committed by
GitHub
GitHub
parent
b83c0f5e50
commit
225f7c1406
@@ -1,4 +1,4 @@
|
||||
import { useState } from 'react';
|
||||
import { Fragment, useState } from 'react';
|
||||
import { Check, ChevronDown } from 'lucide-react';
|
||||
|
||||
interface ThemeDef {
|
||||
@@ -7,6 +7,7 @@ interface ThemeDef {
|
||||
bg: string;
|
||||
card: string;
|
||||
accent: string;
|
||||
family?: string;
|
||||
}
|
||||
|
||||
export const THEME_GROUPS: { group: string; themes: ThemeDef[] }[] = [
|
||||
@@ -41,28 +42,45 @@ export const THEME_GROUPS: { group: string; themes: ThemeDef[] }[] = [
|
||||
{
|
||||
group: 'Open Source Classics',
|
||||
themes: [
|
||||
{ id: 'nord-aurora', label: 'Aurora', bg: '#3b4252', card: '#434c5e', accent: '#b48ead' },
|
||||
{ id: 'carbonfox', label: 'Carbonfox', bg: '#161616', card: '#1c1c1c', accent: '#be95ff' },
|
||||
{ id: 'gruvbox-dark-hard', label: 'Dark Hard', bg: '#1d2021', card: '#3c3836', accent: '#fabd2f' },
|
||||
{ id: 'gruvbox-dark-medium', label: 'Dark Medium', bg: '#282828', card: '#3c3836', accent: '#fabd2f' },
|
||||
{ id: 'gruvbox-dark-soft', label: 'Dark Soft', bg: '#32302f', card: '#45403d', accent: '#fabd2f' },
|
||||
{ id: 'dracula', label: 'Dracula', bg: '#282a36', card: '#44475a', accent: '#bd93f9' },
|
||||
{ id: 'dawnfox', label: 'Dawnfox', bg: '#faf4ed', card: '#ebe0df', accent: '#907aa9' },
|
||||
{ id: 'dayfox', label: 'Dayfox', bg: '#f6f2ee', card: '#dbd1dd', accent: '#2848a9' },
|
||||
{ id: 'duskfox', label: 'Duskfox', bg: '#232136', card: '#2d2a45', accent: '#c4a7e7' },
|
||||
{ id: 'frappe', label: 'Frappé', bg: '#303446', card: '#414559', accent: '#ca9ee6' },
|
||||
{ id: 'nord-frost', label: 'Frost', bg: '#1e2d3d', card: '#243447', accent: '#88c0d0' },
|
||||
{ id: 'latte', label: 'Latte', bg: '#eff1f5', card: '#ccd0da', accent: '#8839ef' },
|
||||
{ id: 'gruvbox-light-hard', label: 'Light Hard', bg: '#f9f5d7', card: '#f2e5bc', accent: '#b57614' },
|
||||
{ id: 'gruvbox-light-medium', label: 'Light Medium', bg: '#fbf1c7', card: '#f2e5bc', accent: '#b57614' },
|
||||
{ id: 'gruvbox-light-soft', label: 'Light Soft', bg: '#f2e5bc', card: '#ebdbb2', accent: '#b57614' },
|
||||
{ id: 'macchiato', label: 'Macchiato', bg: '#24273a', card: '#363a4f', accent: '#c6a0f6' },
|
||||
{ id: 'mocha', label: 'Mocha', bg: '#1e1e2e', card: '#313244', accent: '#cba6f7' },
|
||||
{ id: 'nightfox', label: 'Nightfox', bg: '#192330', card: '#212e3f', accent: '#719cd6' },
|
||||
{ id: 'nordfox', label: 'Nordfox', bg: '#2e3440', card: '#39404f', accent: '#81a1c1' },
|
||||
{ id: 'nord', label: 'Polar Night', bg: '#3b4252', card: '#434c5e', accent: '#88c0d0' },
|
||||
{ id: 'nord-snowstorm', label: 'Snowstorm', bg: '#e5e9f0', card: '#eceff4', accent: '#5e81ac' },
|
||||
{ id: 'terafox', label: 'Terafox', bg: '#152528', card: '#1d3337', accent: '#a1cdd8' },
|
||||
// ── 1984 (juanmnl/vs-1984 — only variants with a distinct palette)
|
||||
{ id: 'vs-1984', label: 'Default', bg: '#0d0f31', card: '#161a4a', accent: '#46BDFF', family: '1984' },
|
||||
{ id: 'vs-1984-cyberpunk', label: 'Cyberpunk', bg: '#1C1E27', card: '#232631', accent: '#85EEA7', family: '1984' },
|
||||
{ id: 'vs-1984-light', label: 'Light', bg: '#e4e5f5', card: '#d4d6e7', accent: '#4d5eff', family: '1984' },
|
||||
{ id: 'vs-1984-orwell', label: 'Orwell', bg: '#2e2923', card: '#3a342c', accent: '#fcd395', family: '1984' },
|
||||
// ── Atom One (Th3Whit3Wolf/one-nvim — Atom One Dark / Light derivative)
|
||||
{ id: 'one-dark', label: 'Dark', bg: '#282c34', card: '#2c323c', accent: '#61afef', family: 'Atom One' },
|
||||
{ id: 'one-light', label: 'Light', bg: '#fafafa', card: '#ececed', accent: '#4078f2', family: 'Atom One' },
|
||||
// ── Catppuccin (dark → light)
|
||||
{ id: 'mocha', label: 'Mocha', bg: '#1e1e2e', card: '#313244', accent: '#cba6f7', family: 'Catppuccin' },
|
||||
{ id: 'macchiato', label: 'Macchiato', bg: '#24273a', card: '#363a4f', accent: '#c6a0f6', family: 'Catppuccin' },
|
||||
{ id: 'frappe', label: 'Frappé', bg: '#303446', card: '#414559', accent: '#ca9ee6', family: 'Catppuccin' },
|
||||
{ id: 'latte', label: 'Latte', bg: '#eff1f5', card: '#ccd0da', accent: '#8839ef', family: 'Catppuccin' },
|
||||
// ── Dracula
|
||||
{ id: 'dracula', label: 'Dracula', bg: '#282a36', card: '#44475a', accent: '#bd93f9', family: 'Dracula' },
|
||||
// ── Gruvbox (dark → light, hard → soft)
|
||||
{ id: 'gruvbox-dark-hard', label: 'Dark Hard', bg: '#1d2021', card: '#3c3836', accent: '#fabd2f', family: 'Gruvbox' },
|
||||
{ id: 'gruvbox-dark-medium', label: 'Dark Medium', bg: '#282828', card: '#3c3836', accent: '#fabd2f', family: 'Gruvbox' },
|
||||
{ id: 'gruvbox-dark-soft', label: 'Dark Soft', bg: '#32302f', card: '#45403d', accent: '#fabd2f', family: 'Gruvbox' },
|
||||
{ id: 'gruvbox-light-hard', label: 'Light Hard', bg: '#f9f5d7', card: '#f2e5bc', accent: '#b57614', family: 'Gruvbox' },
|
||||
{ id: 'gruvbox-light-medium', label: 'Light Medium', bg: '#fbf1c7', card: '#f2e5bc', accent: '#b57614', family: 'Gruvbox' },
|
||||
{ id: 'gruvbox-light-soft', label: 'Light Soft', bg: '#f2e5bc', card: '#ebdbb2', accent: '#b57614', family: 'Gruvbox' },
|
||||
// ── Kanagawa (default → variants)
|
||||
{ id: 'kanagawa-wave', label: 'Wave', bg: '#1F1F28', card: '#2A2A37', accent: '#7E9CD8', family: 'Kanagawa' },
|
||||
{ id: 'kanagawa-dragon', label: 'Dragon', bg: '#181616', card: '#282727', accent: '#8ba4b0', family: 'Kanagawa' },
|
||||
{ id: 'kanagawa-lotus', label: 'Lotus', bg: '#f2ecbc', card: '#d5cea3', accent: '#4d699b', family: 'Kanagawa' },
|
||||
// ── Nightfox (default → variants, alphabetical)
|
||||
{ id: 'nightfox', label: 'Nightfox', bg: '#192330', card: '#212e3f', accent: '#719cd6', family: 'Nightfox' },
|
||||
{ id: 'carbonfox', label: 'Carbonfox', bg: '#161616', card: '#1c1c1c', accent: '#be95ff', family: 'Nightfox' },
|
||||
{ id: 'dawnfox', label: 'Dawnfox', bg: '#faf4ed', card: '#ebe0df', accent: '#907aa9', family: 'Nightfox' },
|
||||
{ id: 'dayfox', label: 'Dayfox', bg: '#f6f2ee', card: '#dbd1dd', accent: '#2848a9', family: 'Nightfox' },
|
||||
{ id: 'duskfox', label: 'Duskfox', bg: '#232136', card: '#2d2a45', accent: '#c4a7e7', family: 'Nightfox' },
|
||||
{ id: 'nordfox', label: 'Nordfox', bg: '#2e3440', card: '#39404f', accent: '#81a1c1', family: 'Nightfox' },
|
||||
{ id: 'terafox', label: 'Terafox', bg: '#152528', card: '#1d3337', accent: '#a1cdd8', family: 'Nightfox' },
|
||||
// ── Nord (Polar Night → Snowstorm → Frost → Aurora, official ordering)
|
||||
{ id: 'nord', label: 'Polar Night', bg: '#3b4252', card: '#434c5e', accent: '#88c0d0', family: 'Nord' },
|
||||
{ id: 'nord-snowstorm', label: 'Snowstorm', bg: '#e5e9f0', card: '#eceff4', accent: '#5e81ac', family: 'Nord' },
|
||||
{ id: 'nord-frost', label: 'Frost', bg: '#1e2d3d', card: '#243447', accent: '#88c0d0', family: 'Nord' },
|
||||
{ id: 'nord-aurora', label: 'Aurora', bg: '#3b4252', card: '#434c5e', accent: '#b48ead', family: 'Nord' },
|
||||
],
|
||||
},
|
||||
{
|
||||
@@ -187,42 +205,56 @@ export default function ThemePicker({ value, onChange }: Props) {
|
||||
gridTemplateColumns: 'repeat(auto-fill, minmax(72px, 1fr))',
|
||||
gap: '10px',
|
||||
}}>
|
||||
{themes.map((t) => {
|
||||
const isActive = value === t.id;
|
||||
return (
|
||||
<button
|
||||
key={t.id}
|
||||
className="theme-card-btn"
|
||||
onClick={() => onChange(t.id)}
|
||||
>
|
||||
<div className={`theme-card-preview${isActive ? ' is-active' : ''}`}>
|
||||
<div style={{ background: t.bg, height: '55%' }} />
|
||||
<div style={{ background: t.card, height: '20%' }} />
|
||||
<div style={{ background: t.accent, height: '25%' }} />
|
||||
{isActive && (
|
||||
<div style={{
|
||||
position: 'absolute',
|
||||
top: '4px',
|
||||
right: '4px',
|
||||
width: '14px',
|
||||
height: '14px',
|
||||
borderRadius: '50%',
|
||||
background: t.accent,
|
||||
border: '1.5px solid rgba(255,255,255,0.7)',
|
||||
display: 'flex',
|
||||
alignItems: 'center',
|
||||
justifyContent: 'center',
|
||||
}}>
|
||||
<Check size={8} strokeWidth={3} color="white" />
|
||||
{(() => {
|
||||
let lastFamily: string | undefined;
|
||||
return themes.map((t, i) => {
|
||||
const isActive = value === t.id;
|
||||
const showFamilyHeader = !!t.family && t.family !== lastFamily;
|
||||
lastFamily = t.family;
|
||||
return (
|
||||
<Fragment key={t.id}>
|
||||
{showFamilyHeader && (
|
||||
<div
|
||||
className="theme-family-header"
|
||||
style={{ gridColumn: '1 / -1', marginTop: i === 0 ? 0 : 10 }}
|
||||
>
|
||||
{t.family}
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
<span className={`theme-card-label${isActive ? ' is-active' : ''}`}>
|
||||
{t.label}
|
||||
</span>
|
||||
</button>
|
||||
);
|
||||
})}
|
||||
<button
|
||||
className="theme-card-btn"
|
||||
onClick={() => onChange(t.id)}
|
||||
>
|
||||
<div className={`theme-card-preview${isActive ? ' is-active' : ''}`}>
|
||||
<div style={{ background: t.bg, height: '55%' }} />
|
||||
<div style={{ background: t.card, height: '20%' }} />
|
||||
<div style={{ background: t.accent, height: '25%' }} />
|
||||
{isActive && (
|
||||
<div style={{
|
||||
position: 'absolute',
|
||||
top: '4px',
|
||||
right: '4px',
|
||||
width: '14px',
|
||||
height: '14px',
|
||||
borderRadius: '50%',
|
||||
background: t.accent,
|
||||
border: '1.5px solid rgba(255,255,255,0.7)',
|
||||
display: 'flex',
|
||||
alignItems: 'center',
|
||||
justifyContent: 'center',
|
||||
}}>
|
||||
<Check size={8} strokeWidth={3} color="white" />
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
<span className={`theme-card-label${isActive ? ' is-active' : ''}`}>
|
||||
{t.label}
|
||||
</span>
|
||||
</button>
|
||||
</Fragment>
|
||||
);
|
||||
});
|
||||
})()}
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
|
||||
@@ -3402,7 +3402,11 @@ export default function Settings() {
|
||||
</div>
|
||||
{theme.enableThemeScheduler && (() => {
|
||||
const themeOptions = THEME_GROUPS.flatMap(g =>
|
||||
g.themes.map(th => ({ value: th.id, label: th.label, group: g.group }))
|
||||
g.themes.map(th => ({
|
||||
value: th.id,
|
||||
label: th.family ? `${th.family} ${th.label}` : th.label,
|
||||
group: g.group,
|
||||
}))
|
||||
);
|
||||
const use12h = i18n.language === 'en';
|
||||
const hourOptions = Array.from({ length: 24 }, (_, i) => {
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
import { create } from 'zustand';
|
||||
import { persist } from 'zustand/middleware';
|
||||
|
||||
type Theme = 'mocha' | 'macchiato' | 'frappe' | 'latte' | 'nord' | 'nord-snowstorm' | 'nord-frost' | 'nord-aurora' | 'psychowave' | 'wnamp' | 'poison' | 'nucleo' | 'muma-jukebox' | 'winmedplayer' | 'p-dvd' | 'vintage-tube-radio' | 'neon-drift' | 'aero-glass' | 'luna-teal' | 'w98' | 'cupertino-light' | 'cupertino-dark' | 'gruvbox-dark-hard' | 'gruvbox-dark-medium' | 'gruvbox-dark-soft' | 'gruvbox-light-hard' | 'gruvbox-light-medium' | 'gruvbox-light-soft' | 'spotless' | 'dzr0' | 'cupertino-beats' | 'lambda-17' | 'gw1' | 'grand-theft-audio' | 'v-tactical' | 'nightcity-2077' | 'middle-earth' | 'morpheus' | 'stark-hud' | 'blade' | 'heisenberg' | 'ice-and-fire' | 'doh-matic' | 't-800' | 'dune' | 'tetrastack' | 'the-book' | 'readit' | 'insta' | 'hill-valley-85' | 'turtle-power' | 'w3-1' | 'aqua-quartz' | 'spider-tech' | 'dos' | 'unix' | 'jayfin' | 'horde' | 'alliance' | 'w11' | 'w10' | 'north-park' | 'dark-side-of-the-moon' | 'powerslave' | 'nightfox' | 'dayfox' | 'dawnfox' | 'duskfox' | 'nordfox' | 'terafox' | 'carbonfox' | 'dracula' | 'vision-dark' | 'vision-navy';
|
||||
type Theme = 'mocha' | 'macchiato' | 'frappe' | 'latte' | 'nord' | 'nord-snowstorm' | 'nord-frost' | 'nord-aurora' | 'psychowave' | 'wnamp' | 'poison' | 'nucleo' | 'muma-jukebox' | 'winmedplayer' | 'p-dvd' | 'vintage-tube-radio' | 'neon-drift' | 'aero-glass' | 'luna-teal' | 'w98' | 'cupertino-light' | 'cupertino-dark' | 'gruvbox-dark-hard' | 'gruvbox-dark-medium' | 'gruvbox-dark-soft' | 'gruvbox-light-hard' | 'gruvbox-light-medium' | 'gruvbox-light-soft' | 'spotless' | 'dzr0' | 'cupertino-beats' | 'lambda-17' | 'gw1' | 'grand-theft-audio' | 'v-tactical' | 'nightcity-2077' | 'middle-earth' | 'morpheus' | 'stark-hud' | 'blade' | 'heisenberg' | 'ice-and-fire' | 'doh-matic' | 't-800' | 'dune' | 'tetrastack' | 'the-book' | 'readit' | 'insta' | 'hill-valley-85' | 'turtle-power' | 'w3-1' | 'aqua-quartz' | 'spider-tech' | 'dos' | 'unix' | 'jayfin' | 'horde' | 'alliance' | 'w11' | 'w10' | 'north-park' | 'dark-side-of-the-moon' | 'powerslave' | 'nightfox' | 'dayfox' | 'dawnfox' | 'duskfox' | 'nordfox' | 'terafox' | 'carbonfox' | 'dracula' | 'kanagawa-wave' | 'kanagawa-dragon' | 'kanagawa-lotus' | 'one-dark' | 'one-light' | 'vs-1984' | 'vs-1984-cyberpunk' | 'vs-1984-light' | 'vs-1984-orwell' | 'vision-dark' | 'vision-navy';
|
||||
|
||||
interface ThemeState {
|
||||
theme: Theme;
|
||||
|
||||
@@ -3535,6 +3535,19 @@
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
/* ── Theme Family Header (subgroup label inside an accordion) ───────────── */
|
||||
|
||||
.theme-family-header {
|
||||
font-size: 11px;
|
||||
font-weight: 600;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.08em;
|
||||
color: var(--text-muted);
|
||||
padding: 4px 0 6px;
|
||||
border-bottom: 1px solid var(--border-subtle);
|
||||
margin-bottom: 2px;
|
||||
}
|
||||
|
||||
/* ── Theme Card (individual theme preview button) ───────────────────────── */
|
||||
|
||||
.theme-card-btn {
|
||||
|
||||
@@ -14671,6 +14671,510 @@ input[type="range"]:hover::-webkit-slider-thumb {
|
||||
background: #8b95c0;
|
||||
}
|
||||
|
||||
/* ─── Kanagawa Wave (rebelot/kanagawa.nvim — default dark) ─── */
|
||||
[data-theme='kanagawa-wave'] {
|
||||
color-scheme: dark;
|
||||
--select-arrow: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23DCD7BA%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpolyline%20points%3D%226%209%2012%2015%2018%209%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E");
|
||||
|
||||
--ctp-crust: #16161D; /* sumiInk0 */
|
||||
--ctp-mantle: #181820; /* sumiInk1 */
|
||||
--ctp-base: #1F1F28; /* sumiInk3 — main bg */
|
||||
--ctp-surface0: #2A2A37; /* sumiInk4 */
|
||||
--ctp-surface1: #363646; /* sumiInk5 */
|
||||
--ctp-surface2: #54546D; /* sumiInk6 */
|
||||
--ctp-overlay0: #727169; /* fujiGray */
|
||||
--ctp-overlay1: #938AA9; /* springViolet1 */
|
||||
--ctp-overlay2: #C8C093; /* oldWhite */
|
||||
--ctp-text: #DCD7BA; /* fujiWhite */
|
||||
--ctp-subtext1: #C8C093; /* oldWhite */
|
||||
--ctp-subtext0: #9CABCA; /* springViolet2 */
|
||||
--ctp-mauve: #957FB8; /* oniViolet */
|
||||
--ctp-lavender: #b8b4d0; /* oniViolet2 */
|
||||
--ctp-pink: #D27E99; /* sakuraPink */
|
||||
--ctp-flamingo: #E46876; /* waveRed */
|
||||
--ctp-rosewater:#FFA066; /* surimiOrange */
|
||||
--ctp-blue: #7E9CD8; /* crystalBlue */
|
||||
--ctp-sapphire: #7FB4CA; /* springBlue */
|
||||
--ctp-sky: #A3D4D5; /* lightBlue */
|
||||
--ctp-teal: #7AA89F; /* waveAqua2 */
|
||||
--ctp-green: #98BB6C; /* springGreen */
|
||||
--ctp-yellow: #E6C384; /* carpYellow */
|
||||
--ctp-peach: #FFA066; /* surimiOrange */
|
||||
--ctp-maroon: #FF5D62; /* peachRed */
|
||||
--ctp-red: #E46876; /* waveRed */
|
||||
|
||||
--bg-app: #1F1F28;
|
||||
--bg-sidebar: #181820;
|
||||
--bg-card: #2A2A37;
|
||||
--bg-hover: #363646;
|
||||
--bg-player: #181820;
|
||||
--bg-glass: rgba(31, 31, 40, 0.78);
|
||||
--accent: #7E9CD8; /* crystalBlue — signature Kanagawa accent */
|
||||
--accent-dim: rgba(126, 156, 216, 0.16);
|
||||
--accent-glow: rgba(126, 156, 216, 0.32);
|
||||
--text-primary: #DCD7BA; /* fujiWhite */
|
||||
--text-secondary: #C8C093; /* oldWhite */
|
||||
--text-muted: #727169; /* fujiGray */
|
||||
--border: #363646;
|
||||
--border-subtle: #2A2A37;
|
||||
--border-dropdown: #54546D;
|
||||
--shadow-dropdown: rgba(0, 0, 0, 0.6);
|
||||
--positive: #98BB6C; /* springGreen */
|
||||
--warning: #E6C384; /* carpYellow */
|
||||
--danger: #E46876; /* waveRed */
|
||||
--waveform-played: #7E9CD8;
|
||||
--waveform-buffered: #54546D;
|
||||
--waveform-unplayed: #2A2A37;
|
||||
}
|
||||
|
||||
/* ─── Kanagawa Dragon (rebelot/kanagawa.nvim — high-contrast dark) ─── */
|
||||
[data-theme='kanagawa-dragon'] {
|
||||
color-scheme: dark;
|
||||
--select-arrow: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23c5c9c5%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpolyline%20points%3D%226%209%2012%2015%2018%209%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E");
|
||||
|
||||
--ctp-crust: #0d0c0c; /* dragonBlack0 */
|
||||
--ctp-mantle: #12120f; /* dragonBlack1 */
|
||||
--ctp-base: #181616; /* dragonBlack3 — main bg */
|
||||
--ctp-surface0: #282727; /* dragonBlack4 */
|
||||
--ctp-surface1: #393836; /* dragonBlack5 */
|
||||
--ctp-surface2: #625e5a; /* dragonBlack6 */
|
||||
--ctp-overlay0: #737c73; /* dragonAsh */
|
||||
--ctp-overlay1: #9e9b93; /* dragonGray2 */
|
||||
--ctp-overlay2: #a6a69c; /* dragonGray */
|
||||
--ctp-text: #c5c9c5; /* dragonWhite */
|
||||
--ctp-subtext1: #C8C093; /* oldWhite */
|
||||
--ctp-subtext0: #a6a69c;
|
||||
--ctp-mauve: #8992a7; /* dragonViolet */
|
||||
--ctp-lavender: #949fb5; /* dragonTeal */
|
||||
--ctp-pink: #a292a3; /* dragonPink */
|
||||
--ctp-flamingo: #c4746e; /* dragonRed */
|
||||
--ctp-rosewater:#b6927b; /* dragonOrange */
|
||||
--ctp-blue: #8ba4b0; /* dragonBlue2 */
|
||||
--ctp-sapphire: #8ba4b0;
|
||||
--ctp-sky: #8ea4a2; /* dragonAqua */
|
||||
--ctp-teal: #8ea4a2;
|
||||
--ctp-green: #8a9a7b; /* dragonGreen2 */
|
||||
--ctp-yellow: #c4b28a; /* dragonYellow */
|
||||
--ctp-peach: #b98d7b; /* dragonOrange2 */
|
||||
--ctp-maroon: #c4746e;
|
||||
--ctp-red: #c4746e;
|
||||
|
||||
--bg-app: #181616;
|
||||
--bg-sidebar: #12120f;
|
||||
--bg-card: #282727;
|
||||
--bg-hover: #393836;
|
||||
--bg-player: #12120f;
|
||||
--bg-glass: rgba(24, 22, 22, 0.82);
|
||||
--accent: #8ba4b0; /* dragonBlue2 */
|
||||
--accent-dim: rgba(139, 164, 176, 0.16);
|
||||
--accent-glow: rgba(139, 164, 176, 0.32);
|
||||
--text-primary: #c5c9c5; /* dragonWhite */
|
||||
--text-secondary: #a6a69c; /* dragonGray */
|
||||
--text-muted: #737c73; /* dragonAsh */
|
||||
--border: #393836;
|
||||
--border-subtle: #282727;
|
||||
--border-dropdown: #625e5a;
|
||||
--shadow-dropdown: rgba(0, 0, 0, 0.7);
|
||||
--positive: #8a9a7b; /* dragonGreen2 */
|
||||
--warning: #c4b28a; /* dragonYellow */
|
||||
--danger: #c4746e; /* dragonRed */
|
||||
--waveform-played: #8ba4b0;
|
||||
--waveform-buffered: #625e5a;
|
||||
--waveform-unplayed: #282727;
|
||||
}
|
||||
|
||||
/* ─── Kanagawa Lotus (rebelot/kanagawa.nvim — light) ─── */
|
||||
[data-theme='kanagawa-lotus'] {
|
||||
color-scheme: light;
|
||||
--select-arrow: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23545464%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpolyline%20points%3D%226%209%2012%2015%2018%209%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E");
|
||||
|
||||
--ctp-crust: #d5cea3; /* lotusWhite0 */
|
||||
--ctp-mantle: #dcd5ac; /* lotusWhite1 */
|
||||
--ctp-base: #f2ecbc; /* lotusWhite3 — main bg */
|
||||
--ctp-surface0: #e5ddb0; /* lotusWhite2 */
|
||||
--ctp-surface1: #e7dba0; /* lotusWhite4 */
|
||||
--ctp-surface2: #e4d794; /* lotusWhite5 */
|
||||
--ctp-overlay0: #8a8980; /* lotusGray3 */
|
||||
--ctp-overlay1: #716e61; /* lotusGray2 */
|
||||
--ctp-overlay2: #545464; /* lotusInk1 */
|
||||
--ctp-text: #545464; /* lotusInk1 */
|
||||
--ctp-subtext1: #43436c; /* lotusInk2 */
|
||||
--ctp-subtext0: #716e61;
|
||||
--ctp-mauve: #624c83; /* lotusViolet4 */
|
||||
--ctp-lavender: #766b90; /* lotusViolet2 */
|
||||
--ctp-pink: #b35b79; /* lotusPink */
|
||||
--ctp-flamingo: #c84053; /* lotusRed */
|
||||
--ctp-rosewater:#cc6d00; /* lotusOrange */
|
||||
--ctp-blue: #4d699b; /* lotusBlue4 */
|
||||
--ctp-sapphire: #4e8ca2; /* lotusTeal1 */
|
||||
--ctp-sky: #6693bf; /* lotusTeal2 */
|
||||
--ctp-teal: #597b75; /* lotusAqua */
|
||||
--ctp-green: #6f894e; /* lotusGreen */
|
||||
--ctp-yellow: #836f4a; /* lotusYellow2 */
|
||||
--ctp-peach: #cc6d00;
|
||||
--ctp-maroon: #c84053;
|
||||
--ctp-red: #c84053;
|
||||
|
||||
--bg-app: #f2ecbc;
|
||||
--bg-sidebar: #dcd5ac;
|
||||
--bg-card: #d5cea3;
|
||||
--bg-hover: #e7dba0;
|
||||
--bg-player: #dcd5ac;
|
||||
--bg-glass: rgba(242, 236, 188, 0.92);
|
||||
--accent: #4d699b; /* lotusBlue4 */
|
||||
--accent-dim: rgba(77, 105, 155, 0.14);
|
||||
--accent-glow: rgba(77, 105, 155, 0.26);
|
||||
--text-primary: #545464; /* lotusInk1 */
|
||||
--text-secondary: #43436c; /* lotusInk2 */
|
||||
--text-muted: #8a8980; /* lotusGray3 */
|
||||
--border: #e7dba0;
|
||||
--border-subtle: #d5cea3;
|
||||
--border-dropdown: #716e61;
|
||||
--shadow-dropdown: rgba(0, 0, 0, 0.18);
|
||||
--positive: #6f894e; /* lotusGreen */
|
||||
--warning: #cc6d00; /* lotusOrange */
|
||||
--danger: #c84053; /* lotusRed */
|
||||
--waveform-played: #4d699b;
|
||||
--waveform-buffered: #8a8980;
|
||||
--waveform-unplayed: #d5cea3;
|
||||
}
|
||||
|
||||
/* ─── Atom One Dark (Th3Whit3Wolf/one-nvim — dark variant) ─── */
|
||||
[data-theme='one-dark'] {
|
||||
color-scheme: dark;
|
||||
--select-arrow: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23abb2bf%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpolyline%20points%3D%226%209%2012%2015%2018%209%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E");
|
||||
|
||||
--ctp-crust: #181a1f; /* vertsplit */
|
||||
--ctp-mantle: #21252b; /* sidebar tone (Atom IDE convention) */
|
||||
--ctp-base: #282c34; /* syntax_bg */
|
||||
--ctp-surface0: #2c323c; /* syntax_cursor */
|
||||
--ctp-surface1: #333841; /* pmenu */
|
||||
--ctp-surface2: #3e4452; /* visual_grey */
|
||||
--ctp-overlay0: #4b5263; /* mono_4 */
|
||||
--ctp-overlay1: #5c6370; /* mono_3 */
|
||||
--ctp-overlay2: #828997; /* mono_2 */
|
||||
--ctp-text: #abb2bf; /* mono_1 */
|
||||
--ctp-subtext1: #828997;
|
||||
--ctp-subtext0: #636d83; /* syntax_gutter */
|
||||
--ctp-mauve: #c678dd; /* hue_3 */
|
||||
--ctp-lavender: #528bff; /* syntax_accent */
|
||||
--ctp-pink: #d291e4;
|
||||
--ctp-flamingo: #e06c75; /* hue_5 */
|
||||
--ctp-rosewater:#d19a66; /* hue_6 */
|
||||
--ctp-blue: #61afef; /* hue_2 */
|
||||
--ctp-sapphire: #56b6c2; /* hue_1 */
|
||||
--ctp-sky: #56b6c2;
|
||||
--ctp-teal: #56b6c2;
|
||||
--ctp-green: #98c379; /* hue_4 */
|
||||
--ctp-yellow: #e5c07b; /* hue_6_2 */
|
||||
--ctp-peach: #d19a66;
|
||||
--ctp-maroon: #be5046; /* hue_5_2 */
|
||||
--ctp-red: #e06c75;
|
||||
|
||||
--bg-app: #282c34;
|
||||
--bg-sidebar: #21252b;
|
||||
--bg-card: #2c323c;
|
||||
--bg-hover: #3e4452;
|
||||
--bg-player: #21252b;
|
||||
--bg-glass: rgba(40, 44, 52, 0.78);
|
||||
--accent: #61afef; /* hue_2 — signature One Dark blue */
|
||||
--accent-dim: rgba(97, 175, 239, 0.16);
|
||||
--accent-glow: rgba(97, 175, 239, 0.32);
|
||||
--text-primary: #abb2bf; /* mono_1 */
|
||||
--text-secondary: #828997; /* mono_2 */
|
||||
--text-muted: #5c6370; /* mono_3 */
|
||||
--border: #3e4452;
|
||||
--border-subtle: #2c323c;
|
||||
--border-dropdown: #4b5263;
|
||||
--shadow-dropdown: rgba(0, 0, 0, 0.6);
|
||||
--positive: #98c379; /* hue_4 */
|
||||
--warning: #e5c07b; /* hue_6_2 */
|
||||
--danger: #e06c75; /* hue_5 */
|
||||
--waveform-played: #61afef;
|
||||
--waveform-buffered: #4b5263;
|
||||
--waveform-unplayed: #2c323c;
|
||||
}
|
||||
|
||||
/* ─── Atom One Light (Th3Whit3Wolf/one-nvim — light variant) ─── */
|
||||
[data-theme='one-light'] {
|
||||
color-scheme: light;
|
||||
--select-arrow: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23383A42%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpolyline%20points%3D%226%209%2012%2015%2018%209%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E");
|
||||
|
||||
--ctp-crust: #e7e9e1; /* vertsplit */
|
||||
--ctp-mantle: #eaeaeb;
|
||||
--ctp-base: #fafafa; /* syntax_bg */
|
||||
--ctp-surface0: #ececed;
|
||||
--ctp-surface1: #dfdfdf; /* pmenu */
|
||||
--ctp-surface2: #d3d3d3; /* special_grey */
|
||||
--ctp-overlay0: #c2c2c3; /* mono_4 */
|
||||
--ctp-overlay1: #a0a1a7; /* mono_3 */
|
||||
--ctp-overlay2: #696c77; /* mono_2 */
|
||||
--ctp-text: #383A42; /* mono_1 */
|
||||
--ctp-subtext1: #4f525e; /* term_8 */
|
||||
--ctp-subtext0: #696c77;
|
||||
--ctp-mauve: #a626a4; /* hue_3 */
|
||||
--ctp-lavender: #526fff; /* syntax_accent */
|
||||
--ctp-pink: #d291e4;
|
||||
--ctp-flamingo: #ca1243; /* hue_5_2 */
|
||||
--ctp-rosewater:#986801; /* hue_6 */
|
||||
--ctp-blue: #4078f2; /* hue_2 */
|
||||
--ctp-sapphire: #0184bc; /* hue_1 */
|
||||
--ctp-sky: #0184bc;
|
||||
--ctp-teal: #0184bc;
|
||||
--ctp-green: #50a14f; /* hue_4 */
|
||||
--ctp-yellow: #c18401; /* hue_6_2 */
|
||||
--ctp-peach: #986801;
|
||||
--ctp-maroon: #ca1243;
|
||||
--ctp-red: #e45649; /* hue_5 */
|
||||
|
||||
--bg-app: #fafafa;
|
||||
--bg-sidebar: #eaeaeb;
|
||||
--bg-card: #ececed;
|
||||
--bg-hover: #dfdfdf;
|
||||
--bg-player: #eaeaeb;
|
||||
--bg-glass: rgba(250, 250, 250, 0.92);
|
||||
--accent: #4078f2; /* hue_2 — signature One Light blue */
|
||||
--accent-dim: rgba(64, 120, 242, 0.12);
|
||||
--accent-glow: rgba(64, 120, 242, 0.24);
|
||||
--text-primary: #383A42; /* mono_1 */
|
||||
--text-secondary: #696c77; /* mono_2 */
|
||||
--text-muted: #a0a1a7; /* mono_3 */
|
||||
--border: #dfdfdf;
|
||||
--border-subtle: #ececed;
|
||||
--border-dropdown: #c2c2c3;
|
||||
--shadow-dropdown: rgba(0, 0, 0, 0.16);
|
||||
--positive: #50a14f; /* hue_4 */
|
||||
--warning: #c18401; /* hue_6_2 */
|
||||
--danger: #e45649; /* hue_5 */
|
||||
--waveform-played: #4078f2;
|
||||
--waveform-buffered: #a0a1a7;
|
||||
--waveform-unplayed: #dfdfdf;
|
||||
}
|
||||
|
||||
/* ─── 1984 (juanmnl/vs-1984 — default dark, deep-blue cyberpunk) ─── */
|
||||
[data-theme='vs-1984'] {
|
||||
color-scheme: dark;
|
||||
--select-arrow: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23f1f1f1%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpolyline%20points%3D%226%209%2012%2015%2018%209%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E");
|
||||
|
||||
--ctp-crust: #050620;
|
||||
--ctp-mantle: #070825; /* sideBar.background */
|
||||
--ctp-base: #0d0f31; /* editor.background */
|
||||
--ctp-surface0: #161a4a; /* card elevation */
|
||||
--ctp-surface1: #1f2560;
|
||||
--ctp-surface2: #2a3275;
|
||||
--ctp-overlay0: #3B4D66; /* lineNumber */
|
||||
--ctp-overlay1: #525863; /* comment */
|
||||
--ctp-overlay2: #96A1FF; /* variable */
|
||||
--ctp-text: #f1f1f1;
|
||||
--ctp-subtext1: #d6d8ff;
|
||||
--ctp-subtext0: #96A1FF;
|
||||
--ctp-mauve: #FF16B0; /* keyword pink */
|
||||
--ctp-lavender: #96A1FF; /* variable */
|
||||
--ctp-pink: #FF16B0;
|
||||
--ctp-flamingo: #DF81FC; /* string */
|
||||
--ctp-rosewater:#DF81FC;
|
||||
--ctp-blue: #46BDFF; /* focusBorder / accent */
|
||||
--ctp-sapphire: #46BDFF;
|
||||
--ctp-sky: #46BDFF;
|
||||
--ctp-teal: #46BDFF;
|
||||
--ctp-green: #B3F361; /* cursor green */
|
||||
--ctp-yellow: #DF81FC;
|
||||
--ctp-peach: #FF16B0;
|
||||
--ctp-maroon: #FF16B0;
|
||||
--ctp-red: #FF16B0;
|
||||
|
||||
--bg-app: #0d0f31;
|
||||
--bg-sidebar: #070825;
|
||||
--bg-card: #161a4a;
|
||||
--bg-hover: #1f2560;
|
||||
--bg-player: #070825;
|
||||
--bg-glass: rgba(13, 15, 49, 0.82);
|
||||
--accent: #46BDFF; /* signature 1984 cyan-blue */
|
||||
--accent-dim: rgba(70, 189, 255, 0.16);
|
||||
--accent-glow: rgba(70, 189, 255, 0.32);
|
||||
--text-primary: #f1f1f1;
|
||||
--text-secondary: #96A1FF;
|
||||
--text-muted: #525863; /* comment */
|
||||
--border: #1f2560;
|
||||
--border-subtle: #161a4a;
|
||||
--border-dropdown: #2a3275;
|
||||
--shadow-dropdown: rgba(0, 0, 0, 0.7);
|
||||
--positive: #B3F361; /* cursor green */
|
||||
--warning: #DF81FC; /* string magenta */
|
||||
--danger: #FF16B0; /* keyword pink */
|
||||
--waveform-played: #46BDFF;
|
||||
--waveform-buffered: #3B4D66;
|
||||
--waveform-unplayed: #161a4a;
|
||||
}
|
||||
|
||||
/* ─── 1984 Cyberpunk (juanmnl/vs-1984 — mint-green variant) ─── */
|
||||
[data-theme='vs-1984-cyberpunk'] {
|
||||
color-scheme: dark;
|
||||
--select-arrow: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23f5f5f5%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpolyline%20points%3D%226%209%2012%2015%2018%209%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E");
|
||||
|
||||
--ctp-crust: #0e0f15;
|
||||
--ctp-mantle: #15171d; /* sideBar.background */
|
||||
--ctp-base: #1C1E27; /* editor.background */
|
||||
--ctp-surface0: #232631;
|
||||
--ctp-surface1: #2c2f3c;
|
||||
--ctp-surface2: #383b4a;
|
||||
--ctp-overlay0: #525863;
|
||||
--ctp-overlay1: #78A8D6; /* language variable */
|
||||
--ctp-overlay2: #b8bfd1;
|
||||
--ctp-text: #f5f5f5;
|
||||
--ctp-subtext1: #d4d8e3;
|
||||
--ctp-subtext0: #78A8D6;
|
||||
--ctp-mauve: #85EEA7;
|
||||
--ctp-lavender: #78A8D6;
|
||||
--ctp-pink: #FF16B0;
|
||||
--ctp-flamingo: #7ADAD1;
|
||||
--ctp-rosewater:#7ADAD1;
|
||||
--ctp-blue: #78A8D6;
|
||||
--ctp-sapphire: #7ADAD1;
|
||||
--ctp-sky: #7ADAD1;
|
||||
--ctp-teal: #7ADAD1;
|
||||
--ctp-green: #85EEA7;
|
||||
--ctp-yellow: #7ADAD1;
|
||||
--ctp-peach: #85EEA7;
|
||||
--ctp-maroon: #FF16B0;
|
||||
--ctp-red: #FF16B0;
|
||||
|
||||
--bg-app: #1C1E27;
|
||||
--bg-sidebar: #15171d;
|
||||
--bg-card: #232631;
|
||||
--bg-hover: #2c2f3c;
|
||||
--bg-player: #15171d;
|
||||
--bg-glass: rgba(28, 30, 39, 0.82);
|
||||
--accent: #85EEA7; /* signature mint-green */
|
||||
--accent-dim: rgba(133, 238, 167, 0.16);
|
||||
--accent-glow: rgba(133, 238, 167, 0.32);
|
||||
--text-primary: #f5f5f5;
|
||||
--text-secondary: #78A8D6;
|
||||
--text-muted: #525863;
|
||||
--border: #2c2f3c;
|
||||
--border-subtle: #232631;
|
||||
--border-dropdown: #383b4a;
|
||||
--shadow-dropdown: rgba(0, 0, 0, 0.7);
|
||||
--positive: #85EEA7;
|
||||
--warning: #7ADAD1;
|
||||
--danger: #FF16B0;
|
||||
--waveform-played: #85EEA7;
|
||||
--waveform-buffered: #383b4a;
|
||||
--waveform-unplayed: #232631;
|
||||
}
|
||||
|
||||
/* ─── 1984 Light (juanmnl/vs-1984 — bluish-white) ─── */
|
||||
[data-theme='vs-1984-light'] {
|
||||
color-scheme: light;
|
||||
--select-arrow: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%2319152c%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpolyline%20points%3D%226%209%2012%2015%2018%209%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E");
|
||||
|
||||
--ctp-crust: #d4d6e7;
|
||||
--ctp-mantle: #dfe0f0; /* sideBar.background */
|
||||
--ctp-base: #e4e5f5; /* editor.background */
|
||||
--ctp-surface0: #d4d6e7;
|
||||
--ctp-surface1: #cccdde;
|
||||
--ctp-surface2: #b9bad0;
|
||||
--ctp-overlay0: #9793b9; /* comment */
|
||||
--ctp-overlay1: #7f8a99; /* lineNumber */
|
||||
--ctp-overlay2: #585d74;
|
||||
--ctp-text: #19152c;
|
||||
--ctp-subtext1: #3f374b;
|
||||
--ctp-subtext0: #585d74; /* sideBar.foreground */
|
||||
--ctp-mauve: #a626a4;
|
||||
--ctp-lavender: #4d5eff;
|
||||
--ctp-pink: #FF16B0;
|
||||
--ctp-flamingo: #c300ff;
|
||||
--ctp-rosewater:#1930fd;
|
||||
--ctp-blue: #4d5eff;
|
||||
--ctp-sapphire: #46BDFF;
|
||||
--ctp-sky: #46BDFF;
|
||||
--ctp-teal: #1930fd;
|
||||
--ctp-green: #1d7848;
|
||||
--ctp-yellow: #b88600;
|
||||
--ctp-peach: #FF16B0;
|
||||
--ctp-maroon: #FF16B0;
|
||||
--ctp-red: #FF16B0;
|
||||
|
||||
--bg-app: #e4e5f5;
|
||||
--bg-sidebar: #dfe0f0;
|
||||
--bg-card: #d4d6e7;
|
||||
--bg-hover: #cccdde;
|
||||
--bg-player: #dfe0f0;
|
||||
--bg-glass: rgba(228, 229, 245, 0.92);
|
||||
--accent: #4d5eff; /* variable blue — readable on bluish-white */
|
||||
--accent-dim: rgba(77, 94, 255, 0.12);
|
||||
--accent-glow: rgba(77, 94, 255, 0.24);
|
||||
--text-primary: #19152c;
|
||||
--text-secondary: #585d74; /* sideBar.foreground */
|
||||
--text-muted: #9793b9; /* comment */
|
||||
--border: #cccdde;
|
||||
--border-subtle: #d4d6e7;
|
||||
--border-dropdown: #b9bad0;
|
||||
--shadow-dropdown: rgba(25, 21, 44, 0.18);
|
||||
--positive: #1d7848;
|
||||
--warning: #b88600;
|
||||
--danger: #FF16B0; /* signature 1984 hot-pink button */
|
||||
--waveform-played: #4d5eff;
|
||||
--waveform-buffered: #9793b9;
|
||||
--waveform-unplayed: #d4d6e7;
|
||||
}
|
||||
|
||||
/* ─── 1984 Orwell (juanmnl/vs-1984 — sepia / dystopian variant) ─── */
|
||||
[data-theme='vs-1984-orwell'] {
|
||||
color-scheme: dark;
|
||||
--select-arrow: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23f1f1f1%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpolyline%20points%3D%226%209%2012%2015%2018%209%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E");
|
||||
|
||||
--ctp-crust: #1f1c18;
|
||||
--ctp-mantle: #292521; /* sideBar.background */
|
||||
--ctp-base: #2e2923; /* editor.background */
|
||||
--ctp-surface0: #3a342c;
|
||||
--ctp-surface1: #463e34;
|
||||
--ctp-surface2: #574d40;
|
||||
--ctp-overlay0: #7a6a52;
|
||||
--ctp-overlay1: #b39773;
|
||||
--ctp-overlay2: #d8c39c;
|
||||
--ctp-text: #f1f1f1;
|
||||
--ctp-subtext1: #fcd395;
|
||||
--ctp-subtext0: #fcbe95;
|
||||
--ctp-mauve: #fcd395;
|
||||
--ctp-lavender: #fcbe95;
|
||||
--ctp-pink: #e74946;
|
||||
--ctp-flamingo: #e74946;
|
||||
--ctp-rosewater:#fcbe95;
|
||||
--ctp-blue: #fcd395;
|
||||
--ctp-sapphire: #fcbe95;
|
||||
--ctp-sky: #F7D88B;
|
||||
--ctp-teal: #fcd395;
|
||||
--ctp-green: #fcd395;
|
||||
--ctp-yellow: #F7D88B;
|
||||
--ctp-peach: #fcbe95;
|
||||
--ctp-maroon: #e74946;
|
||||
--ctp-red: #e74946;
|
||||
|
||||
--bg-app: #2e2923;
|
||||
--bg-sidebar: #292521;
|
||||
--bg-card: #3a342c;
|
||||
--bg-hover: #463e34;
|
||||
--bg-player: #292521;
|
||||
--bg-glass: rgba(46, 41, 35, 0.82);
|
||||
--accent: #fcd395; /* cream-gold */
|
||||
--accent-dim: rgba(252, 211, 149, 0.16);
|
||||
--accent-glow: rgba(252, 211, 149, 0.32);
|
||||
--text-primary: #f1f1f1;
|
||||
--text-secondary: #fcd395;
|
||||
--text-muted: #b39773;
|
||||
--border: #463e34;
|
||||
--border-subtle: #3a342c;
|
||||
--border-dropdown: #574d40;
|
||||
--shadow-dropdown: rgba(0, 0, 0, 0.7);
|
||||
--positive: #F7D88B;
|
||||
--warning: #fcbe95;
|
||||
--danger: #e74946;
|
||||
--waveform-played: #fcd395;
|
||||
--waveform-buffered: #7a6a52;
|
||||
--waveform-unplayed: #3a342c;
|
||||
}
|
||||
|
||||
/* ─── Vision Dark — Purple & Gold, colorblind-safe (Deuteranopia / Protanopia / Tritanopia) ─── */
|
||||
/* Gold #FFD700 on #0D0B12 → contrast ~14.7:1 (WCAG AAA) */
|
||||
[data-theme='vision-dark'] {
|
||||
|
||||
Reference in New Issue
Block a user