| <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> |