/*
Theme:      Roam Lux Theme
Version:    2.0.3
Edits by:   Cal Robert Lee (https://www.calrobert.com/)
Colors by:  Cal Robert Lee

Hotfix:     - embed temporary patch
            - nested ref temp patch

Notes:      - Thanks to the supportive people on r/RoamResearch, GitHub and Twitter!
            - I have been changing a lot of thing in my professional career! Which is the reason for some of the delays
            - Super excited to have been selected to be on RoamResearch's Official theme's page!
            - To install copy "@import url('https://calrobertlee.github.io/roam-themes/lux.css');" to roam/css page (without the quotes)
*/


/* IMPORT CORE THEME */
@import url('https://calrobertlee.github.io/roam-themes/core.css');

:root {
    /* THEME COLORS */
    --theme-blue-1: #87ddf7;
    --theme-gray-1: #d9d9d9;
    --theme-white-1: #1c1c1c; 

    /* PRIMARY FONTS */
    --main-font: 'Inter', sans-serif;
    --main-font-color: var(--theme-gray-1);
    --main-font-size: 1.0em;
  
    /* FONT COLORS */
  
    --page-link-color: var(--theme-blue-1);
    --page-bracket-color: #5B5B5B;
    --external-link-color: var(--theme-blue-1);
    --external-link-hover-color: hsla(194, 88%, 75%, .73);
    --alias-hover-color: hsl(230, 83%, 73%);
    --daily-notes-link-color: none;
    --sidebar-link-color: none;
    --title-color: #c9d1d9;
    --ref-title-color: #c9d1d9;
    --header-color: var(--theme-gray-1);
    --strong: var(--theme-gray-1);
    --emphasis: var(--theme-gray-1);
    --highlight-font-color: var(--theme-gray-1);
    --highlight-background-color: #7a5e23;
    --highlight-link-color: var(--theme-blue-1);
    --highlight-padding: 4px 5px 4px 5px;
    --reference-header-color: #2d3c41;
    --reference-header-underline-color: #2d3c417d;
    --sidebar-font-color: #696969;
    --sidebar-font-color-hover: #8f8f8f;
    --sidebar-hover-bg: none;
    --sidebar-font-hover-color: #8f8f8f;
    --sidebar-shorcut-color: #9f9f9f52;
  
    --tag-font-color: #5a5d5e;
    --tag-bg-color: #222526;
    --tag-border-radius: 10px;
    --tag-border: 1px solid #383c3d96;
    --tag-padding: 1px 5px 2px;
    --tagHover-font-color: #595d5f;
    --tagHover-bg-color: #2e3233;
    --tagHover-border: 1px solid #43464787;
  
    --bullet-color: #dedede;
    --bullet-closed-color: #9de4fa4a;
    --bullet-closed-border-color: #9de4fa4a;
    --multibar:  hsl(210, 7%, 25%);
    /*--bullet-position: ;*/
  
    --checkmark-top: -1px;
    --checkmark-left: -2px;
    --checkmark-height: 14px;
    --checkmark-width: 14px;
    --checkmark-border-radius: 4px;
    --checkmark-color: 1px solid var(--theme-white-1);
    --checkmark-border: 1px solid hsl(207, 6%, 34%);
    --checkmark-bg-color: var(--theme-white-1);
    --checkedmark-border: 1px solid var(--theme-blue-1);
    --checkedmark-bg-color: #9ee4fa;
  
    --code-bg: #272b2f;
    --code-font: 'Source Code Pro', 'Courier New', Courier, monospace;
    --code-font-color: #DCDEDD;
    --code-font-size: 1.0em;
    --code-border: 1px solid #3c3f44;
  
    --codemirror-bg: #222629;
    --codemirror-border-color: #323438;
    --codemirror-border-radius: 3px;
    --codemirror-linenumber: #515355;
    --code-matchingbracket-color: #ead64c;
  
    --cm-comment: #7f848e;
    --cm-def: #d19a66;
    --cm-keyword: #c678dd;
    --cm-callee: #56b6c2;
    --cm-operator: #56b6c2;
    --cm-builtin: #56b6c2;
    --cm-string: #98c379;
    --cm-variable-3: #56b6c2;
    --cm-variable-2: #e06c75;
    --cm-variable: #e5c07b;
    --cm-tag: #e06c75;
    --cm-property: #61afef;
    --cm-number: #d19a66;
    --cm-atom: #d19a66;
    --cm-qualifier: #d19a66;
  
    --new-page-color: none;
  
    --ref-count-font-size: 12px;
  
    /* BACKGROUNDS & OUTLINES */
  
    --body-bg: var(--theme-white-1);
    --topbar-bg: #1e202200;
    --topbar-border-bottom: 0px solid #32343880;
    --left-sidebar-bg: #161616;
    --left-sidebar-border-right: 0px solid #36383c;
    --left-sidebar-divider-color: #45474a00;
    --right-sidebar-bg: var(--theme-white-1);
    --right-sidebar-border-left: 2px solid hsla(220, 6%, 5%, .31);
    --divider-color: #43474a;
    --allpage-bottom-border-color: #2d3133;
    --reference-item-bg: #1e1f20;
    --reference-item-border-radius: 6px;
    --reference-item-border: 1px solid hsl(194, 0%, 18%);  
    --block-highlight: #2c3035;
    --block-highlight-bg: #34641F;
  
    --popover-bg: #2c2e31;
    --popover-font-color: #DCDEDD;
    --popover-border: 0.5px solid rgb(70, 73, 77);
  
    --inline-search-bg: var(--theme-white-1);
    --inline-search-border-radius: 6px;
    --inline-search-border: 1px solid #46494d;
    --inline-search-button-bg-color: var(--theme-white-1);
  
    --datepicker-bg: var(--inline-search-bg);
    --datepicker-day-wrapper: #36393c;
    --datepicker-altfont-color: #545d63;
  
    --search-font-color: var(--theme-gray-1);
    --search-body-font-color: #DCDEDD;
    --search-outline: #1e6897;
    --search-bg: var(--theme-white-1);
    --search-border-radius: 3px;
    --search-selected-row: #2c2d30;
  
    --block-ref-bg: none;
    --block-ref-hover: none;
    --block-ref-hover-bg: #353a40;
    --block-ref-border-bottom: #393d42;
  
    /*--pages-row-highlight: ;*/
    --pages-header-row: var(--theme-white-1);
    --pages-mentions-level-bg: #3c96ff;
    --pages-mentions-level1-bg: #3d71ff;
    --pages-mentions-level2-bg: #3c50ff;
    --pages-mentions-font-color: var(--theme-white-1);
  
    --icon-color: #7d8386;
    --icon-bg-hover: #dadfe61c;
    --icon-color-hover: #dae0e4;
    --minirightbar-icon-color: #454d52;
    --pin-color: #ff6312;
  
    /* MISC */
      
    --kanban-board-bg: #212326;
    --kanban-board-border: 1px solid #32343880;
    --kanban-board-border-radius: 10px;
    --kanban-column-bg: #272a2d;
    --kanban-column-font-color: var(--main-font-color);
    --kanban-column-margin: 4px 8px 0px 4px;
    --kanban-card-bg: var(--theme-white-1);
    --kanban-card-font-color: var(--main-font-color);
    --kanban-card-border-radius: 4px;
    --kanban-card-border: 1px solid #323539;
  
    --table-border: 1px solid #565656;
  
    --embed-container-bg: #2c3035;
  
    --astrolabe-bg-color: #242729;
  
    --hr-color: #434547;
  
    --blockquote-font-color: #ebebeb;
    --blockquote-border-color: #5bd8ff;
    --blockquote-bg: #1E2022;
    --blockquote-cite: #ebebeb;
  
    --encrypted-font-color: #5a9baf;
    --encrypted-bg: hsl(212, 14%, 15%);
    --encrypted-font-size: 13px;
    --encrypted-font-weight: 300;
    --encrypted-border-radius: 4px;
    --encrypted-padding: 2px 4px;
      
    --select-bg-color: var(--theme-white-1);
    --select-border-color: #3a3f44;
              
    --emoji-bg: #1f2830;
    --emoji-border: 0px solid none;
    --emoji-color: none;
    
    --pomo-bg: #312625;
    --pomo-border: var(--divider-color);
    --pomo-running-border: #862C26;
    --pomo-running-font-color: #E5493E;
    --pomo-break-bg: #20372D;
    --pomo-break-border: #10764C;
    --pomo-break-font-color: #0D7A4D;
  
    --query-results-border: none;
    --query-border: 1px solid #3e3b28a8;
    --query-border-radius: 6px;
    --query-padding-bottom: 16px;
    --query-title-font-color: #d0b94482;
    --query-title-bg: #3d381e8f;  
}

/* TEMP PATCH FOR EMBED */
.rm-embed-container {
background-color: hsl(213, 10%, 18%);
}

.rm-embed-container .rm-embed-container {
background-color: hsl(213, 10%, 13%);
}

.rm-embed-container .rm-embed-container .rm-embed-container{
background-color: hsl(213, 10%, 18%);
}

.rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container{
background-color: hsl(213, 10%, 13%);
}

/* TEMP PATCH FOR INLINE & NESTED REFS, THANKS b1uegh0st!!! */
.rm-nested-refs {
    background-color: hsl(49, 95%, 30%);
    color: hsl(0, 0%, 91%);
}
.rm-inline-references {
    background-color: hsl(213, 10%, 14%);
}
.rm-block__self .rm-block__ref-count.rm-active {
    background-color: #1f2022;
} 
.rm-zoom-path .rm-zoom-item {
    color: hsl(0, 0%, 91%);
}