blob: 6037a88f532064bf2330c2b2addd543cfe89d915 [file] [log] [blame]
<dom-module id="dark-theme">
<style is="custom-style">
html {
--primary-text-color: #e2e2e2;
--view-background-color: #212121;
--border-color: #555555;
--table-header-background-color: #353637;
--table-subheader-background-color: rgb(19, 20, 22);
--header-background-color: #5487E5;
--header-text-color: var(--primary-text-color);
--deemphasized-text-color: #9a9a9a;
--footer-background-color: var(--table-header-background-color);
--expanded-background-color: #26282b;
--link-color: #5487E5;
--primary-button-background-color: var(--link-color);
--primary-button-text-color: var(--primary-text-color);
--secondary-button-background-color: var(--primary-text-color);
--secondary-button-text-color: var(--deemphasized-text-color);
--default-button-text-color: var(--link-color);
--default-button-background-color: var(--table-subheader-background-color);
--dropdown-background-color: var(--table-header-background-color);
--dialog-background-color: var(--view-background-color);
--chip-background-color: var(--table-header-background-color);
--select-background-color: var(--table-subheader-background-color);
--assignee-highlight-color: rgb(58, 54, 28);
--diff-selection-background-color: #3A71D8;
--light-remove-highlight-color: rgb(53, 27, 27);
--light-add-highlight-color: rgb(24, 45, 24);
--light-remove-add-highlight-color: #2f3f2f;
--light-rebased-remove-highlight-color: rgb(60, 37, 8);
--light-rebased-add-highlight-color: rgb(72, 113, 101);
--dark-remove-highlight-color: rgba(255, 0, 0, 0.15);
--dark-add-highlight-color: rgba(0, 255, 0, 0.15);
--dark-rebased-remove-highlight-color: rgba(255, 139, 6, 0.15);
--dark-rebased-add-highlight-color: rgba(11, 255, 155, 0.15);
--diff-context-control-color: var(--table-header-background-color);
--diff-context-control-border-color: var(--border-color);
--diff-highlight-range-color: rgba(0, 100, 200, 0.5);
--diff-highlight-range-hover-color: rgba(0, 150, 255, 0.5);
--shell-command-background-color: #5f5f5f;
--shell-command-decoration-background-color: #999999;
--comment-text-color: var(--primary-text-color);
--comment-background-color: #0B162B;
--unresolved-comment-background-color: rgb(56, 90, 154);
--vote-color-approved: rgb(127, 182, 107);
--vote-color-recommended: rgb(63, 103, 50);
--vote-color-rejected: #ac2d3e;
--vote-color-disliked: #bf6874;
--vote-color-neutral: #597280;
--edit-mode-background-color: rgb(92, 10, 54);
--emphasis-color: #383f4a;
--tooltip-background-color: #111;
--syntax-default-color: var(--primary-text-color);
--syntax-meta-color: #6D7EEE;
--syntax-keyword-color: #CD4CF0;
--syntax-number-color: #00998A;
--syntax-selector-class-color: #FFCB68;
--syntax-variable-color: #F77669;
--syntax-template-variable-color: #F77669;
--syntax-comment-color: var(--deemphasized-text-color);
--syntax-string-color: #C3E88D;
--syntax-selector-id-color: #F77669;
--syntax-built_in-color: rgb(247, 195, 105);
--syntax-tag-color: #F77669;
--syntax-link-color: #C792EA;
--syntax-meta-keyword-color: #EEFFF7;
--syntax-type-color: #DD5F5F;
--syntax-title-color: #75A5FF;
--syntax-attr-color: #80CBBF;
--syntax-literal-color: #EEFFF7;
--syntax-selector-pseudo-color: #C792EA;
--syntax-regexp-color: #F77669;
--syntax-selector-attr-color: #80CBBF;
--syntax-template-tag-color: #C792EA;
background-color: var(--view-background-color);
}
</style>
</dom-module>