seedit/src/themes.css

:root .light {
  --blue: blue;
  --orange: #FF7500;
  --green: #228822;
  --green-bright: #3bc54c;
  --yellow: goldenrod;
  --yellow-box-contrast: #ffd634;
  --yellow-box-background: #fff7d7;
  --yellow-box-icon: #ffd634;
  --yellow-table: #ffff99;
  --code-background: #fcfcfb;
  --code-border: #e6e6de;
  --red: red;
  --gray: #c0c0c0;
  --gray-footer: dimgray;
  --gray-button-text: #aaa;
  --gray-footer-separator: rgb(151, 151, 151);
  --gray-contrast: #888;
  --gray-overlay: #F7F7F7;
  --gray-overlay-border: #E9E9E9;
  --gray-border: #ddd;
  --border-contrast: black;
  --gray-light: #ccc;
  --box-shadow-modal: 4px 4px 4px #ccc;
  --box-shadow-input: inset 0px 1px 1px rgba(0,0,0,0.3),0px 1px 0px rgba(255,255,255,0.6);
  --filter80: brightness(100%);
  --filter90: brightness(100%);
  --background: white;
  --background-primary: #cee3f8;
  --background-secondary: #eff7ff;
  --background-text: #f0f0f0;
  --background-thumbnail: rgba(0, 0, 0, 0.05);
  --background-markdown: #fafafa;
  --background-contrast: #E4F2FB;
  --background-orange: #f6e69f;
  --yellow-highlight: #ffc;
  --text: black;
  --text-input: black;
  --text-markdown: #222222;
  --markdown-link: #0079d3;
  --markdown-blockquote: #4f4f4f;
  --markdown-blockquote-border: #c5c1ad;
  --text-primary: #369;
  --button-border-primary: #c4dbf1;
  --button-border-primary-hover: #879eb4;
  --button-border-disabled: #dadada;
  --text-info: #888;
  --border-primary: #5f99cf;
  --border-text: gray;
  --border-orange: #ffa500;
  --link: #0000ff;
  --link-primary: #369;
  --link-visited: #551a8b;
  --icon: #c6c6c6;
  --text-button: url("/public/assets/buttons/text-button.png");
  --text-button-hover: url("/public/assets/buttons/text-button-hover.png");
  --play-button: url("/public/assets/buttons/play-button.png");
  --play-button-hover: url("/public/assets/buttons/play-button-hover.png");
  --close-button: url("/public/assets/buttons/close-button.png");
  --close-button-hover: url("/public/assets/buttons/close-button-hover.png");
  --button-large: url('/public/assets/buttons/button-large.png');
  --button-large-hover: url('/public/assets/buttons/button-large-hover.png');
  --button-large-nub: url('/public/assets/buttons/button-large-nub.png');
  --button-large-hover-nub: url('/public/assets/buttons/button-large-nub-hover.png');
  --button-large-disabled: url('/public/assets/buttons/button-large-disabled.png');
  --button-large-nub-disabled: url('/public/assets/buttons/button-large-nub-disabled.png');
  --account-dropdown-arrow: url("/public/assets/buttons/droparrowblue.gif");
  --continue-thread-arrow: url('/public/assets/buttons/continue-this-thread-arrow.png');
}

:root .dark {
  --blue: rgb(47, 125, 255);
  --orange: #FF7500;
  --green: #228822;
  --green-bright: rgb(76, 207, 92);
  --yellow: rgb(200, 171, 0);
  --yellow-highlight: rgb(58, 50, 0);
  --yellow-box-contrast: rgb(163, 130, 0);
  --yellow-box-background: rgb(56, 45, 0);
  --yellow-box-icon: rgb(130, 103, 0);
  --yellow-table: rgb(130, 103, 0);
  --code-background: rgb(19, 19, 13);
  --code-border: rgb(52, 58, 60);
  --red: rgb(200, 0, 0);
  --gray: #3e3e3e;
  --gray-button-text: #aaa;
  --gray-footer: rgb(168, 160, 147);
  --gray-footer-separator: #6a6a6a;
  --gray-contrast: #c7c7c7;
  --gray-overlay: #1f1f1f;
  --gray-overlay-border: #3e3e3e;
  --gray-border: #3e3e3e;
  --border-contrast: #6a6a6a;
  --gray-light: #3e3e3e9d;
  --box-shadow-modal: 4px 4px 4px #000;
  --box-shadow-input: none;
  --filter80: brightness(80%);
  --filter90: brightness(90%);
  --background: #0f0f0f;
  --background-primary: #1f1f1f;
  --background-secondary: #3e3e3e;
  --background-text: #0f0f0f;
  --background-thumbnail: rgba(255, 255, 255, 0.01);
  --background-markdown: #1f1f1f;
  --background-contrast: #141414;
  --background-orange: #4a3700;
  --text: #bfbfbf;
  --text-input: white;
  --text-markdown: #f0f0f0;
  --markdown-link: rgb(74, 183, 255);
  --markdown-blockquote: rgb(185, 178, 168);
  --markdown-blockquote-border: rgb(65, 70, 73);
  --text-primary: #c7c7c7;
  --button-border-primary: #1f1f1f;
  --button-border-primary-hover: #3e3e3e;
  --button-border-disabled: #6f6f6f34;
  --text-info: #757575;
  --border-primary: #1f1f1f;
  --border-text: #3e3e3e;
  --border-orange: #a76d00;
  --link: #bfbfbf;
  --link-primary: rgb(125, 175, 216);
  --link-visited: #757575;
  --icon: #c6c6c6;
  --text-button: url("/public/assets/buttons/text-button-dark.png");
  --text-button-hover: url("/public/assets/buttons/text-button-hover.png");
  --play-button: url("/public/assets/buttons/play-button-dark.png");
  --play-button-hover: url("/public/assets/buttons/play-button-hover.png");
  --close-button: url("/public/assets/buttons/close-button-dark.png");
  --close-button-hover: url("/public/assets/buttons/close-button-hover.png");
  --button-large: url('/public/assets/buttons/button-large-dark.png');
  --button-large-hover: url('/public/assets/buttons/button-large-hover-dark.png');
  --button-large-nub: url('/public/assets/buttons/button-large-nub-dark.png');
  --button-large-hover-nub: url('/public/assets/buttons/button-large-nub-hover-dark.png');
  --button-large-disabled: url('/public/assets/buttons/button-large-disabled-dark.png');
  --button-large-nub-disabled: url('/public/assets/buttons/button-large-nub-disabled-dark.png');
  --account-dropdown-arrow: url("/public/assets/buttons/droparrowgray.gif");
  --continue-thread-arrow: url('/public/assets/buttons/continue-this-thread-arrow-dark.png');
}