Kagi Solarized

kagi-solarized.css

:root {
  --base03: #002b36;
  --base02: #073642;
  --base01: #586e75;
  --base00: #657b83;
  --base0: #839496;
  --base1: #93a1a1;
  --base2: #eee8d5;
  --base3: #fdf6e3;
  --yellow: #b58900;
  --orange: #cb4b16;
  --red: #dc322f;
  --magenta: #d33682;
  --violet: #6c71c4;
  --blue: #268bd2;
  --cyan: #2aa198;
  --green: #859900;
}

.theme_light {
  --bg-primary: var(--base3);
  --bg-secondary: var(--base2);
  --text-primary: var(--base01);
  --search-result-title: var(--base03);
  --search-result-content-text: var(--base00);
}

.theme_dark {
  --bg-primary: var(--base03);
  --bg-secondary: var(--base02);
  --text-primary: var(--base1);
  --search-result-title: var(--base3);
  --search-result-content-text: var(--base0);
}

.theme_light,
.theme_dark {
  --background-color: var(--bg-primary);
  --color-primary: var(--text-primary);
  --page-text-color: var(--color-primary);
  --header-bg: var(--bg-secondary);
  --header-border: var(--bg-primary);
  --color-primary_hover: var(--blue);
  --result-item-title-border_hover: var(--color-primary_hover);
  --color-primary_visited: var(--violet);
  --control-center-bg: var(--bg-primary);
  --search-result-url-link: var(--yellow);
  --color_link: var(--color-primary);
  --tabs-round-bg: var(--bg-secondary);
  --related-item-bg: var(--bg-secondary);
  --inline-widget-bg: var(--bg-secondary);
  --color-search-input: var(--bg-primary);
  --footer-bg: var(--bg-secondary);
  --footer-border: var(--bg-primary);
}