/*
 * Copyright 2019 The CodeWorld Authors. All rights reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

:root {
    /* codeworld.css */
    --link: #0000FF;
    --alink: #FF0000;
    --vlink: #800080;
    --main-bg-color: #e5eff9;
    --message-bg-color: #fcc;
    --message-font-color: black;
    --message-details-after-color: #888;
    --kb-shortcuts-table-border: black;
    --cw-button-color: white;
    --cw-button-bg-1: hsl(60, 75%, 35%);
    --cw-button-bg-2: hsl(180, 75%, 35%);
    --cw-button-bg-3: hsl(60, 75%, 25%);
    --cw-button-bg-4: hsl(180, 75%, 25%);
    --cw-button-bg-5: hsl(130, 75%, 35%);
    --cw-button-bg-6: hsl(210, 75%, 35%);
    --cw-button-bg-7: hsl(130, 75%, 25%);
    --cw-button-bg-8: hsl(210, 75%, 25%);
    --cw-button-bg-9: hsl(220, 75%, 35%);
    --cw-button-bg-10: hsl(135, 75%, 35%);
    --cw-button-bg-11: hsl(220, 75%, 25%);
    --cw-button-bg-12: hsl(135, 75%, 25%);
    --cw-button-bg-13: hsl(10, 75%, 35%);
    --cw-button-bg-14: hsl(60, 75%, 35%);
    --cw-button-bg-15: hsl(10, 75%, 25%);
    --cw-button-bg-16: hsl(60, 75%, 25%);
    --cw-button-bg-17: hsl(180, 75%, 35%);
    --cw-button-bg-18: hsl(300, 50%, 35%);
    --cw-button-bg-19: hsl(180, 75%, 25%);
    --cw-button-bg-20: hsl(300, 50%, 25%);
    --message-error-gutter: red;
    --message-warning-gutter: yellow;
    --message-log-gutter: blue;
    --loader-border: #ffffff55;
    --loader-border-top: #ffffffee;
    --dropbox-bg: white;
    --dropbox-border: #cccccc;
    --ui-layout-resizer-dialog: #444444;
    --ui-layout-toggler: #444444;
    --recordIcon: #B30000;
    --req-yes: darkgreen;
    --req-no: darkred;
    --req-indet: darkmagenta;
    --req-details: #555;
    --obsolete-code-alert-color: white;
    --obsolete-code-alert-grad-point1: rgba(0, 0, 0, 0.7);
    --obsolete-code-alert-grad-point2: rgba(0, 0, 0, 0.6);
    --helpdoc-background-color: #FFFFFF;
    --swal-background: #FFFFFF;
    --swal-title-color: #595959;
    --swal-content-color: #545454;
    --dir-tree-ui-highlight: #505050;
    --wrong-login-color: #666;
    --wrong-login-background: #f0f0f0;

    /* codeworld-cm.css */
    --builtin: #30a;
    --builtin-2: #38c;
    --keyword: #828;
    --deprecated: #888;
    --variable: black;
    --variable2: #38c;
    --comment: #161;
    --string: #660;
    --meta: #555;
    --qualifier: #666;
    --number: #a10;
    --bracket: #000;
    --bracket-0: hsl(80, 80%, 40%);
    --bracket-1: hsl(225, 60%, 60%);
    --bracket-2: hsl(320, 60%, 50%);
    --bracket-3: hsl(60, 60%, 40%);
    --bracket-4: hsl(175, 60%, 40%);
    --bracket-5: hsl(265, 60%, 55%);
    --bracket-6: hsl(20, 60%, 50%);
    --bracket-7: #f00;
    --matchingbracket: rgba(0, 0, 0, 0.15);
    --nonmatchingbracket: rgba(255, 0, 0, 0.5);
    --matchhighlight: rgba(128, 255, 128, 0.3);
    --selection-highlight-scrollbar: rgba(95, 255, 95, 0.8);
    --cm-placeholder: #999;
    --hover-decl: #555;
    --hint-word: #30a;
    --hint-keyword: #828;
    --hint-active-bg: #def;
    --hint-active: #555;
    --hint-description-color: #000;
    --hints-list-bg: #fff;
    --hover-doc-color: #000;
    --hover-tooltip: #ffe;
    --hover-tooltip-border: #888;
    --hover-tooltip-shadow: #00000080;
    --hover-tooltip-grad-start: rgba(0, 0, 0, 0);
    --lint-message-border-bottom: #ccc;
    --lint-tooltip-color: #000;
    --dialog-bg: #f5deb3;
    --dialog: #333;
    --dialog-border: #eee;
    --marked-bg: #ff0;
    --cm-layout: #a86;
    --buttonsPanel-bg: #f4f4f4;
    --border-bottom: #888;
    --cw-toolbar-button: #aaa;
    --cw-toolbar-button-hover: #777;
    --cw-toolbar-button-active: #333;

    /* doc.css */
    --doc-popuout-a-border: #888;
    --doc-tilde-clickable-bg: #f0f8ff;
    --doc-tilde-clickable-hover-bg: #f8fcff;
    --doc-before-admonition-collapsible: rgba(68, 138, 255, .8);
    --doc-before-admonition-collapsible-expanded: rgba(68, 138, 255, .8);
    --doc-after-admonition-title: rgba(0, 0, 0, 0.4);
    --doc-tr-bg: #FFF;
    --doc-tr-even-bg: #EEE;
    --doc-bg: #FFFFFF;
    --doc-helpacc-border-right: #ccc;
    --doc-accordion-background: #F6F6F6;
    --doc-accordion-color: #454545;
    --doc-expanded-accordion-background: #007FFF;
    --doc-expanded-accordion-color: #FFFFFF;
    --doc-color: #000000;
    --doc-svg-fill: #000000;
    --doc-svg-stroke: #000000;
    --doc-pre-background: rgb(229, 237, 244);
    --haddock-p-bg: #F0F0F0;
    --haddock-lang-nameplate: #fff;
    --haddock-selflink-bg: #f0f0f0;
    --haddock-toc-bg: #faf9dc;

    /* treedialog.css */
    --treedialog-border: #000;
    --treedialog-bg: #FFF;
    --treedialog-shadow: #000;
    --treedialog-piclink: black;
    --treedialog-piclink-selected: yellow;

    /* runner.css */
    --infobox-bg: white;
    --infobox-shadow: #000;
    --stack-item-bg: #eee;
    --stack-item-hover-bg: #ccc;
    --stack-list-a: black;
    --shape-info-hover-bg: #aaa;
}

.dark-theme {
    /* codeworld.css */
    --link: #FFFF00;
    --alink: #00FFFF;
    --vlink: #80FF80;
    --main-bg-color: #0F0F0F;
    --message-bg-color: #3d3d3d;
    --message-font-color: white;
    --message-details-after-color: #777777;
    --kb-shortcuts-table-border: #FFFFFF;
    --cw-button-bg-1: hsl(60, 75%, 25%);
    --cw-button-bg-2: hsl(180, 75%, 25%);
    --cw-button-bg-3: hsl(60, 75%, 15%);
    --cw-button-bg-4: hsl(180, 75%, 15%);
    --cw-button-bg-5: hsl(130, 75%, 25%);
    --cw-button-bg-6: hsl(210, 75%, 25%);
    --cw-button-bg-7: hsl(130, 75%, 15%);
    --cw-button-bg-8: hsl(210, 75%, 15%);
    --cw-button-bg-9: hsl(220, 75%, 25%);
    --cw-button-bg-10: hsl(135, 75%, 15%);
    --cw-button-bg-11: hsl(220, 75%, 15%);
    --cw-button-bg-12: hsl(135, 75%, 15%);
    --cw-button-bg-13: hsl(10, 75%, 25%);
    --cw-button-bg-14: hsl(60, 75%, 25%);
    --cw-button-bg-15: hsl(10, 75%, 15%);
    --cw-button-bg-16: hsl(60, 75%, 15%);
    --cw-button-bg-17: hsl(180, 75%, 25%);
    --cw-button-bg-18: hsl(300, 50%, 25%);
    --cw-button-bg-19: hsl(180, 75%, 15%);
    --cw-button-bg-20: hsl(300, 50%, 15%);
    --message-error-gutter: red;
    --message-warning-gutter: yellow;
    --message-log-gutter: blue;
    --loader-border: #333;
    --loader-border-top: #000;
    --dropbox-bg: #000000;
    --dropbox-border: #333333;
    --ui-layout-resizer-dialog: #BBBBBB;
    --ui-layout-toggler: #BBBBBB;
    --recordIcon: #4CFFFF;
    --req-yes: #FF9BFF;
    --req-no: #74FFFF;
    --req-indet: #74FF74;
    --req-details: #AAAAAA;
    --helpdoc-background-color: #000000;
    --swal-background: #000000;
    --swal-title-color: #A6A6A6;
    --swal-content-color: #A1A1A1;
    --dir-tree-ui-highlight: #F0F0F0;
    --wrong-login-color: #aaa;
    --wrong-login-background: #000000;

    /* codeworld-cm.css */
    --builtin: #CCFF55;
    --builtin-2: #CC7733;
    --keyword: #77DD77;
    --deprecated: #777777;
    --variable: #FFFFFF;
    --variable2: #CC7733;
    --comment: #EE99EE;
    --string: #9999FF;
    --meta: #AAAAAA;
    --qualifier: #999999;
    --number: #55EEFF;
    --bracket: #FFFFFF;
    --bracket-0: #7E47EB;
    --bracket-1: #A38529;
    --bracket-2: #33CC66;
    --bracket-3: #5C5CD6;
    --bracket-4: #D65C66;
    --bracket-5: #7EB82E;
    --bracket-6: #3399CC;
    --bracket-7: #00FFFF;
    --matchingbracket: rgba(255, 255, 255, 0.15);
    --nonmatchingbracket: rgba(255, 0, 0, 0.9);
    --matchhighlight: rgba(128, 0, 128, 0.3);
    --selection-highlight-scrollbar: rgba(160, 0, 160, 0.8);
    --cm-placeholder: #666666;
    --hover-decl: #AAAAAA;
    --hint-word: #CCFF55;
    --hint-keyword: #77DD77;
    --hint-active-bg: #221100;
    --hint-active: #AAAAAA;
    --hint-description-color: #fff;
    --hints-list-bg: #000;
    --hover-doc-color: #fff;
    --hover-tooltip: #000011;
    --hover-tooltip-border: #777777;
    --hover-tooltip-shadow: #00000080;
    --hover-tooltip-grad-start: rgba(255, 255, 255, 0);
    --lint-message-border-bottom: #333333;
    --lint-tooltip-color: #fff;
    --dialog-bg: #0A214C;
    --dialog: #CCCCCC;
    --dialog-border: #111111;
    --marked-bg: #0000FF;
    --cm-layout: #557799;
    --buttonsPanel-bg: #0F0F0F;
    --border-bottom: #777777;
    --cw-toolbar-button: #555555;
    --cw-toolbar-button-hover: #888888;
    --cw-toolbar-button-active: #CCCCCC;

    /* doc.css */
    --doc-popuout-a-border: #777777;
    --doc-tilde-bg: #0F0700;
    --doc-tilde-clickable-hover-bg: #333333;
    --doc-before-admonition-collapsible: rgba(187, 116, 0, .8);
    --doc-before-admonition-collapsible-expanded: rgba(187, 116, 0, .8);
    --doc-after-admonition-title: rgba(255, 255, 255, 0.4);
    --doc-tr-odd-bg: #000000;
    --doc-tr-even-bg: #444444;
    --doc-bg: #000000;
    --doc-helpacc-border-right: #333333;
    --doc-accordion-background: #090909;
    --doc-accordion-color: #BABABA;
    --doc-expanded-accordion-background: #FF8000;
    --doc-expanded-accordion-color: #000000;
    --doc-color: #FFFFFF;
    --doc-svg-fill: #FFFFFF;
    --doc-svg-stroke: #FFFFFF;
    --doc-pre-background: rgb(26, 18, 11);
    --haddock-p-bg: #333333;
    --haddock-lang-nameplate: #000000;
    --haddock-selflink-bg: #333333;
    --haddock-toc-bg: #050623;

    /* treedialog.css */
    --treedialog-border: white;
    --treedialog-bg: black;
    --treedialog-shadow: white;
    --treedialog-piclink: white;
    --treedialog-piclink-selected: yellow;

    /* runner.css */
    --infobox-bg: #000000;
    --infobox-shadow: #FFFFFF;
    --stack-item-bg: #111111;
    --stack-item-hover-bg: #333333;
    --stack-list-a: #FFFFFF;
    --shape-info-hover-bg: #555555;
}