:root {
    --font-editor:          "Ubuntu Mono", monospace;
    --font-title:           "Ubuntu", sans-serif;
    --font-text:            "Ubuntu", sans-serif;
}

.theme-dark {
    --active-line:          #303030;

    --background-color:     #282828;
    --background-color-2:   #303030;
    --background-color-3:   #454545;

    --field-color:          #444444;

    --border-dark-color:    #050505;
    --border-light-color:   #6e6e6e;
    --border-field-color:   transparent;

    --hover-color:          #3f3f3f;

    --title-color:          #ffffff;
    --button-color:         #ffffff;
    --button-color-2:       #ffffff;
    --text-color:           #dddddd;

    --highlight-color:      #3584e4; 
    --selection-color:      #3584e433;
    --link-color:           #99c1f1;

    --danger:               #ff8881; 
    --danger-bg:            #ff888133;

    --shadow:               0px 0px 10px #00000055;
    
    --quote-purple:         #dd92ff; 
    --quote-blue:           #818eff;
    --quote-green:          #9aff81; 
    --quote-yellow:         #fff781;
    --quote-red:            #ff8881;

    --quote-purple-bg:      #d781ff33; 
    --quote-blue-bg:        #818ef333;
    --quote-green-bg:       #9aff8133; 
    --quote-yellow-bg:      #fff78133;
    --quote-red-bg:         #ff888133;

    --hljs-bg:              #23272e;
    --hljs-text:            #e0e0e0;
    --hljs-comment:         #6a9955;
    --hljs-keyword:         #569cd6;
    --hljs-function:        #dcdcaa;
    --hljs-string:          #ce9178;
    --hljs-number:          #b5cea8;
    --hljs-variable:        #9cdcfe;
    --hljs-title:           #4ec9b0;
    --hljs-link:            #d7ba7d;
}

.theme-light {
    --active-line:          #e5e5e5;

    --background-color:     #f5f5f5;
    --background-color-2:   #ffffff;
    --background-color-3:   #f5f5f5;

    --field-color:          #ebebeb;

    --border-dark-color:    #e5e5e5;
    --border-light-color:   #e5e5e5;
    --border-field-color:   #d6d6d6;

    --hover-color:          #ebebeb;

    --title-color:          #2e3436;
    --button-color:         #2e3436;
    --button-color-2:       #ffffff;
    --text-color:           #3c3c3c;

    --highlight-color:      #3584e4; 
    --selection-color:      #3584e433;
    --link-color:           #0d71de;

    --danger:               #ca2121; 
    --danger-bg:            #ca212133;

    --shadow:               0px 0px 8px #00000022;

    --quote-purple:         #9421ca; 
    --quote-blue:           #2178ca; 
    --quote-green:          #2fca21; 
    --quote-yellow:         #caa321;
    --quote-red:            #ca2121; 

    --quote-purple-bg:      #9421ca33; 
    --quote-blue-bg:        #2178ca33; 
    --quote-green-bg:       #2fca2133; 
    --quote-yellow-bg:      #caa32133;
    --quote-red-bg:         #ca212133;

    --hljs-bg:              #f8f8f8;
    --hljs-text:            #2d2d2d;
    --hljs-comment:         #4b7c2f;
    --hljs-keyword:         #0184bc;
    --hljs-function:        #795e26;
    --hljs-string:          #50a14f;
    --hljs-number:          #986801;
    --hljs-variable:        #4078f2;
    --hljs-title:           #c18401;
    --hljs-link:            #4078f2;
}

.theme-cream {
    --active-line:          #e8ddc0;

    --background-color:     #fdf6e3;
    --background-color-2:   #fffaf0;
    --background-color-3:   #f5eacb;

    --field-color:          #f0e6d2;

    --border-dark-color:    #d6c9ab;
    --border-light-color:   #e8ddc0;
    --border-field-color:   #d0c7a7;

    --hover-color:          #efe2c5;

    --title-color:          #3c2f1c;
    --button-color:         #3c2f1c;
    --button-color-2:       #fff8e1;
    --text-color:           #4b3a25;

    --highlight-color:      #b58900; 
    --selection-color:      #b5890033;
    --link-color:           #a06a00;

    --danger:               #a83232; 
    --danger-bg:            #a8323233;

    --shadow:               0px 0px 6px #00000015;

    --quote-purple:         #6f32a8; 
    --quote-blue:           #325ba8; 
    --quote-green:          #36a832; 
    --quote-yellow:         #a88d32; 
    --quote-red:            #a83232; 

    --quote-purple-bg:      #6f32a833; 
    --quote-blue-bg:        #325ba833; 
    --quote-green-bg:       #36a83233; 
    --quote-yellow-bg:      #a88d3233; 
    --quote-red-bg:         #a8323233;

    --hljs-bg:              #fdf6e3;
    --hljs-text:            #4b3a25;
    --hljs-comment:         #5b7c36;
    --hljs-keyword:         #b58900;
    --hljs-function:        #6c71c4;
    --hljs-string:          #859900;
    --hljs-number:          #2aa198;
    --hljs-variable:        #cb4b16;
    --hljs-title:           #268bd2;
    --hljs-link:            #b58900;
}

.theme-cream-dark {
    --active-line:          #25211d;

    --background-color:     #1c1a17;
    --background-color-2:   #25211d;
    --background-color-3:   #2f2a24;

    --field-color:          #3a332b;

    --border-dark-color:    #4a4036;
    --border-light-color:   #5c5147;
    --border-field-color:   #3f362e;

    --hover-color:          #463d32;

    --title-color:          #f5deb3;
    --button-color:         #f5deb3;
    --button-color-2:       #3c342c;
    --text-color:           #e0d6c0;

    --highlight-color:      #ffcc66; 
    --selection-color:      #ffcc6633;
    --link-color:           #ffc966;

    --danger:               #ff6b6b; 
    --danger-bg:            #ff6b6b33;

    --shadow:               0px 0px 6px #00000055;
    
    --quote-purple:         #d06bff; 
    --quote-blue:           #6b8eff; 
    --quote-green:          #89ff6b; 
    --quote-yellow:         #ffe46b; 
    --quote-red:            #ff6b6b; 

    --quote-purple-bg:      #d06bff33; 
    --quote-blue-bg:        #6b8eff33; 
    --quote-green-bg:       #89ff6b33; 
    --quote-yellow-bg:      #ffe46b33; 
    --quote-red-bg:         #ff6b6b33;

    --hljs-bg:              #232017;
    --hljs-text:            #e0d6c0;
    --hljs-comment:         #7fb36a;
    --hljs-keyword:         #ffcc66;
    --hljs-function:        #ffe46b;
    --hljs-string:          #89ff6b;
    --hljs-number:          #ffb86b;
    --hljs-variable:        #d06bff;
    --hljs-title:           #6b8eff;
    --hljs-link:            #ffc966;
}

.theme-epaper {
    --active-line:          #bbbbbb;

    --background-color:     #ffffff;
    --background-color-2:   #ffffff;
    --background-color-3:   #ffffff;

    --field-color:          #ffffff;

    --border-dark-color:    #000000;
    --border-light-color:   #000000;
    --border-field-color:   #000000;

    --hover-color:          #bbbbbb;

    --title-color:          #000000;
    --button-color:         #000000;
    --button-color-2:       #ffffff;
    --text-color:           #000000;

    --highlight-color:      #bbbbbb;
    --selection-color:      #bbbbbb;
    --link-color:           #000000;

    --danger:               #000000;
    --danger-bg:            #bbbbbb;

    --shadow:               5px 5px 0px #000000, 0px 0px 0px 1px #000000;

    --quote-purple:         #000000; 
    --quote-blue:           #000000;
    --quote-green:          #000000; 
    --quote-yellow:         #000000; 
    --quote-red:            #000000; 

    --quote-purple-bg:      #00000000; 
    --quote-blue-bg:        #00000000;
    --quote-green-bg:       #00000000; 
    --quote-yellow-bg:      #00000000; 
    --quote-red-bg:         #00000000; 

    --hljs-bg:              #ffffff;
    --hljs-text:            #000000;
    --hljs-comment:         #888888;
    --hljs-keyword:         #000000;
    --hljs-function:        #222222;
    --hljs-string:          #444444;
    --hljs-number:          #222222;
    --hljs-variable:        #000000;
    --hljs-title:           #000000;
    --hljs-link:            #000000;

    img {
        filter: grayscale(100);
    }
    
    .sidebar .file.selected,
    .sidebar .file:hover {
        background-color: var(--background-color-2);
        box-shadow: var(--shadow);
    }

    .prompt-overlay {
        animation: none !important;
        background-color: #ffffffdd;
    }
}

.theme-oled {
    --active-line:          #1d1d1d;

    --background-color:     #000000;
    --background-color-2:   #000000;
    --background-color-3:   #1d1d1d;

    --field-color:          #1d1d1d;

    --border-dark-color:    #333333;
    --border-light-color:   #333333;
    --border-field-color:   transparent;

    --hover-color:          #1d1d1d;

    --title-color:          #ffffff;
    --button-color:         #ffffff;
    --button-color-2:       #ffffff;
    --text-color:           #cecece;

    --highlight-color:      #3584e4; 
    --selection-color:      #3584e433;
    --link-color:           #99c1f1;

    --danger:               #ff8881; 
    --danger-bg:            #ff888133;

    --shadow:               0px 0px 10px #ffffff11;
    
    --quote-purple:         #d781ff; 
    --quote-blue:           #818eff;
    --quote-green:          #9aff81; 
    --quote-yellow:         #fff781;
    --quote-red:            #ff8881;

    --quote-purple-bg:      #d781ff33; 
    --quote-blue-bg:        #818ef333;
    --quote-green-bg:       #9aff8133; 
    --quote-yellow-bg:      #fff78133;
    --quote-red-bg:         #ff888133;

    --hljs-bg:              #000000;
    --hljs-text:            #cecece;
    --hljs-comment:         #6a9955;
    --hljs-keyword:         #3584e4;
    --hljs-function:        #fff781;
    --hljs-string:          #9aff81;
    --hljs-number:          #ff8881;
    --hljs-variable:        #99c1f1;
    --hljs-title:           #d781ff;
    --hljs-link:            #fff781;
}

.theme-monokai {
    --active-line:          #3e3d32;

    --background-color:     #272822;
    --background-color-2:   #2e2f27;
    --background-color-3:   #3b3a32;

    --field-color:          #49483e;

    --border-dark-color:    #1e1f1c;
    --border-light-color:   #75715e;
    --border-field-color:   #75715e33;

    --hover-color:          #383830;

    --title-color:          #f8f8f2;
    --button-color:         #f8f8f2;
    --button-color-2:       #2e2f27;
    --text-color:           #f8f8f2;

    --highlight-color:      #66d9ef;
    --selection-color:      #49483e99;
    --link-color:           #a6e22e;

    --danger:               #f92672;
    --danger-bg:            #f9267233;

    --shadow:               0px 0px 10px #00000055;

    --quote-purple:         #ae81ff;
    --quote-blue:           #66d9ef;
    --quote-green:          #a6e22e;
    --quote-yellow:         #e6db74;
    --quote-red:            #f92672;

    --quote-purple-bg:      #ae81ff33;
    --quote-blue-bg:        #66d9ef33;
    --quote-green-bg:       #a6e22e33;
    --quote-yellow-bg:      #e6db7433;
    --quote-red-bg:         #f9267233;

    --hljs-bg:              #272822;
    --hljs-text:            #f8f8f2;
    --hljs-comment:         #a59e8c;
    --hljs-keyword:         #f92672;
    --hljs-function:        #a6e22e;
    --hljs-string:          #e6db74;
    --hljs-number:          #ae81ff;
    --hljs-variable:        #fd971f;
    --hljs-title:           #66d9ef;
    --hljs-link:            #a6e22e;
}

.theme-nord {
    --active-line:          #3b4252;

    --background-color:     #2e3440;
    --background-color-2:   #3b4252;
    --background-color-3:   #434c5e;

    --field-color:          #4c566a;

    --border-dark-color:    #2e3440;
    --border-light-color:   #d8dee9;
    --border-field-color:   #d8dee933;

    --hover-color:          #434c5e;

    --title-color:          #eceff4;
    --button-color:         #eceff4;
    --button-color-2:       #2e3440;
    --text-color:           #d8dee9;

    --highlight-color:      #88c0d0;
    --selection-color:      #88c0d044;
    --link-color:           #8fbcbb;

    --danger:               #bf616a;
    --danger-bg:            #bf616a33;

    --shadow:               0px 0px 10px #00000033;

    --quote-purple:         #b48ead;
    --quote-blue:           #81a1c1;
    --quote-green:          #a3be8c;
    --quote-yellow:         #ebcb8b;
    --quote-red:            #bf616a;

    --quote-purple-bg:      #b48ead33;
    --quote-blue-bg:        #81a1c133;
    --quote-green-bg:       #a3be8c33;
    --quote-yellow-bg:      #ebcb8b33;
    --quote-red-bg:         #bf616a33;

    --hljs-bg:              #2e3440;
    --hljs-text:            #d8dee9;
    --hljs-comment:         #7c8ca7;
    --hljs-keyword:         #81a1c1;
    --hljs-function:        #8fbcbb;
    --hljs-string:          #a3be8c;
    --hljs-number:          #b48ead;
    --hljs-variable:        #ebcb8b;
    --hljs-title:           #88c0d0;
    --hljs-link:            #8fbcbb;
}

.theme-custom {
    --active-line:          #222222;

    --background-color:     #161616;
    --background-color-2:   #222222;
    --background-color-3:   #2e2e2e;

    --field-color:          #2e2e2e;

    --border-dark-color:    #000000;
    --border-light-color:   #636363;
    --border-field-color:   transparent;

    --hover-color:          #2e2e2e;

    --title-color:          #dddddd;
    --button-color:         #ffffff;
    --button-color-2:       #ffffff;
    --text-color:           #cccccc;

    --highlight-color:      #3584e4; 
    --selection-color:      #3584e433;
    --link-color:           #99c1f1;

    --danger:               #ff8881; 
    --danger-bg:            #ff888133;

    --shadow:               0px 0px 10px #00000055;
    
    --quote-purple:         #dd92ff; 
    --quote-blue:           #818eff;
    --quote-green:          #9aff81; 
    --quote-yellow:         #fff781;
    --quote-red:            #ff8881;

    --quote-purple-bg:      #d781ff33; 
    --quote-blue-bg:        #818ef333;
    --quote-green-bg:       #9aff8133; 
    --quote-yellow-bg:      #fff78133;
    --quote-red-bg:         #ff888133;

    --hljs-bg:              #23272e;
    --hljs-text:            #e0e0e0;
    --hljs-comment:         #6a9955;
    --hljs-keyword:         #569cd6;
    --hljs-function:        #dcdcaa;
    --hljs-string:          #ce9178;
    --hljs-number:          #b5cea8;
    --hljs-variable:        #9cdcfe;
    --hljs-title:           #4ec9b0;
    --hljs-link:            #d7ba7d;
}