:root {
    --icon-html: #ff5257c7;
    --icon-css: #01afffc7;
    --icon-js: #fac002c7;
    --icon-react: #61dafbc7;
    --icon-ts: #3178c6;
    --icon-yaml: #9185ffc7;
    --icon-pdf: #cc3633;
    --icon-ppt: #cc3633c7;
    --icon-xls: #8dc149c7;
    --icon-processing: #85aefe;
    --icon-svelte: #e83700;
    --icon-wasm: #654ff0;
    --icon-git: #78cc34;
}

.vs-code-light {
    --color-assistant: #ffffff;
    --color-light-blue: #cfddfc;
    --color-dark-blue: #e5effd;
    --color-primary: #e9eef6;
    --color-secondary: #f7f8fa;
    --color-third: #ffffff;
    --color-fourth: #f8fafd;
    --color-fifth: #e9eef6;
    --color-comment: #f6f9fd;
    --color-border-color: #d6dae2;
    --color-border-hover: #c3c9d3;
    --color-accent: #16161f;
    --color-accent-hover: #394456;
    --color-accent-text: #ffffff;
    --color-accent2: #0041f3;
    --color-accent2-hover: #0039d4;
    --color-accent2-text: #ffffff;
    --color-accent4: #eeedfd;
    --color-accent4-text: #5748c7;
    --color-note-text: #717176;
    --color-text: #100f16;
    --color-textHilight: #07060c;
    --color-blur: #f8fafdad;
    --color-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.1);
    --scroll-background: #f1f4f8;
    --scroll-thumb: #d5dce7;
    --color-href: #0084ff;
    --color-href-hover: #0084ff;
    --color-href-visited: #6e6efa;
    --color-href-active: #8c8cff;
    --color-selected: rgba(0, 123, 255, 0.158);
    --color-editor: #ffffff;
    --color-editor-header: #f8fafd;
    --color-editor-tabs: #f8fafd;
    --color-file-explorer: #f8fafd;
    --color-file-hover: #f3f5f8;
    --color-file-active: #e9eef6;

    --color-window-header: #f8fafd;
    --color-window-header-hover: #e0e6f0;
}

.vs-code-dark {
    --color-assistant: rgb(65, 104, 136);
    --color-light-blue: #212325;
    --color-dark-blue: #1f2730;
    --color-primary: #131313;
    --color-secondary: #181818;
    --color-third: #1f1f1f;
    --color-fourth: #242424;
    --color-fifth: #2a2d2e;
    --color-file-explorer: #181818;
    --color-file-hover: #242424;
    --color-file-active: #2a2d2e;
    --color-comment: #1f1f1f;
    --color-border-color: #37373d;
    --color-border-hover: #404040;
    --color-accent: #eaeff3;
    --color-accent-hover: #c6d1e5;
    --color-accent-text: #111a2c;
    --color-accent2: #0078d4;
    --color-accent2-hover: #0062ad;
    --color-accent2-text: #ffffff;
    --color-accent4: #2d2b38;
    --color-accent4-text: #9f9fe0;
    --color-note-text: #9d9d9d;
    --color-text: #cccccc;
    --color-textHilight: #d7d7d7;
    --color-blur: #242424ad;
    --color-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.4);
    --scroll-background: #242424;
    --scroll-thumb: #383838;
    --color-href: #649efc;
    --color-href-hover: #649efc;
    --color-href-visited: #7979ff;
    --color-href-active: #7979ff;
    --color-selected: rgba(0, 123, 255, 0.2582);
    --color-editor: #1f1f1f;
    --color-editor-header: #181818;
    --color-editor-tabs: #181818;

    --color-window-header: #181818;
    --color-window-header-hover: #242424;
}



.vs-dark-modern {
    --color-assistant: rgb(65, 104, 136);
    --color-light-blue: #212325;
    --color-dark-blue: #1f2730;
    --color-primary: #0c0e0f;
    --color-secondary: #0c0e0f;
    --color-third: #121416;
    --color-fourth: #181b1d;
    --color-fifth: #1f2225;
    --color-file-explorer: #0c0e0f;
    --color-file-hover: #181b1d;
    --color-file-active: #1f2225;
    --color-comment: #181b1d;
    --color-border-color: #2c3033;
    --color-border-hover: #293438;
    --color-accent: #eaeff3;
    --color-accent-hover: #c6d1e5;
    --color-accent-text: #111a2c;
    --color-accent2: #0078d4;
    --color-accent2-hover: #0062ad;
    --color-accent2-text: #ffffff;
    --color-accent4: #2d2b38;
    --color-accent4-text: #9f9fe0;
    --color-note-text: #94aab4;
    --color-text: #b4c7d1;
    --color-textHilight: #f2f3f5;
    --color-blur: #181b1dad;
    --color-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.4);
    --scroll-background: #181b1d;
    --scroll-thumb: #262a2e;
    --color-href: #649efc;
    --color-href-hover: #649efc;
    --color-href-visited: #7979ff;
    --color-href-active: #7979ff;
    --color-selected: rgba(0, 123, 255, 0.2582);
    --color-editor: #121416;
    --color-editor-header: #121416;
    --color-editor-tabs: #121416;

    --color-window-header: #0c0e0f;
    --color-window-header-hover: #1f2225;
}

.obsidian-dark {
    --color-assistant: rgb(65, 104, 136);
    --color-light-blue: #212325;
    --color-dark-blue: #1f2730;
    --color-primary: #1c1c1c;
    --color-secondary: #1c1c1c;
    --color-third: #212121;
    --color-fourth: #262626;
    --color-fifth: #323232;
    --color-file-explorer: #1c1c1c;
    --color-file-hover: #262626;
    --color-file-active: #323232;
    --color-comment: #3f5159;
    --color-border-color: #363636;
    --color-border-hover: #3a3a3a;
    --color-accent: #eaeff3;
    --color-accent-hover: #c6d1e5;
    --color-accent-text: #111a2c;
    --color-accent2: #7992a0;
    --color-accent2-hover: #859ca9;
    --color-accent2-text: #ffffff;
    --color-accent4: #2d2b38;
    --color-accent4-text: #9f9fe0;
    --color-note-text: #878787;
    --color-text: #999999;
    --color-textHilight: #d1d1d1;
    --color-blur: #262626ad;
    --color-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.4);
    --scroll-background: #262626;
    --scroll-thumb: #363636;
    --color-href: #7992a0;
    --color-href-hover: #7992a0;
    --color-href-visited: #5d628d;
    --color-href-active: #5d628d;
    --color-selected: #7992a069;
    --color-editor: #212121;
    --color-editor-header: #212121;
    --color-editor-tabs: #212121;

    --color-window-header: #1c1c1c;
    --color-window-header-hover: #323232;


    --icon-html: #d04255;
    --icon-css: #7992a0;
    --icon-js: #e5b567;
    --icon-react: #5BB498;
    --icon-ts: #5BB498;
    --icon-yaml: #9e86c8;
    --icon-pdf: #b05279;
    --icon-ppt: #b05279;
    --icon-xls: #a8c373;
    --icon-processing: #5BB498;
    --icon-svelte: #d04255;
    --icon-wasm: #7992a0;
    --icon-git: #a8c373;



    --color-error: #d04255;
    --color-info: #7992a0;
    --color-warn: #e5b567;
    --color-debug: #9e86c8;
    --color-success: #a8c373;
}

.dracula-dark {
    --color-assistant: rgb(65, 104, 136);
    --color-light-blue: #212325;
    --color-dark-blue: #1f2730;
    --color-primary: #21222c;
    --color-secondary: #21222c;
    --color-third: #282a36;
    --color-fourth: #313341;
    --color-fifth: #343746;
    --color-file-explorer: #21222c;
    --color-file-hover: #313341;
    --color-file-active: #343746;
    --color-comment: #313341;
    --color-border-color: #3e404a;
    --color-border-hover: #464853;
    --color-accent: #eaeff3;
    --color-accent-hover: #c6d1e5;
    --color-accent-text: #111a2c;
    --color-accent2: #94527e;
    --color-accent2-hover: #8f4777;
    --color-accent2-text: #ffffff;
    --color-accent4: #2d2b38;
    --color-accent4-text: #9f9fe0;
    --color-note-text: #6272a4;
    --color-text: #a6a6a8;
    --color-textHilight: #f8f8f2;
    --color-blur: #313341ad;
    --color-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.4);
    --scroll-background: #313341;
    --scroll-thumb: #404458;
    --color-href: #649efc;
    --color-href-hover: #649efc;
    --color-href-visited: #7979ff;
    --color-href-active: #7979ff;
    --color-selected: rgba(0, 123, 255, 0.2582);
    --color-editor: #282a36;
    --color-editor-header: #282a36;
    --color-editor-tabs: #282a36;

    --color-window-header: #21222c;
    --color-window-header-hover: #343746;
}

.ayu-dark {
    --color-assistant: rgb(65, 104, 136);
    --color-light-blue: #212325;
    --color-dark-blue: #1f2730;
    --color-primary: #0d1017;
    --color-secondary: #0d1017;
    --color-third: #10141c;
    --color-fourth: #181d26;
    --color-fifth: #1c212b;
    --color-file-explorer: #0d1017;
    --color-file-hover: #181d26;
    --color-file-active: #1c212b;
    --color-comment: #181d26;
    --color-border-color: #1b1f29;
    --color-border-hover: #3e444e;
    --color-accent: #eaeff3;
    --color-accent-hover: #c6d1e5;
    --color-accent-text: #111a2c;
    --color-accent2: #e6b450;
    --color-accent2-hover: #e6b450;
    --color-accent2-text: #0d1017;
    --color-accent4: #2d2b38;
    --color-accent4-text: #9f9fe0;
    --color-note-text: #474d58;
    --color-text: #555e73;
    --color-textHilight: #bfbdb6;
    --color-blur: #181d26ad;
    --color-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.4);
    --scroll-background: #181d26;
    --scroll-thumb: #2a303c;
    --color-href: #649efc;
    --color-href-hover: #649efc;
    --color-href-visited: #7979ff;
    --color-href-active: #7979ff;
    --color-selected: rgba(0, 123, 255, 0.2582);
    --color-editor: #10141c;
    --color-editor-header: #10141c;
    --color-editor-tabs: #10141c;

    --color-window-header: #0d1017;
    --color-window-header-hover: #1c212b;
}

.higgs-dark {
    --color-assistant: rgb(65, 104, 136);
    --color-light-blue: #212325;
    --color-dark-blue: #1f2730;
    --color-primary: #0d0e0f;
    --color-secondary: #0d0e0f;
    --color-third: #0f1113;
    --color-fourth: #151719;
    --color-fifth: #1c1e20;
    --color-file-explorer: #0d0e0f;
    --color-file-hover: #151719;
    --color-file-active: #1c1e20;
    --color-comment: #151719;
    --color-border-color: #232527;
    --color-border-hover: #2e3031;
    --color-accent: #eaeff3;
    --color-accent-hover: #c6d1e5;
    --color-accent-text: #14151a;
    --color-accent2: #d1fe17;
    --color-accent2-hover: hsl(72, 94%, 45%);
    --color-accent2-text: #14151a;
    --color-accent4: #2d2b38;
    --color-accent4-text: #9f9fe0;
    --color-note-text: #7e7f80;
    --color-text: #a4a5a6;
    --color-textHilight: #f7f7f8;
    --color-blur: #151719ad;
    --color-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.4);
    --scroll-background: #151719;
    --scroll-thumb: #262a2e;
    --color-href: #649efc;
    --color-href-hover: #649efc;
    --color-href-visited: #7979ff;
    --color-href-active: #7979ff;
    --color-selected: rgba(0, 123, 255, 0.2582);
    --color-editor: #0f1113;
    --color-editor-header: #0f1113;
    --color-editor-tabs: #0f1113;

    --color-window-header: #0d0e0f;
    --color-window-header-hover: #1c1e20;
}

.night-owl {
    --color-assistant: rgb(65, 104, 136);
    --color-light-blue: #212325;
    --color-dark-blue: #1f2730;
    --color-primary: #01111d;
    --color-secondary: #01111d;
    --color-third: #011627;
    --color-fourth: #072435;
    --color-fifth: #0e293f;
    --color-file-explorer: #01111d;
    --color-file-hover: #072435;
    --color-file-active: #0e293f;
    --color-comment: #072435;
    --color-border-color: #122d42;
    --color-border-hover: #17364e;
    --color-accent: #eeefff;
    --color-accent-hover: #dedff0;
    --color-accent-text: #01111d;
    --color-accent2: #5178e9;
    --color-accent2-hover: #6b89e9;
    --color-accent2-text: #ffffff;
    --color-accent4: #2d2b38;
    --color-accent4-text: #9f9fe0;
    --color-note-text: #5f7e97;
    --color-text: #89a4bb;
    --color-textHilight: #eeefff;
    --color-blur: #072435ad;
    --color-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.4);
    --scroll-background: #072435;
    --scroll-thumb: #043254;
    --color-href: #649efc;
    --color-href-hover: #649efc;
    --color-href-visited: #7979ff;
    --color-href-active: #7979ff;
    --color-selected: rgba(0, 123, 255, 0.2582);
    --color-editor: #011627;
    --color-editor-header: #011627;
    --color-editor-tabs: #011627;

    --color-window-header: #01111d;
    --color-window-header-hover: #0e293f;
}

.anysphere-dark {
    --color-assistant: rgb(65, 104, 136);
    --color-light-blue: #212325;
    --color-dark-blue: #1f2730;
    --color-primary: #0c0e0f;
    --color-secondary: #0c0e0f;
    --color-third: #181818;
    --color-fourth: #222122;
    --color-fifth: #292929;
    --color-file-explorer: #0c0e0f;
    --color-file-hover: #222122;
    --color-file-active: #292929;
    --color-comment: #222122;
    --color-border-color: #2e2e2e;
    --color-border-hover: rgb(49, 49, 49);
    --color-accent: #eaeff3;
    --color-accent-hover: #c6d1e5;
    --color-accent-text: #231d19;
    --color-accent2: #efb080;
    --color-accent2-hover: #e49d66;
    --color-accent2-text: #231d19;
    --color-accent4: #2d2b38;
    --color-accent4-text: #9f9fe0;
    --color-note-text: #a5a7a8;
    --color-text: #cacfd1;
    --color-textHilight: #f2f3f5;
    --color-blur: #222122ad;
    --color-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.4);
    --scroll-background: #222122;
    --scroll-thumb: #303030;
    --color-href: #649efc;
    --color-href-hover: #649efc;
    --color-href-visited: #7979ff;
    --color-href-active: #7979ff;
    --color-selected: rgba(0, 123, 255, 0.2582);
    --color-editor: #181818;
    --color-editor-header: #181818;
    --color-editor-tabs: #181818;

    --color-window-header: #0c0e0f;
    --color-window-header-hover: #292929;
}

.claude-dark {
    --color-assistant: rgb(65, 104, 136);
    --color-light-blue: #212325;
    --color-dark-blue: #1f2730;
    --color-primary: #141413;
    --color-secondary: #222221;
    --color-third: #262624;
    --color-fourth: #2b2b29;
    --color-fifth: #30302e;
    --color-file-explorer: #222221;
    --color-file-hover: #2b2b29;
    --color-file-active: #30302e;
    --color-comment: #2b2b29;
    --color-border-color: #464642;
    --color-border-hover: #5c5b56;
    --color-accent: #eaeff3;
    --color-accent-hover: #c6d1e5;
    --color-accent-text: #231d19;
    --color-accent2: #c6613f;
    --color-accent2-hover: #b95736;
    --color-accent2-text: #ffffff;
    --color-accent4: #2d2b38;
    --color-accent4-text: #9f9fe0;
    --color-note-text: #9c9a92;
    --color-text: #c2c0b6;
    --color-textHilight: #faf9f5;
    --color-blur: #2b2b29ad;
    --color-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.4);
    --scroll-background: #2b2b29;
    --scroll-thumb: #656560;
    --color-href: #649efc;
    --color-href-hover: #649efc;
    --color-href-visited: #7979ff;
    --color-href-active: #7979ff;
    --color-selected: rgba(0, 123, 255, 0.2582);
    --color-editor: #262624;
    --color-editor-header: #262624;
    --color-editor-tabs: #262624;

    --color-window-header: #222221;
    --color-window-header-hover: #30302e;
}

.monokai-classic {
    --color-assistant: rgb(65, 104, 136);
    --color-light-blue: #212325;
    --color-dark-blue: #1f2730;
    --color-primary: #1e1f1c;
    --color-secondary: #1e1f1c;
    --color-third: #272822;
    --color-fourth: #34352f;
    --color-fifth: #3e3d32;
    --color-file-explorer: #1e1f1c;
    --color-file-hover: #34352f;
    --color-file-active: #3e3d32;
    --color-comment: #34352f;
    --color-border-color: #464741;
    --color-border-hover: #51524c;
    --color-accent: #eaeff3;
    --color-accent-hover: #c6d1e5;
    --color-accent-text: #1e1f1c;
    --color-accent2: #a6e22e;
    --color-accent2-hover: #a6e22e;
    --color-accent2-text: #1e1f1c;
    --color-accent4: #2d2b38;
    --color-accent4-text: #9f9fe0;
    --color-note-text: #90908a;
    --color-text: #cccccc;
    --color-textHilight: #ffffff;
    --color-blur: #34352fad;
    --color-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.4);
    --scroll-background: #34352f;
    --scroll-thumb: #424341;
    --color-href: #649efc;
    --color-href-hover: #649efc;
    --color-href-visited: #7979ff;
    --color-href-active: #7979ff;
    --color-selected: rgba(0, 123, 255, 0.2582);
    --color-editor: #272822;
    --color-editor-header: #272822;
    --color-editor-tabs: #272822;

    --color-window-header: #1e1f1c;
    --color-window-header-hover: #3e3d32;
}

.codevre-new {
    --color-assistant: rgb(65, 104, 136);
    --color-light-blue: #212325;
    --color-dark-blue: #1f2730;
    --color-primary: #101213;
    --color-secondary: #101213;
    --color-third: #15181a;
    --color-fourth: #1b2025;
    --color-fifth: #1f252b;
    --color-file-explorer: #101213;
    --color-file-hover: #1b2025;
    --color-file-active: #1f252b;
    --color-comment: #1b2025;
    --color-border-color: #353a3d;
    --color-border-hover: #424d57;
    --color-accent: #eaeff3;
    --color-accent-hover: #c6d1e5;
    --color-accent-text: #111a2c;
    --color-accent2: #0f6fff;
    --color-accent2-hover: #005fec;
    --color-accent2-text: #ffffff;
    --color-accent4: #2d2b38;
    --color-accent4-text: #9f9fe0;
    --color-note-text: #94aab4;
    --color-text: #d6dcdd;
    --color-textHilight: #f2f3f5;
    --color-blur: #1b2025ad;
    --color-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.4);
    --scroll-background: #1b2025;
    --scroll-thumb: #262a2e;
    --color-href: #649efc;
    --color-href-hover: #649efc;
    --color-href-visited: #7979ff;
    --color-href-active: #7979ff;
    --color-selected: rgba(0, 123, 255, 0.2582);
    --color-editor: #15181a;
    --color-editor-header: #15181a;
    --color-editor-tabs: #15181a;

    --color-window-header: #101213;
    --color-window-header-hover: #1f252b;
}

.vesper-dark {
    --color-assistant: rgb(65, 104, 136);
    --color-light-blue: #212325;
    --color-dark-blue: #1f2730;
    --color-primary: #0d0d0d;
    --color-secondary: #0d0d0d;
    --color-third: #101010;
    --color-fourth: #161616;
    --color-fifth: #1e1e1e;
    --color-file-explorer: #0d0d0d;
    --color-file-hover: #161616;
    --color-file-active: #1e1e1e;
    --color-comment: #161616;
    --color-border-color: #282828;
    --color-border-hover: #353534;
    --color-accent: #eaeff3;
    --color-accent-hover: #c6d1e5;
    --color-accent-text: #111a2c;
    --color-accent2: #8ec6b5;
    --color-accent2-hover: #7bb1a1;
    --color-accent2-text: #0d0d0d;
    --color-accent4: #2d2b38;
    --color-accent4-text: #9f9fe0;
    --color-note-text: #848484;
    --color-text: #c4c4c4;
    --color-textHilight: #FFFFFF;
    --color-blur: #161616ad;
    --color-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.4);
    --scroll-background: #161616;
    --scroll-thumb: #303030;
    --color-href: #649efc;
    --color-href-hover: #649efc;
    --color-href-visited: #7979ff;
    --color-href-active: #7979ff;
    --color-selected: rgba(109, 255, 248, 0.219);
    --color-editor: #101010;
    --color-editor-header: #101010;
    --color-editor-tabs: #101010;

    --color-window-header: #0d0d0d;
    --color-window-header-hover: #1e1e1e;
}

.cursor-dark {
    --color-assistant: rgb(65, 104, 136);
    --color-light-blue: #212325;
    --color-dark-blue: #1f2730;
    --color-primary: #15120b;
    --color-secondary: #15120b;
    --color-third: #1a1914;
    --color-fourth: #232019;
    --color-fifth: #29261f;
    --color-file-explorer: #15120b;
    --color-file-hover: #232019;
    --color-file-active: #29261f;
    --color-comment: #1a1914;
    --color-border-color: #37342d;
    --color-border-hover: #444036;
    --color-accent: #ececec;
    --color-accent-hover: #d4d3ce;
    --color-accent-text: #14130f;
    --color-accent2: #d4d3ce;
    --color-accent2-hover: #ececec;
    --color-accent2-text: #14130f;
    --color-accent4: #2d2b38;
    --color-accent4-text: #9f9fe0;
    --color-note-text: #989590;
    --color-text: #d4d3ce;
    --color-textHilight: #f8f7f5;
    --color-blur: #232019ad;
    --color-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.4);
    --scroll-background: #1a1914;
    --scroll-thumb: #3e3e3e;
    --color-href: #649efc;
    --color-href-hover: #649efc;
    --color-href-visited: #7979ff;
    --color-href-active: #7979ff;
    /* --color-selected: #5c794431; */
    --color-selected: rgba(109, 180, 255, 0.258);

    --color-editor: #1a1914;
    --color-editor-header: #1a1914;
    --color-editor-tabs: #1a1914;

    --color-window-header: #15120b;
    --color-window-header-hover: #232019;
}

.gpt-dark {
    --color-assistant: rgb(65, 104, 136);
    --color-light-blue: #212325;
    --color-dark-blue: #1f2730;
    --color-primary: #101010;
    --color-secondary: #171717;
    --color-third: #212121;
    --color-fourth: #272727;
    --color-fifth: #3e3e3e;
    --color-file-explorer: #171717;
    --color-file-hover: #232323;
    --color-file-active: #2f2f2f;
    --color-comment: #212121;
    --color-border-color: #363636;
    --color-border-hover: #474747;
    --color-accent: #eaeff3;
    --color-accent-hover: #c6d1e5;
    --color-accent-text: #111a2c;
    --color-accent2: #0285ff;
    --color-accent2-hover: #0072dd;
    --color-accent2-text: #ffffff;
    --color-accent4: #2d2b38;
    --color-accent4-text: #9f9fe0;
    --color-note-text: #afafaf;
    --color-text: #d1d1d1;
    --color-textHilight: #ffffff;
    --color-blur: #272727ad;
    --color-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.4);
    --scroll-background: #1d2124;
    --scroll-thumb: #324046;
    --color-href: #649efc;
    --color-href-hover: #649efc;
    --color-href-visited: #7979ff;
    --color-href-active: #7979ff;
    --color-selected: rgba(0, 123, 255, 0.2582);
    --color-editor: #212121;
    --color-editor-header: #171717;
    --color-editor-tabs: #171717;

    --color-window-header: #171717;
    --color-window-header-hover: #2f2f2f;
}

.nova-dark {
    --color-primary: #090c13;
    --color-secondary: #0d1219;
    --color-third: #111924;
    --color-fourth: #15202b;
    --color-fifth: #1c2c3d;
    --color-file-explorer: #0c141d;
    --color-file-hover: #131e29;
    --color-file-active: #1a2836;
    --color-comment: #8aa3bc;
    --color-border-color: #1e3348;
    --color-border-hover: rgb(47, 79, 105);
    --color-accent: #ff3a7c;
    --color-accent-hover: #ff5c91;
    --color-accent-text: #ffffff;
    --color-accent2: #18dcff;
    --color-accent2-hover: #44e5ff;
    --color-accent2-text: #000000;
    --color-accent4: #ffcc00;
    --color-accent4-text: #000000;
    --color-note-text: #8aa3bc;
    --color-text: #c5d6ea;
    --color-textHilight: #f8fbff;
    --color-blur: #15202bad;
    --color-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.7);
    --scroll-background: #1a2a3a;
    --scroll-thumb: #2a4055;
    --color-href: #18dcff;
    --color-href-hover: #44e5ff;
    --color-href-visited: #c679ff;
    --color-href-active: #ff3a7c;
    --color-selected: rgba(24, 220, 255, 0.2);
    --color-editor: #111924;
    --color-editor-header: #0c141d;
    --color-editor-tabs: #0c141d;
    --color-window-header: #0c141d;
    --color-window-header-hover: #15202b;
}


.repl-dark {
    --color-primary: #181a20;
    --color-secondary: #181a20;
    --color-third: #1a1c25;
    --color-fourth: #23252f;
    --color-fifth: #2a2c37;
    --color-file-explorer: #181a20;
    --color-file-hover: #23252f;
    --color-file-active: #2a2c37;
    --color-comment: #009118;
    --color-border-color: #3a3d48;
    --color-border-hover: #3f424e;
    --color-accent: #0053a6;
    --color-accent-hover: #179fff;
    --color-accent-text: #e1e5e9;
    --color-accent2: #0053a6;
    --color-accent2-hover: #0069d3;
    --color-accent2-text: #ffffff;
    --color-accent4: #ffbd7a;
    --color-accent4-text: #100f16;
    --color-note-text: #9c9fa5;
    --color-text: #d7d9df;
    --color-textHilight: #e6e8ed;
    --color-blur: #23252fad;
    --color-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.5);
    --scroll-background: #2a2c37;
    --scroll-thumb: #383b47;
    --color-href: #4ea1ff;
    --color-href-hover: #4ea1ff;
    --color-href-visited: #8b9cff;
    --color-href-active: #8b9cff;
    --color-selected: rgba(0, 123, 255, 0.2);
    --color-editor: #1a1c25;
    --color-editor-header: #161d2d;
    --color-editor-tabs: #161d2d;

    --color-window-header: #181a20;
    --color-window-header-hover: #2a2c37;
}

.repl-grey {
    --color-assistant: rgb(65, 104, 136);
    --color-light-blue: #212325;
    --color-dark-blue: #1f2730;
    --color-primary: #191a1d;
    --color-secondary: #191a1d;
    --color-third: #1c1d21;
    --color-fourth: #222429;
    --color-fifth: #282a30;
    --color-comment: #009118;
    --color-border-color: #33353d;
    --color-border-hover: #383b44;
    --color-accent: #006fdf;
    --color-accent-hover: #0669cc;
    --color-accent-text: #ffffff;
    --color-accent2: #006fdf;
    --color-accent2-hover: #0669cc;
    --color-accent2-text: #ffffff;
    --color-accent4: #eeedfd;
    --color-accent4-text: #5748c7;
    --color-note-text: #a1a1a5;
    --color-text: #babcc4;
    --color-textHilight: #d3d4da;
    --color-blur: #222429ad;
    --color-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.1);
    --scroll-background: #1f2025;
    --scroll-thumb: #363841;
    --color-href: #649efc;
    --color-href-hover: #649efc;
    --color-href-visited: #7979ff;
    --color-href-active: #7979ff;
    --color-selected: rgba(0, 123, 255, 0.2582);
    --color-editor: #1c1d21;
    --color-editor-header: #1c1d21;
    --color-editor-tabs: #1c1d21;
    --color-file-explorer: #191a1d;
    --color-file-hover: #222429;
    --color-file-active: #282a30;

    --color-window-header: #191a1d;
    --color-window-header-hover: #24262b;
}

.aijs-dark {
    --color-primary: #1a1e21;
    --color-secondary: #1b1b1c;
    --color-third: #202020;
    --color-fourth: #262626;
    --color-fifth: #313131;
    --color-file-explorer: #1b1b1c;
    --color-file-hover: #313131;
    --color-file-active: #424242;
    --color-text: #bac1c3;
    --color-textHilight: #e3e3e3;
    --color-note-text: #afafbe;
    --color-border-color: #3c3d3e;
    --color-border-hover: #434547;
    --color-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.4);
    --color-blur: #262626ad;
    --color-accent: #eaeff3;
    --color-accent-hover: #c6d1e5;
    --color-accent-text: #0f0f0f;
    --color-accent2: #ab68ff;
    --color-accent2-hover: #9551e9;
    --color-accent2-text: #ffffff;
    --color-accent4: #87c3ff;
    --color-accent4-text: #ffffff;
    --color-textHilight: #e3e3e3;
    --color-selected: rgba(0, 123, 255, 0.2582);
    --scroll-background: #1b1b1c;
    --scroll-thumb: #313131;
    --color-href: #74B0DF;
    --color-href-hover: #74B0DF;
    --color-href-visited: #DCD399;
    --color-href-active: #DCD399;
    --color-editor: #202020;
    --color-editor-header: #313131;
    --color-editor-tabs: #313131;

    --color-window-header: #1b1b1c;
    --color-window-header-hover: #292b34;
}

.aijs {
    --color-primary: #0f0f0f;
    --color-secondary: #141616;
    --color-third: #1c2022;
    --color-fourth: #23292c;
    --color-fifth: #272f33;
    --color-file-explorer: #141616;
    --color-file-hover: #1c2022;
    --color-file-active: #23292c;
    --color-text: #bac1c3;
    --color-textHilight: #e3e3e3;
    --color-note-text: #afafbe;
    --color-border-color: #2c3033;
    --color-border-hover: #424d57;
    --color-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.4);
    --color-blur: #25272bad;
    --color-accent: #eaeff3;
    --color-accent-hover: #c6d1e5;
    --color-accent-text: #0f0f0f;
    --color-accent2: #1b7eff;
    --color-accent2-hover: #136de2;
    --color-accent2-text: #ffffff;
    --color-accent4: #87c3ff;
    --color-accent4-text: #ffffff;
    --color-selected: rgba(0, 123, 255, 0.2582);
    --scroll-background: #121212;
    --scroll-thumb: #3a3d41;
    --color-href: #74B0DF;
    --color-href-hover: #74B0DF;
    --color-href-visited: #DCD399;
    --color-href-active: #DCD399;
    --color-editor: #181b1d;
    --color-editor-header: #141616;
    --color-editor-tabs: #141616;

    --color-window-header: #141616;
    --color-window-header-hover: #25272b;
}


.one-dark {
    --color-light-blue: #61aeee;
    --color-dark-blue: #282c34;
    --color-primary: #1d1f22;
    --color-secondary: #21252b;
    --color-third: #282c34;
    --color-fourth: #2f343d;
    --color-fifth: #323842;
    --color-file-explorer: #21252b;
    --color-file-hover: #282c34;
    --color-file-active: #323842;
    --color-comment: #7f848e;
    --color-border-color: #3b4048;
    --color-border-hover: #464e5a;
    --color-accent: #eaeff3;
    --color-accent-hover: #c6d1e5;
    --color-accent-text: #1d1f22;
    --color-accent2: #abb2bf;
    --color-accent2-hover: #99a2b3;
    --color-accent2-text: #1d1f22;
    --color-accent4: #43b6c2;
    --color-accent4-text: #d7dae0;
    --color-note-text: #8e95a3;
    --color-text: #abb2bf;
    --color-textHilight: #d7dae0;
    --color-blur: #323842ad;
    --color-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.3);
    --scroll-background: #2f343d;
    --scroll-thumb: #464e5a;
    --color-href: #61aeee;
    --color-href-hover: #61aeee;
    --color-href-visited: #56b6b9;
    --color-href-active: #56b6b9;
    --color-selected: rgba(0, 123, 255, 0.2582);


    --color-editor: #282c34;
    --color-editor-header: #21252b;
    --color-editor-tabs: #21252b;

    --color-window-header: #21252b;
    --color-window-header-hover: #2c313a;
}

.one-dark-modern {
    --color-light-blue: #61aeee;
    --color-dark-blue: #21252b;
    --color-primary: #1d1f22;
    --color-secondary: #1d2024;
    --color-third: #21252b;
    --color-fourth: #282c34;
    --color-fifth: #2f343d;
    --color-file-explorer: #1d2024;
    --color-file-hover: #282c34;
    --color-file-active: #2f343d;
    --color-comment: #7f848e;
    --color-border-color: #3b4048;
    --color-border-hover: #464e5a;
    --color-accent: #eaeff3;
    --color-accent-hover: #c6d1e5;
    --color-accent-text: #1d1f22;
    --color-accent2: #abb2bf;
    --color-accent2-hover: #99a2b3;
    --color-accent2-text: #1d1f22;
    --color-accent4: #43b6c2;
    --color-accent4-text: #d7dae0;
    --color-note-text: #8e95a3;
    --color-text: #abb2bf;
    --color-textHilight: #d7dae0;
    --color-blur: #282c34ad;
    --color-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.3);
    --scroll-background: #282c34;
    --scroll-thumb: #353d47;
    --color-href: #61aeee;
    --color-href-hover: #61aeee;
    --color-href-visited: #56b6b9;
    --color-href-active: #56b6b9;
    --color-selected: rgba(0, 123, 255, 0.2582);


    --color-editor: #21252b;
    --color-editor-header: #21252b;
    --color-editor-tabs: #21252b;

    --color-window-header: #1d2024;
    --color-window-header-hover: #2c313a;
}

.discord-dark {
    --color-light-blue: #212325;
    --color-dark-blue: #1f2730;
    --color-primary: #0c0e0f;
    --color-secondary: #121214;
    --color-third: #1a1a1e;
    --color-fourth: #242429;
    --color-fifth: #29292e;
    --color-file-explorer: #121214;
    --color-file-hover: #1d1d1e;
    --color-file-active: #242429;
    --color-comment: #1a1a1e;
    --color-border-color: #2e2e34;
    --color-border-hover: #34343a;
    --color-accent: #eaeff3;
    --color-accent-hover: #c6d1e5;
    --color-accent-text: #111a2c;
    --color-accent2: #5662f6;
    --color-accent2-hover: #4b55df;
    --color-accent2-text: #ffffff;
    --color-accent4: #2d2b38;
    --color-accent4-text: #9f9fe0;
    --color-note-text: #82838b;
    --color-text: #bed3df;
    --color-textHilight: #fbfbfb;
    --color-blur: #242429ad;
    --color-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.4);
    --scroll-background: #1d2124;
    --scroll-thumb: #324046;
    --color-href: #649efc;
    --color-href-hover: #649efc;
    --color-href-visited: #7979ff;
    --color-href-active: #7979ff;
    --color-selected: #7979ff36;
    --color-editor: #1a1a1e;
    --color-editor-header: #121214;
    --color-editor-tabs: #121214;

    --color-window-header: #121214;
    --color-window-header-hover: #242429;
}

.github-dark {
    --color-light-blue: #cfddfc;
    --color-dark-blue: #e5effd;
    --color-primary: #000102;
    --color-secondary: #0d1117;
    --color-third: #0d1117;
    --color-fourth: #1a1f24;
    --color-fifth: #21262d;
    --color-comment: #f6f9fd;
    --color-border-color: #30363d;
    --color-border-hover: #3c4247;
    --color-accent: #eaeff3;
    --color-accent-hover: #c6d1e5;
    --color-accent-text: #010409;
    --color-accent2: #f78166;
    --color-accent2-hover: #dd6d54;
    --color-accent2-text: #010409;
    --color-accent4: #eeedfd;
    --color-accent4-text: #5748c7;
    --color-note-text: #7d8590;
    --color-text: #dae0e6;
    --color-textHilight: #e6edf3;
    --color-blur: #1a1f24ad;
    --color-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.1);
    --scroll-background: #0b0e13;
    --scroll-thumb: #30363d;
    --color-href: #0084ff;
    --color-href-hover: #0084ff;
    --color-href-visited: #6e6efa;
    --color-href-active: #8c8cff;
    --color-selected: rgba(0, 123, 255, 0.158);
    --color-editor: #0d1117;
    --color-editor-header: #010409;
    --color-editor-tabs: #010409;

    --color-file-explorer: #010409;
    --color-file-hover: #1a1f24;
    --color-file-active: #21262d;

    --color-window-header: #010409;
    --color-window-header-hover: #1a1f24;
}


.sandbox-dark {
    --color-assistant: rgb(65, 104, 136);
    --color-light-blue: #212325;
    --color-dark-blue: #1f2730;


    --color-primary: #050505;
    --color-secondary: #0d0d0d;
    --color-third: #1a1a1a;
    --color-fourth: #242424;
    --color-fifth: #2c2c2c;

    --color-file-explorer: #0d0d0d;
    --color-file-hover: #1a1a1a;
    --color-file-active: #242424;

    --color-comment: #1a1a1a;
    --color-border-color: #333333;
    --color-border-hover: #3f3f3f;

    --color-accent: #eaeff3;
    --color-accent-hover: #c6d1e5;
    --color-accent-text: #111a2c;
    --color-accent2: #dff976;
    --color-accent2-hover: #c6e450;
    --color-accent2-text: #000000;
    --color-accent4: #2d2b38;
    --color-accent4-text: #9f9fe0;

    --color-note-text: #8ba0aa;
    --color-text: #adadad;
    --color-textHilight: #ffffff;

    --color-blur: #242424ad;
    --color-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.4);
    --scroll-background: #1d2124;
    --scroll-thumb: #324046;

    --color-href: #649efc;
    --color-href-hover: #649efc;
    --color-href-visited: #7979ff;
    --color-href-active: #7979ff;

    --color-selected: rgba(0, 123, 255, 0.2582);
    --color-selected: #ad9cff42;

    --color-editor: #1a1a1a;
    --color-editor-header: #0d0d0d;
    --color-editor-tabs: #0d0d0d;

    --color-window-header: #0d0d0d;
    --color-window-header-hover: #242424;
}

.cosmic-indigo {
    /* Base colors - completely reimagined palette */
    --color-light-blue: #1f2542;
    --color-dark-blue: #141830;
    --color-primary: #0e1024;
    --color-secondary: #111431;
    --color-third: #161a3c;
    --color-fourth: #1e2152;
    --color-fifth: #262a64;
    --color-file-explorer: #111431;
    --color-file-hover: #161a3c;
    --color-file-active: #1e2152;
    --color-comment: #131736;
    --color-border-color: #292e6a;
    --color-border-hover: #363b85;
    --color-accent: #ffeecb;
    --color-accent-hover: #ffe3a8;
    --color-accent-text: #0e1024;
    --color-accent2: #ff7b93;
    --color-accent2-hover: #ff5d79;
    --color-accent2-text: #161829;
    --color-accent4: #161a3c;
    --color-accent4-text: #c4a2ff;
    --color-note-text: #8b93c7;
    --color-text: #e4e0ff;
    --color-textHilight: #ffffff;
    --color-blur: #1e2152ad;
    --color-box-shadow: 0 4px 20px 0 rgba(6, 7, 25, 0.5);
    --scroll-background: #141830;
    --scroll-thumb: #363b85;
    --color-href: #73f7ff;
    --color-href-hover: #9dffff;
    --color-href-visited: #dc8cff;
    --color-href-active: #dc8cff;
    --color-selected: rgba(115, 247, 255, 0.25);
    --color-editor: #131736;
    --color-editor-header: #111431;
    --color-editor-tabs: #111431;
    --color-window-header: #111431;
    --color-window-header-hover: #1e2152;
}

.codevre-dark {
    --color-light-blue: #1A1D24;
    --color-dark-blue: #0E1012;
    --color-primary: #131416;
    --color-secondary: #18191d;
    --color-third: #1C1E22;
    --color-fourth: #24272D;
    --color-fifth: #292c33;
    --color-file-explorer: #18191d;
    --color-file-hover: #24272D;
    --color-file-active: #292c33;
    --color-comment: #1E2125;
    --color-border-color: #2D3138;
    --color-border-hover: #3e454e;
    --color-border-hover: #424d57;
    --color-accent: #E0F2FE;
    --color-accent-hover: #B8DEFA;
    --color-accent-text: #0D1A26;
    --color-accent2: #2484dd;
    --color-accent2-hover: #1d7dd8;
    --color-accent2-text: #F8F9FC;
    --color-accent4: #2D2B38;
    --color-accent4-text: #A594FF;
    --color-note-text: #8992a0;
    --color-text: #D4E4F0;
    --color-textHilight: #F4F7FA;
    --color-blur: #24272DAD;
    --color-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.5);
    --scroll-background: #191C20;
    --scroll-thumb: #3A4048;
    --color-href: #82B1FF;
    --color-href-hover: #94BCFF;
    --color-href-visited: #B388FF;
    --color-href-active: #BA9BFF;
    --color-selected: rgba(0, 123, 255, 0.2582);
    --color-editor: #1C1E22;
    --color-editor-header: #18191d;
    --color-editor-tabs: #18191d;
    --color-window-header: #18191d;
    --color-window-header-hover: #1D2025;
}

.gemini-dark {
    --color-light-blue: #1A1D24;
    --color-dark-blue: #0E1012;
    --color-primary: #131314;
    --color-secondary: #1b1b1c;
    --color-third: #1b1b1c;
    --color-fourth: #212222;
    --color-fifth: #2a2d2f;
    --color-file-explorer: #181818;
    --color-file-hover: #212222;
    --color-file-active: #2a2d2f;
    --color-comment: #1b1b1c;
    --color-border-color: #2f3031;
    --color-border-hover: #414346;
    --color-accent: #E0F2FE;
    --color-accent-hover: #B8DEFA;
    --color-accent-text: #0D1A26;
    --color-accent2: #87a9ff;
    --color-accent2-hover: #7394e7;
    --color-accent2-text: #131314;
    --color-accent4: #2D2B38;
    --color-accent4-text: #A594FF;

    --color-note-text: #767676;
    --color-text: #bac1c3;
    --color-textHilight: #e3e3e3;

    --color-blur: #212222AD;
    --color-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.5);
    --scroll-background: #191C20;
    --scroll-thumb: #3A4048;
    --color-href: #82B1FF;
    --color-href-hover: #94BCFF;
    --color-href-visited: #B388FF;
    --color-href-active: #BA9BFF;
    --color-selected: rgba(0, 123, 255, 0.2582);

    --color-editor: #1b1b1c;
    --color-editor-header: #181818;
    --color-editor-tabs: #181818;

    --color-window-header: #181818;
    --color-window-header-hover: #1b1b1c;
}

.p5-hc {
    --color-light-blue: #1A1D24;
    --color-dark-blue: #0E1012;
    --color-primary: #111111;
    --color-secondary: #1c1c1c;
    --color-third: #1c1c1c;
    --color-fourth: #272727;
    --color-fifth: #313131;
    --color-file-explorer: #171717;
    --color-file-hover: #222222;
    --color-file-active: #2e2e2e;
    --color-comment: #a6a6a6;
    --color-border-color: #474747;
    --color-border-hover: #5a5a5a;
    --color-accent: #E0F2FE;
    --color-accent-hover: #B8DEFA;
    --color-accent-text: #0D1A26;
    --color-accent2: #f5dc23;
    --color-accent2-hover: #e2ca16;
    --color-accent2-text: #111111;
    --color-accent4: #2D2B38;
    --color-accent4-text: #A594FF;
    --color-note-text: #a6a6a6;
    --color-text: #f2f2f2;
    --color-textHilight: #ffffff;
    --color-blur: #272727AD;
    --color-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.5);
    --scroll-background: #191C20;
    --scroll-thumb: #3A4048;
    --color-href: #82B1FF;
    --color-href-hover: #94BCFF;
    --color-href-visited: #B388FF;
    --color-href-active: #BA9BFF;
    --color-selected: rgba(0, 123, 255, 0.2582);
    --color-editor: #1c1c1c;
    --color-editor-header: #171717;
    --color-editor-tabs: #171717;
    --color-window-header: #171717;
    --color-window-header-hover: #333333;
}

.p5-dark {
    --color-light-blue: #1A1D24;
    --color-dark-blue: #0E1012;
    --color-primary: #111111;
    --color-secondary: #1c1c1c;
    --color-third: #1c1c1c;
    --color-fourth: #272727;
    --color-fifth: #313131;
    --color-file-explorer: #171717;
    --color-file-hover: #222222;
    --color-file-active: #2e2e2e;
    --color-comment: #a6a6a6;
    --color-border-color: #474747;
    --color-border-hover: #5a5a5a;
    --color-accent: #E0F2FE;
    --color-accent-hover: #B8DEFA;
    --color-accent-text: #0D1A26;
    --color-accent2: #ed225d;
    --color-accent2-hover: #d6174d;
    --color-accent2-text: #ffffff;
    --color-accent4: #2D2B38;
    --color-accent4-text: #A594FF;
    --color-note-text: #a6a6a6;
    --color-text: #f2f2f2;
    --color-textHilight: #ffffff;
    --color-blur: #272727AD;
    --color-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.5);
    --scroll-background: #191C20;
    --scroll-thumb: #3A4048;
    --color-href: #82B1FF;
    --color-href-hover: #94BCFF;
    --color-href-visited: #B388FF;
    --color-href-active: #BA9BFF;
    --color-selected: rgba(0, 123, 255, 0.2582);
    --color-editor: #1c1c1c;
    --color-editor-header: #171717;
    --color-editor-tabs: #171717;
    --color-window-header: #171717;
    --color-window-header-hover: #333333;
}

.hc-dark {
    --color-assistant: rgb(65, 104, 136);
    --color-light-blue: #212325;
    --color-dark-blue: #1f2730;
    --color-primary: #000000;
    --color-secondary: #000000;
    --color-third: #000000;
    --color-fourth: #0c0e0f;
    --color-fifth: #1f2225;
    --color-file-explorer: #000000;
    --color-file-hover: #0c0e0f;
    --color-file-active: #1f2225;
    --color-comment: #0c0e0f;
    --color-border-color: #242524;
    --color-border-hover: #424242;
    --color-accent: #9ad5e7;
    --color-accent-hover: #9ad5e7;
    --color-accent-text: #001f33;
    --color-accent2: #9ad5e7;
    --color-accent2-hover: #9ad5e7;
    --color-accent2-text: #001f33;
    --color-accent4: #2d2b38;
    --color-accent4-text: #9f9fe0;
    --color-note-text: #adadad;
    --color-text: #ececec;
    --color-textHilight: #ffffff;
    --color-blur: #0c0e0fad;
    --color-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.4);
    --scroll-background: #0c0e0f;
    --scroll-thumb: #262a2e;
    --color-href: #649efc;
    --color-href-hover: #649efc;
    --color-href-visited: #7979ff;
    --color-href-active: #7979ff;
    --color-selected: rgba(0, 123, 255, 0.2582);
    --color-editor: #000000;
    --color-editor-header: #000000;
    --color-editor-tabs: #000000;

    --color-window-header: #000000;
    --color-window-header-hover: #1f2225;
}