notion-enhancer/repo/gruvbox-dark/variables.css

/*
 * notion-enhancer: gruvbox dark
 * (c) 2015-2020 morhetz <morhetz@gmail.com>
 * (c) 2021 jordanrobinson <me@jordanrobinson.co.uk> (https://jordanrobinson.co.uk/)
 * (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
 * under the MIT license
 */

:root.dark {
  --gruvbox_dark--bg: #282828;
  --gruvbox_dark--gray_dark: #928374;
  --gruvbox_dark--red_dark: #cc241d;
  --gruvbox_dark--red_light: #fb4934;
  --gruvbox_dark--green_dark: #98971a;
  --gruvbox_dark--green_light: #b8bb26;
  --gruvbox_dark--yellow_dark: #d79921;
  --gruvbox_dark--yellow_light: #fabd2f;
  --gruvbox_dark--blue_dark: #458588;
  --gruvbox_dark--blue_light: #83a598;
  --gruvbox_dark--purple_dark: #b16286;
  --gruvbox_dark--purple_light: #d3869b;
  --gruvbox_dark--aqua_dark: #689d6a;
  --gruvbox_dark--aqua_light: #8ec07c;
  --gruvbox_dark--gray_light: #a89984;
  --gruvbox_dark--orange_dark: #d65d0e;
  --gruvbox_dark--orange_light: #fe8019;
  --gruvbox_dark--fg: #ebdbb2;
  --gruvbox_dark--bg0_h: #1d2021;
  --gruvbox_dark--bg0: #282828;
  --gruvbox_dark--bg1: #3c3836;
  --gruvbox_dark--bg2: #504945;
  --gruvbox_dark--bg3: #665c54;
  --gruvbox_dark--bg4: #7c6f64;
  --gruvbox_dark--bg0_s: #32302f;
  --gruvbox_dark--fg4: #a89984;
  --gruvbox_dark--fg3: #bdae93;
  --gruvbox_dark--fg2: #d5c4a1;
  --gruvbox_dark--fg1: #ebdbb2;
  --gruvbox_dark--fg0: #fbf1c7;

  --theme--accent_blue: var(--gruvbox_dark--bg3);
  --theme--accent_blue-selection: rgba(80, 73, 69, 0.5);
  --theme--accent_blue-hover: var(--gruvbox_dark--fg3);
  --theme--accent_blue-active: var(--gruvbox_dark--fg3);
  --theme--accent_red: var(--gruvbox_dark--blue_dark);
  --theme--accent_red-button: var(--gruvbox_dark--blue_light);

  --theme--bg: var(--gruvbox_dark--bg0);
  --theme--bg_secondary: var(--gruvbox_dark--bg1);
  --theme--bg_card: var(--gruvbox_dark--bg3);

  --theme--scrollbar_track: transparent;
  --theme--scrollbar_thumb: var(--gruvbox_dark--bg0_s);
  --theme--scrollbar_thumb-hover: var(--gruvbox_dark--bg3);

  --theme--ui_divider: var(--gruvbox_dark--gray_light);
  --theme--ui_interactive-hover: rgba(80, 73, 69, 0.7);
  --theme--ui_interactive-active: rgba(80, 73, 69, 0.9);
  --theme--ui_toggle-off: var(--gruvbox_dark--bg4);
  --theme--ui_toggle-feature: var(--gruvbox_dark--fg);

  --theme--icon: var(--gruvbox_dark--fg0);
  --theme--icon_secondary: var(--gruvbox_dark--fg3);

  --theme--text: var(--gruvbox_dark--fg0);
  --theme--text_secondary: var(--gruvbox_dark--fg3);
  --theme--text_gray: var(--gruvbox_dark--gray_dark);
  --theme--text_brown: var(--gruvbox_dark--bg4);
  --theme--text_orange: var(--gruvbox_dark--orange_dark);
  --theme--text_yellow: var(--gruvbox_dark--yellow_dark);
  --theme--text_green: var(--gruvbox_dark--green_dark);
  --theme--text_blue: var(--gruvbox_dark--blue_dark);
  --theme--text_purple: var(--gruvbox_dark--purple_dark);
  --theme--text_pink: var(--gruvbox_dark--purple_light);
  --theme--text_red: var(--gruvbox_dark--red_dark);

  --theme--highlight-text: var(--theme--tag-text);
  --theme--highlight_gray: var(--gruvbox_dark--gray_dark);
  --theme--highlight_brown: var(--theme--tag_brown);
  --theme--highlight_orange: var(--gruvbox_dark--orange_dark);
  --theme--highlight_yellow: var(--gruvbox_dark--yellow_dark);
  --theme--highlight_green: var(--gruvbox_dark--green_dark);
  --theme--highlight_blue: var(--gruvbox_dark--blue_dark);
  --theme--highlight_purple: var(--gruvbox_dark--purple_dark);
  --theme--highlight_pink: var(--theme--tag_pink);
  --theme--highlight_red: var(--gruvbox_dark--red_dark);

  --theme--block_gray: var(--theme--text_gray);
  --theme--block_brown: var(--theme--text_brown);
  --theme--block_orange: var(--theme--text_orange);
  --theme--block_yellow: var(--theme--text_yellow);
  --theme--block_green: var(--theme--text_green);
  --theme--block_blue: var(--theme--text_blue);
  --theme--block_purple: var(--theme--text_purple);
  --theme--block_pink: var(--theme--text_pink);
  --theme--block_red: var(--theme--text_red);

  --theme--tag_default: var(--gruvbox_dark--gray_dark);
  --theme--tag_default-text: var(--gruvbox_dark--bg2);
  --theme--tag_gray: var(--gruvbox_dark--gray_dark);
  --theme--tag_gray-text: var(--gruvbox_dark--bg2);
  --theme--tag_brown: var(--gruvbox_dark--fg3);
  --theme--tag_brown-text: var(--gruvbox_dark--bg2);
  --theme--tag_orange: var(--gruvbox_dark--orange_dark);
  --theme--tag_yellow: var(--gruvbox_dark--yellow_dark);
  --theme--tag_green: var(--gruvbox_dark--green_dark);
  --theme--tag_blue: var(--gruvbox_dark--blue_dark);
  --theme--tag_purple: var(--gruvbox_dark--purple_dark);
  --theme--tag_pink: var(--gruvbox_dark--purple_light);
  --theme--tag_red: var(--gruvbox_dark--red_dark);
  --theme--tag_red-text: var(--gruvbox_dark--fg2);

  --theme--callout_gray: var(--theme--block_gray);
  --theme--callout_brown: var(--theme--block_brown);
  --theme--callout_orange: var(--theme--block_orange);
  --theme--callout_yellow: var(--theme--block_yellow);
  --theme--callout_green: var(--theme--block_green);
  --theme--callout_blue: var(--theme--block_blue);
  --theme--callout_purple: var(--theme--block_purple);
  --theme--callout_pink: var(--theme--block_pink);
  --theme--callout_red: var(--theme--block_red);

  --theme--code_inline: var(--gruvbox_dark--bg1);
  --theme--code_inline-text: var(--gruvbox_dark--blue_light);

  --theme--code: var(--gruvbox_dark--bg1);
  --theme--code_function: var(--theme--text_blue);
  --theme--code_keyword: var(--theme--text_pink);
  --theme--code_tag: var(--theme--text_pink);
  --theme--code_operator: var(--theme--text_yellow);
  --theme--code_important: var(--theme--text_yellow);
  --theme--code_property: var(--theme--text_pink);
  --theme--code_builtin: var(--theme--text_yellow);
  --theme--code_attr-name: var(--theme--text_yellow);
  --theme--code_comment: var(--theme--text_ui);
  --theme--code_punctuation: var(--gruvbox_dark--aqua_light);
  --theme--code_doctype: var(--gruvbox_dark--aqua_light);
  --theme--code_number: var(--theme--text_purple);
  --theme--code_string: var(--theme--text_orange);
  --theme--code_attr-value: var(--theme--text_orange);
}