/* Pick your theme by editing the attribute in index.html: Available themes: - kanagawa-wave - gruvbox-dark - catppuccin-mocha - nord - dracula - tokyo-night */ :root { --radius: 5px; --bar-height: 2.45rem; --font-mono: "FantasqueSansM Nerd Font Mono", "FantasqueSansM Nerd Font", "Fantasque Sans Mono", "JetBrainsMono Nerd Font", "CaskaydiaCove Nerd Font Mono", monospace; } :root, html[data-theme="kanagawa-wave"] { --bg: #1F1F28; --panel: #2A2A37; --panel-soft: #2a2a37; --bar: #2a2a37; --fg: #dcd7ba; --fg-soft: #c8c093; --muted: #727169; --muted-2: #54546d; --blue: #7e9cd8; --cyan: #7fb4ca; --green: #98bb6c; --yellow: #e6c384; --orange: #ffa066; --pink: #d27e99; --violet: #957fb8; --red: #e46876; --accent: var(--cyan); --border: #54546d; } html[data-theme="gruvbox-dark"] { --bg: #1d2021; --panel: #282828; --panel-soft: #32302f; --bar: #3c3836; --fg: #ebdbb2; --fg-soft: #d5c4a1; --muted: #928374; --muted-2: #665c54; --blue: #83a598; --cyan: #8ec07c; --green: #b8bb26; --yellow: #fabd2f; --orange: #fe8019; --pink: #d3869b; --violet: #b16286; --red: #fb4934; --accent: var(--yellow); --border: #504945; } html[data-theme="catppuccin-mocha"] { --bg: #1e1e2e; --panel: #181825; --panel-soft: #313244; --bar: #313244; --fg: #cdd6f4; --fg-soft: #bac2de; --muted: #7f849c; --muted-2: #585b70; --blue: #89b4fa; --cyan: #89dceb; --green: #a6e3a1; --yellow: #f9e2af; --orange: #fab387; --pink: #f5c2e7; --violet: #cba6f7; --red: #f38ba8; --accent: var(--mauve, var(--violet)); --border: #45475a; } html[data-theme="nord"] { --bg: #2e3440; --panel: #3b4252; --panel-soft: #434c5e; --bar: #434c5e; --fg: #eceff4; --fg-soft: #d8dee9; --muted: #81a1c1; --muted-2: #4c566a; --blue: #81a1c1; --cyan: #88c0d0; --green: #a3be8c; --yellow: #ebcb8b; --orange: #d08770; --pink: #b48ead; --violet: #5e81ac; --red: #bf616a; --accent: var(--cyan); --border: #4c566a; } html[data-theme="dracula"] { --bg: #282a36; --panel: #21222c; --panel-soft: #343746; --bar: #343746; --fg: #f8f8f2; --fg-soft: #e6e6dc; --muted: #6272a4; --muted-2: #44475a; --blue: #8be9fd; --cyan: #8be9fd; --green: #50fa7b; --yellow: #f1fa8c; --orange: #ffb86c; --pink: #ff79c6; --violet: #bd93f9; --red: #ff5555; --accent: var(--pink); --border: #44475a; } html[data-theme="tokyo-night"] { --bg: #1a1b26; --panel: #16161e; --panel-soft: #24283b; --bar: #24283b; --fg: #c0caf5; --fg-soft: #a9b1d6; --muted: #565f89; --muted-2: #414868; --blue: #7aa2f7; --cyan: #7dcfff; --green: #9ece6a; --yellow: #e0af68; --orange: #ff9e64; --pink: #bb9af7; --violet: #9d7cd8; --red: #f7768e; --accent: var(--blue); --border: #414868; }