Nicole's Theme

/* vim: ft=css : */

@font-face { /* This will be used as main UI font (see below) */
  font-family: 'Saira';
  font-style: normal;
  font-weight: 400;
  src: url('/custom/fonts/saira-regular.woff2') format('woff2');
}

@font-face { /* This will be used as text content font (see below) */
  font-family: 'Commissioner';
  font-style: normal;
  font-weight: 400;
  src: url('/custom/fonts/commissioner.woff2') format('woff2');
}

@font-face { /* This will be used as monospace font (see below) */
  font-family: 'Fira Code';
  font-style: normal;
  font-weight: 400;
  src: url('/custom/fonts/fira-code.woff2') format('woff2');
}

:root {
    --theme-style: light;
    
    --main-font-family: 'Commissioner';
    --main-font-size: normal;
    
    --tree-font-family: 'Saira';
    --tree-font-size: normal;
    
    --detail-font-family: 'Commissioner';
    --detail-font-size: normal;
    
    --monospace-font-family: 'Fira Code';
    --monospace-font-size: normal;

    --main-background-color: #4f3f52;
    --main-text-color: #c6afbb;
    --main-border-color: #c6afbb;
    
    --accented-background-color: #604561;
    --more-accented-background-color: #734B75;
    
    --button-text-color: #c6afbb;
    --button-background-color: #3D2940;
    --button-disabled-text-color: #9A859E;
    --button-disabled-background-color: #5B475E;
    --button-border-color: #49364C;
    --button-border-radius: 2px;
    
    --primary-button-background-color: #301F33;
    --primary-button-text-color: white;
    --primary-button-border-color: #3D2940;
    
    --muted-text-color: #9A859E;
    
    --input-text-color: #c6afbb;
    --input-background-color: #5B475E;
    
    --hover-item-text-color: white;
    --hover-item-background-color: #7C4494;
        
    --active-item-text-color: white;
    --active-item-background-color: #9248B1;
    
    --menu-text-color: #c6afbb;
    --menu-background-color: #3C2340;
    
    --modal-background-color: #5B475E;
    --modal-backdrop-color: black;
    
    --left-pane-background-color: #301F33;
    --left-pane-text-color: #c6afbb;

    --launcher-pane-background-color: #100009;
    --launcher-pane-text-color: #c6afbb;

    --active-tab-background-color: #301F33;
    --active-tab-hover-background-color: #100009;
    --active-tab-text-color: #c6afbb;

    --inactive-tab-background-color: #4f3f52;
    --inactive-tab-hover-background-color: #301f33;
    --inactive-tab-text-color: #c6afbb;
    
    --scrollbar-border-color: #9A859E;
    --tooltip-background-color: #604561;
    --link-color: lightskyblue;
    
    --mermaid-theme: dark;
}

body .global-menu-button {
    background-color: #100009;
    background-image: url("../../../assets/vX/images/icon-grey.png");
    
    transition: all 0.5s cubic-bezier(0.33, 1, 0.68, 1);
}

.fancytree-node {
    transition: all 0.825s cubic-bezier(0.33, 1, 0.68, 1);
}

body .note-detail-editable-text, body .note-detail-readonly-text {
    font-size: 120%; /* Garamond is subjectively smaller */
}

body .CodeMirror {
    filter: invert(100%) hue-rotate(180deg);
}

div .tree-actions {
    background-color: var(--left-pane-background-color);
}

div .tree-actions button {
    background-color: var(--left-pane-background-color);
}

.ck-content code {
    /* inline code */
    background-color: var(--left-pane-background-color) !important;
}

.ck-content pre {
    background-color: var(--left-pane-background-color);
}

/*div #launcher-pane {
    background-color: #100009;
}

div #launcher-pane div.component button {
    background-color: #100009;
}

div #launcher-pane div {
    background-color: #100009;
}

div .tree {
    background-color: #383C4A;
}*/