[data-theme="citrine"] {
  --background: #ffb700;
  --text: #0d0d0d;
  --accent: #fcfcfc;
  --error: #ff0015;
  --command: #fcfcfc;
  --highlight: #fcfcfc;
}

[data-theme="chikoo"] {
  --background: #17191b;
  --text: #e3e6e8;
  --accent: #ffb700;
  --error: #ff0015;
  --command: #ffb700;
  --highlight: #ffb700;
}

[data-theme="bsod"] {
  --background: #204bf5;
  --text: #ffffff;
  --accent: #ffb700;
  --error: #ff0015;
  --command: #ffb700;
  --highlight: #ffb700;
}

[data-theme="hack"] {
  --background: #000000;
  --text: #80eb8f;
  --accent: #ffb700;
  --error: #ff0015;
  --command: #ffb700;
  --highlight: #ffb700;
}

[data-theme="light"] {
  --background: #fcfcfc;
  --text: #0d0d0d;
  --accent: #ffb700;
  --error: #ff0015;
  --command: #ffb700;
  --highlight: #ffb700;
}

[data-theme="dark"] {
  --background: #0d0d0d;
  --text: #fcfcfc;
  --accent: #ffb700;
  --error: #ff0015;
  --command: #ffb700;
  --highlight: #ffb700;
}

[data-theme="gruvbox-dark"] {
  --background: #282828;
  --text: #d4be98;
  --accent: #7daea3;
  --error: #ea6962;
  --command: #d8a657;
  --highlight: #a9b665;
}

[data-theme="gruvbox-light"] {
  --background: #fbf1c7;
  --text: #654735;
  --accent: #45707a;
  --error: #c14a4a;
  --command: #b47109;
  --highlight: #6c782e;
}

body {
  background-color: var(--background);
  color: var(--text);
}

::selection {
  background-color: var(--accent);
  color: var(--background);
}

#commandLine input[type="text"] {
  color: var(--text);
  background-color: var(--background);
}

#tooltip {
  background-color: var(--background);
}

#highlight {
  background-color: var(--highlight);
  color: var(--background);
}

#command {
  color: var(--command);
  text-shadow:
    0 0 10px var(--command),
    0 0 20px var(--command);
}

#accent {
  color: var(--accent);
}

#error {
  color: var(--error);
}

svg {
  fill: var(--text);
}

/* DO NOT CHANGE */

#iconbar {
  /* iconbar glassmorphism */
  background: rgba(255, 255, 255, 0.125);
  border: 1px solid rgba(255, 255, 255, 0.2);
}

#meow {
  color: #d162a4;
}

#moons {
  color: #35e53a;
}

#nfred {
  color: #e06c75;
}

#nfgreen {
  color: #98c379;
}

#nfblue {
  color: #61afef;
}

#nfyellow {
  color: #e5c07b;
}

#nfgray {
  color: #5a6374;
}