/*
 * Pinky Booooom Theme!
 * (c) 2020 mugiwarafx (https://github.com/mugiwarafx)
 * under the MIT license
 */

:root {

  /** dark **/ 
  --theme_dark--scrollbar: pink;
  --theme_dark--scrollbar-border: transparent;
  --theme_dark--scrollbar_hover: rgb(255, 192, 241);
  --theme_dark--selected:#f7c8ff33;
  --theme_dark--primary: rgb(113, 46, 220);
  --theme_dark--primary_hover: hsl(350deg 40% 70% / 43%);
  --theme_dark--primary_click: hsl(350deg 40% 70% / 43%);
  --theme_dark--text: pink;
  --theme_dark--text_ui: #ffa5fc;
  --theme_dark--text_ui_info: hsl(260deg 40% 70%);
  
  /** light **/
  --theme_light--sidebar:#ff14932b;
  --theme_light--scrollbar: #ff14ef;
  --theme_light--scrollbar-border: inherit;
  --theme_light--scrollbar_hover:  hsl(350, 40%, 70%);
  --theme-light--interactive_hover: rgb(228 208 255);
  --theme_light--selected:hsl(294deg, 100%, 88%);
  --theme_light--primary: #fd98f5;
  --theme_light--primary_hover: deeppink;
  --theme_light--primary_click: #fd98f5;
}

.notion-dark-theme {
  --theme--scrollbar: var(--theme_dark--scrollbar);
  --theme--scrollbar-border: var(--theme_dark--scrollbar-border);
  --theme--scrollbar_hover: var(--theme_dark--scrollbar_hover);
  --theme--selected: var(--theme_dark--selected);
  --theme--primary: var(--theme_dark--primary);
  --theme--primary_hover: var(--theme_dark--primary_hover);
  --theme--primary_click: var(--theme_dark--primary_click);
  --theme--text: var(--theme_dark--text);
  --theme--text_ui: var(--theme_dark--text_ui);
  --theme--text_ui_info: var(--theme_dark--text_ui_info);
}

.notion-light-theme {
  --theme--sidebar: var(--theme_light--sidebar);
  --theme--scrollbar: var(--theme_light--scrollbar);
  --theme--scrollbar-border: var(--theme_light--scrollbar-border);
  --theme--scrollbar_hover: var(--theme_light--scrollbar_hover);
  --theme--interactive_hover: var(--theme_light--interactive_hover);
  --theme--selected: var(--theme_light--selected);
  --theme--primary: var(--theme_light--primary);
  --theme--primary_hover: var(--theme_light--primary_hover);
  --theme--primary_click: var(--theme_light--primary_click);
}