/*
 * Copyright 2020 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, 0.8);
  --doc-before-admonition-collapsible-expanded: rgba(68, 138, 255, 0.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;

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

  --code-explorer-background-color: white;
  --code-explorer-collapse-button-color: black;
  --code-explorer-picture-link-color: black;
  --code-explorer-picture-link-selected-color: yellow;
}

.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, 0.8);
  --doc-before-admonition-collapsible-expanded: rgba(187, 116, 0, 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;

  /* runner.css */
  --stack-item-bg: #111111;
  --stack-item-hover-bg: #333333;
  --stack-list-a: #ffffff;
  --shape-info-hover-bg: #555555;

  --code-explorer-background-color: black;
  --code-explorer-collapse-button-color: white;
  --code-explorer-picture-link-color: white;
  --code-explorer-picture-link-selected-color: var(--cw-button-bg-5);
}