├── LICENSE ├── README.md └── themes ├── catppuccin.css ├── doombox.css ├── dracula.css ├── kanagawa.css ├── onedark.css ├── papadark.css └── rose_pine_moon.css /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2021 Naruto Uzumaki 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 |

GitHub Themer

2 | A little project to easily create custom github themes using refined github. 3 | 4 |

Usage

5 | 6 |
    7 |
  1. Install a CSS injector extension. (I use Redefined GitHub. It allows injecting CSS to github.com)
    2. 8 |
  2. Follow below steps if you are using Redefined GitHub,
    3. 13 |
14 | -------------------------------------------------------------------------------- /themes/catppuccin.css: -------------------------------------------------------------------------------- 1 | /* I <3 CATPPUCCIN */ 2 | :root { 3 | /* http://www.chriskempson.com/projects/base16/ */ 4 | 5 | /* Give H, S, L values */ 6 | --base00: 258, 22%, 09%; 7 | --base01: 252, 17%, 12%; 8 | --base02: 256, 17%, 22%; 9 | --base03: 247, 08%, 46%; 10 | --base04: 274, 11%, 59%; 11 | --base05: 240, 23%, 88%; 12 | --base06: 285, 10%, 75%; 13 | --base07: 254, 12%, 36%; 14 | --base08: 358, 61%, 72%; 15 | --base09: 047, 62%, 79%; 16 | --base0A: 025, 89%, 78%; 17 | --base0B: 116, 49%, 68%; 18 | --base0B_darken: 116, 49%, 65%; 19 | --base0B_darkest: 116, 49%, 60%; 20 | --base0C: 191, 57%, 75%; 21 | --base0D: 223, 70%, 75%; 22 | --base0D_darken: 223, 70%, 70%; 23 | --base0E: 304, 49%, 70%; 24 | /* --base0F is deprecated */ 25 | } 26 | 27 | :root { 28 | /* INTERNAL VARS */ 29 | --__base00: hsl(var(--base00)); 30 | --__base01: hsl(var(--base01)); 31 | --__base02: hsl(var(--base02)); 32 | --__base03: hsl(var(--base03)); 33 | --__base04: hsl(var(--base04)); 34 | --__base05: hsl(var(--base05)); 35 | --__base06: hsl(var(--base06)); 36 | --__base07: hsl(var(--base07)); 37 | --__base08: hsl(var(--base08)); 38 | --__base09: hsl(var(--base09)); 39 | --__base0A: hsl(var(--base0A)); 40 | --__base0B: hsl(var(--base0B)); 41 | --__base0C: hsl(var(--base0C)); 42 | --__base0D: hsl(var(--base0D)); 43 | --__base0E: hsl(var(--base0E)); 44 | 45 | /* MUTED VARS */ 46 | --__base00_muted: hsl(var(--base00), 0.4); 47 | --__base01_muted: hsl(var(--base01), 0.4); 48 | --__base02_muted: hsl(var(--base02), 0.4); 49 | --__base03_muted: hsl(var(--base03), 0.4); 50 | --__base04_muted: hsl(var(--base04), 0.4); 51 | --__base05_muted: hsl(var(--base05), 0.4); 52 | --__base06_muted: hsl(var(--base06), 0.4); 53 | --__base07_muted: hsl(var(--base07), 0.4); 54 | --__base08_muted: hsl(var(--base08), 0.4); 55 | --__base09_muted: hsl(var(--base09), 0.4); 56 | --__base0A_muted: hsl(var(--base0A), 0.4); 57 | --__base0B_muted: hsl(var(--base0B), 0.4); 58 | --__base0C_muted: hsl(var(--base0C), 0.4); 59 | --__base0D_muted: hsl(var(--base0D), 0.4); 60 | --__base0E_muted: hsl(var(--base0E), 0.4); 61 | 62 | /* DARKEN STUFF */ 63 | --__base0B_darken: hsl(var(--base0B_darken)); 64 | --__base0B_darkest: hsl(var(--base0B_darkest)); 65 | --__base0D_darken: hsl(var(--base0D_darken)); 66 | 67 | /* ADVANCED STUFF */ 68 | --color-fg-default: var(--__base05) !important; 69 | --color-fg-muted: var(--__base03) !important; 70 | --color-fg-subtle: var(--__base03) !important; 71 | --color-fg-on-emphasis: var(--__base05) !important; 72 | 73 | --color-canvas-default: var(--__base00) !important; 74 | --color-canvas-overlay: var(--__base01) !important; 75 | --color-canvas-inset: var(--__base01) !important; 76 | --color-canvas-subtle: var(--__base01) !important; 77 | 78 | --color-border-default: var(--__base04) !important; 79 | --color-border-muted: var(--__base03) !important; 80 | --color-border-subtle: var(--__base03) !important; 81 | 82 | --color-shadow-small: 0 0 transparent !important; 83 | --color-shadow-medium: 0 3px 6px var(--__base01) !important; 84 | --color-shadow-large: 0 8px 24px var(--__base01) !important; 85 | --color-shadow-extra-large: 0 12px 48px var(--__base01) !important; 86 | 87 | --color-neutral-emphasis-plus: var(--__base03) !important; 88 | --color-netral-emphasis: var(--__base03) !important; 89 | --color-neutral-muted: var(--__base04) !important; 90 | --color-neutral-subtle: var(--__base01) !important; 91 | 92 | --color-accent-fg: var(--__base0D) !important; 93 | --color-accent-emphasis: var(--__base0D_darken) !important; 94 | --color-accent-muted: var(--__base0D_muted) !important; 95 | --color-accent-subtle: var(--__base0D_muted) !important; 96 | 97 | --color-success-fg: var(--__base0B) !important; 98 | --color-success-emphasis: var(--__base0B_darken) !important; 99 | --color-success-muted: var(--__base0B_muted) !important; 100 | --color-success-subtle: var(--__base0B_muted) !important; 101 | 102 | --color-attention-fg: var(--__base09) !important; 103 | --color-attention-emphasis: var(--__base09_darken) !important; 104 | --color-attention-muted: var(--__base09_muted) !important; 105 | --color-attention-subtle: var(--__base09_muted) !important; 106 | 107 | --color-severe-fg: var(--__base0A) !important; 108 | --color-severe-emphasis: var(--__base0A) !important; 109 | --color-severe-muted: var(--__base0A_muted) !important; 110 | --color-severe-subtle: var(--__base0A_muted) !important; 111 | 112 | --color-danger-fg: var(--__base08) !important; 113 | --color-danger-emphasis: var(--__base08) !important; 114 | --color-danger-muted: var(--__base08_muted) !important; 115 | --color-danger-subtle: var(--__base08_muted) !important; 116 | 117 | --color-done-fg: var(--__base0E) !important; 118 | --color-done-emphasis: var(--__base0E) !important; 119 | --color-done-muted: var(--__base0E_muted) !important; 120 | --color-done-subtle: var(--__base0E_muted) !important; 121 | 122 | --color-sponsors-fg: var(--__base0E) !important; 123 | --color-sponsors-emphasis: var(--__base0E) !important; 124 | --color-sponsors-muted: var(--__base0E_muted) !important; 125 | --color-sponsors-subtle: var(--__base0E_muted) !important; 126 | 127 | --color-primer-border-active: var(--__base0A) !important; 128 | --color-sidenav-selected-bg: var(--__base01) !important; 129 | 130 | --color-state-hover-primary-bg: var(--__base0D_darken) !important; 131 | --color-state-hover-primary-border: var(--__base0D) !important; 132 | 133 | /* BUTTONS */ 134 | --color-btn-text: var(--__base05) !important; 135 | --color-btn-bg: var(--__base01) !important; 136 | --color-btn-border: var(--color-border-subtle) !important; 137 | --color-btn-hover-bg: var(--__base01) !important; 138 | --color-btn-hover-border: var(--color-border-default) !important; 139 | --color-btn-active-bg: var(--__base01) !important; 140 | --color-btn-active-border: var(--color-btn-hover-border) !important; 141 | --color-btn-selected-bg: var(--__base01) !important; 142 | --color-btn-focus-bg: var(--__base01) !important; 143 | --color-btn-primary-text: var(--__base05) !important; 144 | --color-btn-primary-bg: var(--__base0B_darkest) !important; 145 | --color-btn-primary-hover-bg: var(--__base0B_darken) !important; 146 | --color-btn-primary-selected-bg: var(--__base0B_darken) !important; 147 | --color-btn-primary-focus-bg: var(--__base0B_muted) !important; 148 | --color-btn-primary-icon: var(--__base05) !important; 149 | --color-btn-primary-disabled-bg: var(--__base0B_muted) !important; 150 | --color-btn-primary-disabled-text: var(--__base06) !important; 151 | --color-btn-outline-text: var(--__base0D) !important; 152 | --color-btn-outline-hover-text: var(--__base0D) !important; 153 | --color-btn-outline-hover-bg: var(--__base01) !important; 154 | --color-btn-outline-selected-text: var(--__base05) !important; 155 | --color-btn-outline-selected-bg: var(--__base0D_darken) !important; 156 | --color-btn-outline-disabled-bg: var(--__base01) !important; 157 | --color-btn-danger-text: var(--__base08) !important; 158 | --color-btn-danger-hover-text: var(--__base05) !important; 159 | --color-btn-danger-hover-bg: var(--__base08) !important; 160 | --color-btn-danger-hover-border: var(--__base08) !important; 161 | --color-btn-danger-hover-icon: var(--__base05) !important; 162 | --color-btn-danger-selected-text: var(--__base05) !important; 163 | --color-btn-danger-selected-bg: var(--__base08) !important; 164 | --color-btn-danger-selected-border: var(--__base0A) !important; 165 | --color-btn-danger-disabled-bg: var(--__base00) !important; 166 | --color-btn-danger-focus-border: var(--__base08) !important; 167 | --color-btn-danger-icon: var(--__base08) !important; 168 | 169 | /* ANSI */ 170 | --color-ansi-red: var(--__base08) !important; 171 | --color-ansi-red-bright: var(--__base08) !important; 172 | --color-ansi-green: var(--__base0B) !important; 173 | --color-ansi-green-bright: var(--__base0B) !important; 174 | --color-ansi-yellow: var(--__base09) !important; 175 | --color-ansi-yellow-bright: var(--__base09) !important; 176 | --color-ansi-blue: var(--__base0D) !important; 177 | --color-ansi-blue-bright: var(--__base0D) !important; 178 | --color-ansi-magenta: var(--__base0E) !important; 179 | --color-ansi-magenta-bright: var(--__base0E) !important; 180 | --color-ansi-cyan: var(--__base0C) !important; 181 | --color-ansi-cyan-bright: var(--__base0C) !important; 182 | 183 | /* WORKFLOWS */ 184 | --color-workflow-card-bg: var(--__base01) !important; 185 | --color-workflow-card-hover-bg: var(--__base01) !important; 186 | --color-workflow-card-hover-bg: var(--__base02) !important; 187 | --color-workflow-card-focus-bg: var(--__base01) !important; 188 | --color-workflow-card-focus-bg: var(--__base02) !important; 189 | --color-workflow-card-border: var(--__base02) !important; 190 | 191 | --color-checks-bg: var(--__base01) !important; 192 | --color-checks-text-primary: var(--__base05) !important; 193 | --color-checks-text-secondary: var(--__base03) !important; 194 | --color-checks-text-link: var(--__base0D) !important; 195 | --color-checks-btn-icon: var(--__base05) !important; 196 | --color-checks-btn-hover-icon: var(--__base03) !important; 197 | --color-checks-input-text: var(--__base03) !important; 198 | --color-checks-input-placeholder-text: var(--__base04) !important; 199 | --color-checks-input-focus-text: var(--__base05) !important; 200 | --color-checks-input-bg: var(--__base01) !important; 201 | --color-checks-donut-error: var(--__base08) !important; 202 | --color-checks-donut-pending: var(--__base09) !important; 203 | --color-checks-donut-success: var(--__base0B) !important; 204 | --color-checks-donut-neutral: var(--__base03) !important; 205 | --color-checks-dropdown-text: var(--__base05) !important; 206 | --color-checks-dropdown-bg: var(--__base01) !important; 207 | --color-checks-dropdown-border: var(--__base01) !important; 208 | --color-checks-dropdown-hover-text: var(--__base05) !important; 209 | --color-checks-dropdown-btn-hover-text: var(--__base05) !important; 210 | --color-checks-header-label-text: var(--__base03) !important; 211 | --color-checks-header-label-open-text: var(--__base05) !important; 212 | --color-checks-header-border: var(--__base01) !important; 213 | --color-checks-header-icon: var(--__base05) !important; 214 | --color-checks-line-text: var(--__base05) !important; 215 | --color-checks-line-num-text: var(--__base03) !important; 216 | --color-checks-line-timestamp-text: var(--__base03) !important; 217 | --color-checks-line-selected-num-text: var(--__base0D) !important; 218 | --color-checks-line-dt-fm-text: var(--__base05) !important; 219 | --color-checks-line-dt-fm-bg: var(--__base0A) !important; 220 | --color-checks-gate-text: var(--__base03) !important; 221 | --color-checks-gate-waiting-text: var(--__base09) !important; 222 | --color-checks-step-header-open-bg: var(--__base01) !important; 223 | --color-checks-step-error-text: var(--__base08) !important; 224 | --color-checks-step-warning-text: var(--__base09) !important; 225 | --color-checks-logline-text: var(--__base05) !important; 226 | --color-checks-logline-num-text:var(--__base03) !important; 227 | --color-checks-logline-debug-text: var(--__base0E) !important; 228 | --color-checks-logline-error-text: var(--__base05) !important; 229 | --color-checks-logline-error-num-text: var(--__base03) !important; 230 | --color-checks-logline-warning-text: var(--__base05) !important; 231 | --color-checks-logline-warning-num-text: var(--__base09) !important; 232 | --color-checks-logline-command-text: var(--__base0D) !important; 233 | --color-checks-logline-section-text: var(--__base0B) !important; 234 | --color-checks-ansi-black: var(--color-ansi-black) !important; 235 | --color-checks-ansi-black-bright: var(--color-ansi-black-bright) !important; 236 | --color-checks-ansi-white: var(--color-ansi-white) !important; 237 | --color-checks-ansi-white-bright: var(--color-ansi-white-bright) !important; 238 | --color-checks-ansi-gray: var(--color-ansi-gray) !important; 239 | --color-checks-ansi-red: var(--color-ansi-red) !important; 240 | --color-checks-ansi-red-bright: var(--color-ansi-red-bright) !important; 241 | --color-checks-ansi-green: var(--color-ansi-green) !important; 242 | --color-checks-ansi-green-bright: var(--color-ansi-green-bright) !important; 243 | --color-checks-ansi-yellow: var(--color-ansi-yellow) !important; 244 | --color-checks-ansi-yellow-bright: var(--color-ansi-yellow-bright) !important; 245 | --color-checks-ansi-blue: var(--color-ansi-blue) !important; 246 | --color-checks-ansi-blue-bright: var(--color-ansi-blue-bright) !important; 247 | --color-checks-ansi-magenta: var(--color-ansi-magenta) !important; 248 | --color-checks-ansi-magenta-bright: var(--color-ansi-magenta-bright) !important; 249 | --color-checks-ansi-cyan: var(--color-ansi-cyan) !important; 250 | --color-checks-ansi-cyan-bright: var(--color-ansi-cyan-bright) !important; 251 | 252 | /* CONTRIBUTION GRAPH */ 253 | --color-calendar-halloween-graph-day-L2-bg: var(--__base08) !important; 254 | --color-calendar-halloween-graph-day-L3-bg: var(--__base0A) !important; 255 | --color-calendar-halloween-graph-day-L4-bg:var(--__base09) !important; 256 | --color-calendar-graph-day-bg: var(--__base01) !important; 257 | --color-calendar-graph-day-L1-bg: var(--__base0B_darken) !important; 258 | --color-calendar-graph-day-L2-bg: var(--__base0B_darken) !important; 259 | --color-calendar-graph-day-L3-bg: var(--__base0B) !important; 260 | --color-calendar-graph-day-L4-bg: var(--__base0B) !important; 261 | --color-user-mention-fg: var(--__base05) !important; 262 | --color-user-mention-bg: var(--__base09) !important; 263 | 264 | /* HEADER */ 265 | --color-header-bg: var(--__base01) !important; 266 | --color-page-header-bg: var(--__base01) !important; 267 | --color-header-border: var(--__base02) !important; 268 | --color-header-text: var(--__base05) !important; 269 | --color-header-search-bg: var(--__base01) !important; 270 | 271 | /* MARKETING */ 272 | --color-marketing-icon-primary: var(--__base0B) !important; 273 | --color-marketing-icon-secondary: var(--__base0D_darken) !important; 274 | 275 | /* SEARCH KEYWORD */ 276 | --color-search-keyword-hl: var(--__base09_muted) !important; 277 | 278 | /* DIFFS */ 279 | --color-diff-blob-addition-num-text: var(--__base05) !important; 280 | --color-diff-blob-addition-fg: var(--__base05) !important; 281 | --color-diff-blob-addition-num-bg: var(--__base0B_muted) !important; 282 | --color-diff-blob-addition-line-bg: var(--__base0B_muted) !important; 283 | --color-diff-blob-addition-word-bg: var(--__base0B_muted) !important; 284 | --color-diff-blob-deletion-num-text: var(--__base05) !important; 285 | --color-diff-blob-deletion-fg: var(--__base05) !important; 286 | --color-diff-blob-deletion-num-bg: var(--__base08_muted) !important; 287 | --color-diff-blob-deletion-line-bg: var(--__base08_muted) !important; 288 | --color-diff-blob-deletion-word-bg: var(--__base08_muted) !important; 289 | --color-diff-blob-hunk-num-bg: var(--__base0D_muted) !important; 290 | --color-diff-blob-expander-icon: var(--__base03) !important; 291 | --color-diffstat-deletion-border: var(--__base08_muted) !important; 292 | --color-diffstat-addition-border: var(--__base0B_muted) !important; 293 | --color-diffstat-addition-bg: var(--__base0B) !important; 294 | 295 | /* PRETTYLIGHTS CODE SYNTAX HIGHLIGHTING */ 296 | --color-prettylights-syntax-comment: var(--__base03) !important; 297 | --color-prettylights-syntax-constant: var(--__base0D) !important; 298 | --color-prettylights-syntax-entity: var(--__base0E) !important; 299 | --color-prettylights-syntax-storage-modifier-import: var(--__base05) !important; 300 | --color-prettylights-syntax-entity-tag: var(--__base0B) !important; 301 | --color-prettylights-syntax-keyword: var(--__base08) !important; 302 | --color-prettylights-syntax-string: var(--__base0B) !important; 303 | --color-prettylights-syntax-variable: var(--__base09) !important; 304 | --color-prettylights-syntax-brackethighlighter-unmatched: var(--__base0A) !important; 305 | --color-prettylights-syntax-invalid-illegal-text: var(--__base05) !important; 306 | --color-prettylights-syntax-invalid-illegal-bg: var(--__base08) !important; 307 | --color-prettylights-syntax-carriage-return-text: var(--__base05) !important; 308 | --color-prettylights-syntax-carriage-return-bg: var(--__base08) !important; 309 | --color-prettylights-syntax-string-regexp: var(--__base0B) !important; 310 | --color-prettylights-syntax-markup-list: var(--__base09) !important; 311 | --color-prettylights-syntax-markup-heading: var(--__base0D) !important; 312 | --color-prettylights-syntax-markup-italic: var(--__base05) !important; 313 | --color-prettylights-syntax-markup-bold: var(--__base05) !important; 314 | --color-prettylights-syntax-markup-deleted-text: var(--__base05) !important; 315 | --color-prettylights-syntax-markup-deleted-bg: var(--__base08) !important; 316 | --color-prettylights-syntax-markup-inserted-text: var(--__base0B) !important; 317 | --color-prettylights-syntax-markup-inserted-bg: var(--__base0B_darken) !important; 318 | --color-prettylights-syntax-markup-changed-text: var(--__base05) !important; 319 | --color-prettylights-syntax-markup-changed-bg: var(--__base08) !important; 320 | --color-prettylights-syntax-markup-ignored-text: var(--__base05) !important; 321 | --color-prettylights-syntax-markup-ignored-bg: var(--__base0D) !important; 322 | --color-prettylights-syntax-meta-diff-range: var(--__base0E) !important; 323 | --color-prettylights-syntax-brackethighlighter-angle: var(--__base03) !important; 324 | --color-prettylights-syntax-sublimelinter-gutter-mark: var(--__base04) !important; 325 | --color-prettylights-syntax-constant-other-reference-link: var(--__base0B) !important; 326 | 327 | /* CODE MIRROR */ 328 | --color-codemirror-text: var(--__base05) !important; 329 | --color-codemirror-bg: var(--__base00) !important; 330 | --color-codemirror-gutters-bg: var(--__base01) !important; 331 | --color-codemirror-guttermarker-text: var(--__base04) !important; 332 | --color-codemirror-guttermarker-subtle-text: var(--__base03) !important; 333 | --color-codemirror-linenumber-text: var(--__base04) !important; 334 | --color-codemirror-cursor: var(--__base02) !important; 335 | --color-codemirror-selection-bg: var(--__base0D_muted) !important; 336 | --color-codemirror-activeline-bg: var(--__base02) !important; 337 | --color-codemirror-matchingbracket-text: var(--__base05) !important; 338 | --color-codemirror-lines-bg: var(--__base00) !important; 339 | --color-codemirror-syntax-comment: var(--__base03) !important; 340 | --color-codemirror-syntax-constant: var(--__base0D) !important; 341 | --color-codemirror-syntax-entity: var(--__base0E) !important; 342 | --color-codemirror-syntax-keyword: var(--__base08) !important; 343 | --color-codemirror-syntax-storage: var(--__base08) !important; 344 | --color-codemirror-syntax-string: var(--__base0B) !important; 345 | --color-codemirror-syntax-support: var(--__base02) !important; 346 | --color-codemirror-syntax-variable: var(--__base09) !important; 347 | 348 | /* SOCIAL */ 349 | --color-social-reaction-border: var(--__base0D) !important; 350 | --color-social-reaction-bg: var(--__base01) !important; 351 | --color-social-reaction-bg-hover: var(--__base01) !important; 352 | --color-social-reaction-bg-reacted-hover: var(--__base0D_darken) !important; 353 | 354 | /* MISC */ 355 | --color-avatar-bg: var(--__base04) !important; 356 | --color-avatar-border: var(--__base04) !important; 357 | --color-avatar-stack-fade: var(--__base04) !important; 358 | --color-avatar-stack-fade-more: var(--__base01) !important; 359 | --color-avatar-child-shadow: -2px -2px 0 var(--__base00) !important; 360 | --color-underlinenav-icon: var(--__base04) !important; 361 | --color-underlinenav-border-hover: var(--__base04) !important; 362 | 363 | /* NOTIFICATIONS */ 364 | --color-notifications-button-text: var(--__base05) !important; 365 | --color-notifications-button-hover-text: var(--__base05) !important; 366 | --color-notifications-button-hover-bg: var(--__base0D_darken) !important; 367 | 368 | /* MARKDOWN ig */ 369 | --color-mktg-success: var(--__base0B) !important; 370 | --color-mktg-info: var(--__base0D_darken) !important; 371 | --color-mktg-btn-bg-top: var(--__base0D) !important; 372 | --color-mktg-btn-bg-bottom: var(--__base0D) !important; 373 | --color-mktg-btn-bg-overlay-top: var(--__base0D) !important; 374 | --color-mktg-btn-bg-overlay-bottom:var(--__base0D_darken) !important; 375 | --color-mktg-btn-text: var(--__base05) !important; 376 | --color-mktg-btn-primary-bg-top: var(--__base0B_darken) !important; 377 | --color-mktg-btn-primary-bg-bottom: var(--__base0B_darken) !important; 378 | --color-mktg-btn-primary-bg-overlay-top: var(--__base0B_darken) !important; 379 | --color-mktg-btn-primary-bg-overlay-bottom: var(--__base0B_darken) !important; 380 | --color-mktg-btn-primary-text: var(--__base05) !important; 381 | --color-mktg-btn-enterprise-bg-top: var(--__base0E) !important; 382 | --color-mktg-btn-enterprise-bg-bottom: var(--__base0E) !important; 383 | --color-mktg-btn-enterprise-bg-overlay-top: var(--__base0E) !important; 384 | --color-mktg-btn-enterprise-bg-overlay-bottom: var(--__base0E) !important; 385 | --color-mktg-btn-enterprise-text: var(--__base05) !important; 386 | --color-mktg-btn-outline-text: var(--__base05) !important; 387 | --color-mktg-btn-outline-hover-text: var(--__base05) !important; 388 | --color-mktg-btn-outline-focus-border: var(--__base05) !important; 389 | --color-mktg-btn-dark-text: var(--__base05) !important; 390 | --color-mktg-btn-dark-hover-text: var(--__base05) !important; 391 | --color-mktg-btn-dark-focus-border: var(--__base05) !important; 392 | } 393 | -------------------------------------------------------------------------------- /themes/doombox.css: -------------------------------------------------------------------------------- 1 | /* THEMER <3 GITHUB */ 2 | /* NTB & VHYGAWD <3 DOOMBOX */ 3 | 4 | :root { 5 | /* COLOR PALLETE */ 6 | /* for *-muted variables use 0.4 for alpha */ 7 | --bg: #22262a; 8 | --highlight: #D3D4D4; 9 | --highlight-overlay: var(--highlight); 10 | --highlight-inactive: var(--highlight); 11 | --fg:#d8d3ca; 12 | --bg-float: #2d3135; 13 | --inactive: #50545a; 14 | --red: hsl(2, 87%, 68%); 15 | --red-muted: hsla(2, 87%, 68%, 0.4); 16 | --green: hsl(78, 38%, 46%); 17 | --green-muted: hsla(78, 38%, 56%, 0.4); 18 | --green-dark: hsl(78, 38%, 30%); 19 | --yellow: hsl(36, 68%, 65%); 20 | --yellow-muted: hsl(36, 68%, 65%, 0.4); 21 | --blue: hsl(197, 48%, 60%); 22 | --blue-muted: hsla(197, 48%, 60%, 0.4); 23 | --blue-dark: hsl(197, 48%, 40%); 24 | --magenta: hsl(312, 43%, 65%); 25 | --magenta-muted: hsla(312, 43%, 65%, 0.4); 26 | --orange: hsl(24, 71%, 59%); 27 | --orange-muted: hsla(24, 71%, 59%, 0.4); 28 | --subtle: #868c9c; 29 | --bg-alt: #383c3f; 30 | 31 | /* CHANGE THESE FOR CHANGING SOME HIGHLIGHTS */ 32 | /* GITHUB PRIMER VARIABLES */ 33 | /* https://primer.style/primitives/colors */ 34 | --color-fg-default: var(--fg) !important; 35 | --color-fg-muted: var(--subtle) !important; 36 | --color-fg-subtle: var(--subtle) !important; 37 | --color-fg-on-emphasis: var(--fg) !important; 38 | 39 | --color-canvas-default: var(--bg) !important; 40 | --color-canvas-overlay: var(--bg-float) !important; 41 | --color-canvas-inset: var(--bg-alt) !important; 42 | --color-canvas-subtle: var(--bg-float) !important; 43 | 44 | --color-border-default: var(--inactive) !important; 45 | --color-border-muted: var(--subtle) !important; 46 | --color-border-subtle: var(--subtle) !important; 47 | 48 | --color-shadow-small: 0 0 transparent !important; 49 | --color-shadow-medium: 0 3px 6px var(--bg-alt) !important; 50 | --color-shadow-large: 0 8px 24px var(--bg-alt) !important; 51 | --color-shadow-extra-large: 0 12px 48px var(--bg-alt) !important; 52 | 53 | --color-neutral-emphasis-plus: var(--subtle) !important; 54 | --color-netral-emphasis: var(--subtle) !important; 55 | --color-neutral-muted: var(--inactive) !important; 56 | --color-neutral-subtle: var(--bg-alt) !important; 57 | 58 | --color-accent-fg: var(--blue) !important; 59 | --color-accent-emphasis: var(--blue) !important; 60 | --color-accent-muted: var(--blue-muted) !important; 61 | --color-accent-subtle: var(--blue-muted) !important; 62 | 63 | --color-success-fg: var(--green) !important; 64 | --color-success-emphasis: var(--green-dark) !important; 65 | --color-success-muted: var(--green-muted) !important; 66 | --color-success-subtle: var(--green-muted) !important; 67 | 68 | --color-attention-fg: var(--yellow) !important; 69 | --color-attention-emphasis: var(--yellow) !important; 70 | --color-attention-muted: var(--yellow-muted) !important; 71 | --color-attention-subtle: var(--yellow-muted) !important; 72 | 73 | --color-severe-fg: var(--orange) !important; 74 | --color-severe-emphasis: var(--orange) !important; 75 | --color-severe-muted: var(--orange-muted) !important; 76 | --color-severe-subtle: var(--orange-muted) !important; 77 | 78 | --color-danger-fg: var(--red) !important; 79 | --color-danger-emphasis: var(--red) !important; 80 | --color-danger-muted: var(--red-muted) !important; 81 | --color-danger-subtle: var(--red-muted) !important; 82 | 83 | --color-done-fg: var(--magenta) !important; 84 | --color-done-emphasis: var(--magenta) !important; 85 | --color-done-muted: var(--magenta-muted) !important; 86 | --color-done-subtle: var(--magenta-muted) !important; 87 | 88 | --color-sponsors-fg: var(--magenta) !important; 89 | --color-sponsors-emphasis: var(--magenta) !important; 90 | --color-sponsors-muted: var(--magenta-muted) !important; 91 | --color-sponsors-subtle: var(--magenta-muted) !important; 92 | 93 | --color-primer-border-active: var(--orange) !important; 94 | --color-sidenav-selected-bg: var(--bg-float) !important; 95 | 96 | --color-state-hover-primary-bg: var(--blue-dark) !important; 97 | --color-state-hover-primary-border: var(--blue) !important; 98 | 99 | /* BUTTONS */ 100 | --color-btn-text: var(--fg) !important; 101 | --color-btn-bg: var(--bg-float) !important; 102 | --color-btn-border: var(--color-border-subtle) !important; 103 | --color-btn-hover-bg: var(--bg-alt) !important; 104 | --color-btn-hover-border: var(--color-border-default) !important; 105 | --color-btn-active-bg: var(--bg-alt) !important; 106 | --color-btn-active-border: var(--color-btn-hover-border) !important; 107 | --color-btn-selected-bg: var(--bg-alt) !important; 108 | --color-btn-focus-bg: var(--bg-alt) !important; 109 | --color-btn-primary-text: var(--fg) !important; 110 | --color-btn-primary-bg: var(--green) !important; 111 | --color-btn-primary-hover-bg: var(--green-dark) !important; 112 | --color-btn-primary-selected-bg: var(--green-dark) !important; 113 | --color-btn-primary-focus-bg: var(--green) !important; 114 | --color-btn-primary-icon: var(--fg) !important; 115 | --color-btn-primary-disabled-bg: var(--green-dark) !important; 116 | --color-btn-primary-disabled-text: var(--subtle) !important; 117 | --color-btn-outline-text: var(--blue) !important; 118 | --color-btn-outline-hover-text: var(--blue) !important; 119 | --color-btn-outline-hover-bg: var(--bg-alt) !important; 120 | --color-btn-outline-selected-text: var(--fg) !important; 121 | --color-btn-outline-selected-bg: var(--blue-dark) !important; 122 | --color-btn-outline-disabled-bg: var(--bg-float) !important; 123 | --color-btn-danger-text: var(--red) !important; 124 | --color-btn-danger-hover-text: var(--fg) !important; 125 | --color-btn-danger-hover-bg: var(--red) !important; 126 | --color-btn-danger-hover-border: var(--red) !important; 127 | --color-btn-danger-hover-icon: var(--fg) !important; 128 | --color-btn-danger-selected-text: var(--fg) !important; 129 | --color-btn-danger-selected-bg: var(--red) !important; 130 | --color-btn-danger-selected-border: var(--orange) !important; 131 | --color-btn-danger-disabled-bg: var(--bg) !important; 132 | --color-btn-danger-focus-border: var(--red) !important; 133 | --color-btn-danger-icon: var(--red) !important; 134 | 135 | /* ANSI */ 136 | --color-ansi-black: #0d1117; 137 | --color-ansi-black-bright: #0d1117; 138 | --color-ansi-white: #b1bac4; 139 | --color-ansi-white-bright: #f0f6fc; 140 | --color-ansi-gray: #6e7681; 141 | --color-ansi-red: var(--red) !important; 142 | --color-ansi-red-bright: var(--red) !important; 143 | --color-ansi-green: var(--green) !important; 144 | --color-ansi-green-bright: var(--green) !important; 145 | --color-ansi-yellow: var(--yellow) !important; 146 | --color-ansi-yellow-bright: var(--yellow) !important; 147 | --color-ansi-blue: var(--blue) !important; 148 | --color-ansi-blue-bright: var(--blue) !important; 149 | --color-ansi-magenta: var(--magenta) !important; 150 | --color-ansi-magenta-bright: var(--magenta) !important; 151 | --color-ansi-cyan: var(--blue) !important; 152 | --color-ansi-cyan-bright: var(--blue) !important; 153 | 154 | /* WORKFLOWS */ 155 | --color-workflow-card-bg: var(--bg-alt) !important; 156 | --color-workflow-card-hover-bg: var(--bg-float) !important; 157 | --color-workflow-card-hover-bg: var(--highlight-overlay) !important; 158 | --color-workflow-card-focus-bg: var(--bg-float) !important; 159 | --color-workflow-card-focus-bg: var(--highlight-overlay) !important; 160 | --color-workflow-card-border: var(--highlight) !important; 161 | 162 | --color-checks-bg: var(--bg-alt) !important; 163 | --color-checks-text-primary: var(--fg) !important; 164 | --color-checks-text-secondary: var(--subtle) !important; 165 | --color-checks-text-link: var(--blue) !important; 166 | --color-checks-btn-icon: var(--fg) !important; 167 | --color-checks-btn-hover-icon: var(--subtle) !important; 168 | --color-checks-input-text: var(--subtle) !important; 169 | --color-checks-input-placeholder-text: var(--inactive) !important; 170 | --color-checks-input-focus-text: var(--fg) !important; 171 | --color-checks-input-bg: var(--bg-float) !important; 172 | --color-checks-donut-error: var(--red) !important; 173 | --color-checks-donut-pending: var(--yellow) !important; 174 | --color-checks-donut-success: var(--green) !important; 175 | --color-checks-donut-neutral: var(--subtle) !important; 176 | --color-checks-dropdown-text: var(--fg) !important; 177 | --color-checks-dropdown-bg: var(--bg-alt) !important; 178 | --color-checks-dropdown-border: var(--bg-float) !important; 179 | --color-checks-dropdown-hover-text: var(--fg) !important; 180 | --color-checks-dropdown-btn-hover-text: var(--fg) !important; 181 | --color-checks-header-label-text: var(--subtle) !important; 182 | --color-checks-header-label-open-text: var(--fg) !important; 183 | --color-checks-header-border: var(--bg-alt) !important; 184 | --color-checks-header-icon: var(--fg) !important; 185 | --color-checks-line-text: var(--fg) !important; 186 | --color-checks-line-num-text: var(--subtle) !important; 187 | --color-checks-line-timestamp-text: var(--subtle) !important; 188 | --color-checks-line-selected-num-text: var(--blue) !important; 189 | --color-checks-line-dt-fm-text: var(--fg) !important; 190 | --color-checks-line-dt-fm-bg: var(--orange) !important; 191 | --color-checks-gate-text: var(--subtle) !important; 192 | --color-checks-gate-waiting-text: var(--yellow) !important; 193 | --color-checks-step-header-open-bg: var(--bg-float) !important; 194 | --color-checks-step-error-text: var(--red) !important; 195 | --color-checks-step-warning-text: var(--yellow) !important; 196 | --color-checks-logline-text: var(--fg) !important; 197 | --color-checks-logline-num-text:var(--subtle) !important; 198 | --color-checks-logline-debug-text: var(--magenta) !important; 199 | --color-checks-logline-error-text: var(--fg) !important; 200 | --color-checks-logline-error-num-text: var(--subtle) !important; 201 | --color-checks-logline-warning-text: var(--fg) !important; 202 | --color-checks-logline-warning-num-text: var(--yellow) !important; 203 | --color-checks-logline-command-text: var(--blue) !important; 204 | --color-checks-logline-section-text: var(--green) !important; 205 | --color-checks-ansi-black: var(--color-ansi-black) !important; 206 | --color-checks-ansi-black-bright: var(--color-ansi-black-bright) !important; 207 | --color-checks-ansi-white: var(--color-ansi-white) !important; 208 | --color-checks-ansi-white-bright: var(--color-ansi-white-bright) !important; 209 | --color-checks-ansi-gray: var(--color-ansi-gray) !important; 210 | --color-checks-ansi-red: var(--color-ansi-red) !important; 211 | --color-checks-ansi-red-bright: var(--color-ansi-red-bright) !important; 212 | --color-checks-ansi-green: var(--color-ansi-green) !important; 213 | --color-checks-ansi-green-bright: var(--color-ansi-green-bright) !important; 214 | --color-checks-ansi-yellow: var(--color-ansi-yellow) !important; 215 | --color-checks-ansi-yellow-bright: var(--color-ansi-yellow-bright) !important; 216 | --color-checks-ansi-blue: var(--color-ansi-blue) !important; 217 | --color-checks-ansi-blue-bright: var(--color-ansi-blue-bright) !important; 218 | --color-checks-ansi-magenta: var(--color-ansi-magenta) !important; 219 | --color-checks-ansi-magenta-bright: var(--color-ansi-magenta-bright) !important; 220 | --color-checks-ansi-cyan: var(--color-ansi-cyan) !important; 221 | --color-checks-ansi-cyan-bright: var(--color-ansi-cyan-bright) !important; 222 | 223 | /* CONTRIBUTION GRAPH */ 224 | --color-calendar-halloween-graph-day-L2-bg: var(--red) !important; 225 | --color-calendar-halloween-graph-day-L3-bg: var(--orange) !important; 226 | --color-calendar-halloween-graph-day-L4-bg:var(--yellow) !important; 227 | --color-calendar-graph-day-bg: var(--bg-alt) !important; 228 | --color-calendar-graph-day-L1-bg: var(--green-dark) !important; 229 | --color-calendar-graph-day-L2-bg: var(--green-dark) !important; 230 | --color-calendar-graph-day-L3-bg: var(--green) !important; 231 | --color-calendar-graph-day-L4-bg: var(--green) !important; 232 | --color-user-mention-fg: var(--fg) !important; 233 | --color-user-mention-bg: var(--yellow) !important; 234 | 235 | /* HEADER */ 236 | --color-header-bg: var(--bg-float) !important; 237 | --color-header-border: var(--highlight) !important; 238 | --color-header-text: var(--fg) !important; 239 | --color-header-search-bg: var(--bg-float) !important; 240 | 241 | /* MARKETING */ 242 | --color-marketing-icon-primary: var(--green) !important; 243 | --color-marketing-icon-secondary: var(--blue-dark) !important; 244 | 245 | /* SEARCH KEYWORD */ 246 | --color-search-keyword-hl: var(--yellow-muted) !important; 247 | 248 | /* DIFFS */ 249 | --color-diff-blob-addition-num-text: var(--fg) !important; 250 | --color-diff-blob-addition-fg: var(--fg) !important; 251 | --color-diff-blob-addition-num-bg: var(--green-muted) !important; 252 | --color-diff-blob-addition-line-bg: var(--green-muted) !important; 253 | --color-diff-blob-addition-word-bg: var(--green-muted) !important; 254 | --color-diff-blob-deletion-num-text: var(--fg) !important; 255 | --color-diff-blob-deletion-fg: var(--fg) !important; 256 | --color-diff-blob-deletion-num-bg: var(--red-muted) !important; 257 | --color-diff-blob-deletion-line-bg: var(--red-muted) !important; 258 | --color-diff-blob-deletion-word-bg: var(--red-muted) !important; 259 | --color-diff-blob-hunk-num-bg: var(--blue-muted) !important; 260 | --color-diff-blob-expander-icon: var(--subtle) !important; 261 | --color-diffstat-deletion-border: var(--red-muted) !important; 262 | --color-diffstat-addition-border: var(--green-muted) !important; 263 | --color-diffstat-addition-bg: var(--green) !important; 264 | 265 | /* PRETTYLIGHTS CODE SYNTAX HIGHLIGHTING */ 266 | --color-prettylights-syntax-comment: var(--subtle) !important; 267 | --color-prettylights-syntax-constant: var(--blue) !important; 268 | --color-prettylights-syntax-entity: var(--magenta) !important; 269 | --color-prettylights-syntax-storage-modifier-import: var(--fg) !important; 270 | --color-prettylights-syntax-entity-tag: var(--green) !important; 271 | --color-prettylights-syntax-keyword: var(--red) !important; 272 | --color-prettylights-syntax-string: var(--green) !important; 273 | --color-prettylights-syntax-variable: var(--yellow) !important; 274 | --color-prettylights-syntax-brackethighlighter-unmatched: var(--orange) !important; 275 | --color-prettylights-syntax-invalid-illegal-text: var(--fg) !important; 276 | --color-prettylights-syntax-invalid-illegal-bg: var(--red) !important; 277 | --color-prettylights-syntax-carriage-return-text: var(--fg) !important; 278 | --color-prettylights-syntax-carriage-return-bg: var(--red) !important; 279 | --color-prettylights-syntax-string-regexp: var(--green) !important; 280 | --color-prettylights-syntax-markup-list: var(--yellow) !important; 281 | --color-prettylights-syntax-markup-heading: var(--blue) !important; 282 | --color-prettylights-syntax-markup-italic: var(--fg) !important; 283 | --color-prettylights-syntax-markup-bold: var(--fg) !important; 284 | --color-prettylights-syntax-markup-deleted-text: var(--fg) !important; 285 | --color-prettylights-syntax-markup-deleted-bg: var(--red) !important; 286 | --color-prettylights-syntax-markup-inserted-text: var(--green) !important; 287 | --color-prettylights-syntax-markup-inserted-bg: var(--green-dark) !important; 288 | --color-prettylights-syntax-markup-changed-text: var(--fg) !important; 289 | --color-prettylights-syntax-markup-changed-bg: var(--red) !important; 290 | --color-prettylights-syntax-markup-ignored-text: var(--fg) !important; 291 | --color-prettylights-syntax-markup-ignored-bg: var(--blue) !important; 292 | --color-prettylights-syntax-meta-diff-range: var(--magenta) !important; 293 | --color-prettylights-syntax-brackethighlighter-angle: var(--subtle) !important; 294 | --color-prettylights-syntax-sublimelinter-gutter-mark: var(--inactive) !important; 295 | --color-prettylights-syntax-constant-other-reference-link: var(--green) !important; 296 | 297 | /* CODE MIRROR */ 298 | --color-codemirror-text: var(--fg) !important; 299 | --color-codemirror-bg: var(--bg) !important; 300 | --color-codemirror-gutters-bg: var(--bg-alt) !important; 301 | --color-codemirror-guttermarker-text: var(--inactive) !important; 302 | --color-codemirror-guttermarker-subtle-text: var(--subtle) !important; 303 | --color-codemirror-linenumber-text: var(--inactive) !important; 304 | --color-codemirror-cursor: var(--highlight) !important; 305 | --color-codemirror-selection-bg: var(--blue-muted) !important; 306 | --color-codemirror-activeline-bg: var(--highlight-alpha) !important; 307 | --color-codemirror-matchingbracket-text: var(--fg) !important; 308 | --color-codemirror-lines-bg: var(--bg) !important; 309 | --color-codemirror-syntax-comment: var(--subtle) !important; 310 | --color-codemirror-syntax-constant: var(--blue) !important; 311 | --color-codemirror-syntax-entity: var(--magenta) !important; 312 | --color-codemirror-syntax-keyword: var(--red) !important; 313 | --color-codemirror-syntax-storage: var(--red) !important; 314 | --color-codemirror-syntax-string: var(--green) !important; 315 | --color-codemirror-syntax-support: var(--highlight-inactive) !important; 316 | --color-codemirror-syntax-variable: var(--yellow) !important; 317 | 318 | /* SOCIAL */ 319 | --color-social-reaction-border: var(--blue) !important; 320 | --color-social-reaction-bg: var(--bg-float) !important; 321 | --color-social-reaction-bg-hover: var(--bg-alt) !important; 322 | --color-social-reaction-bg-reacted-hover: var(--blue-dark) !important; 323 | 324 | /* MISC */ 325 | --color-avatar-bg: var(--inactive) !important; 326 | --color-avatar-border: var(--inactive) !important; 327 | --color-avatar-stack-fade: var(--inactive) !important; 328 | --color-avatar-stack-fade-more: var(--bg-alt) !important; 329 | --color-avatar-child-shadow: -2px -2px 0 var(--bg) !important; 330 | --color-underlinenav-icon: var(--inactive) !important; 331 | --color-underlinenav-border-hover: var(--inactive) !important; 332 | 333 | /* NOTIFICATIONS */ 334 | --color-notifications-button-text: var(--fg) !important; 335 | --color-notifications-button-hover-text: var(--fg) !important; 336 | --color-notifications-button-hover-bg: var(--blue-dark) !important; 337 | 338 | /* MARKDOWN ig */ 339 | --color-mktg-success: var(--green) !important; 340 | --color-mktg-info: var(--blue-dark) !important; 341 | --color-mktg-btn-bg-top: var(--blue) !important; 342 | --color-mktg-btn-bg-bottom: var(--blue) !important; 343 | --color-mktg-btn-bg-overlay-top: var(--blue) !important; 344 | --color-mktg-btn-bg-overlay-bottom:var(--blue-dark) !important; 345 | --color-mktg-btn-text: var(--fg) !important; 346 | --color-mktg-btn-primary-bg-top: var(--green-dark) !important; 347 | --color-mktg-btn-primary-bg-bottom: var(--green-dark) !important; 348 | --color-mktg-btn-primary-bg-overlay-top: var(--green-dark) !important; 349 | --color-mktg-btn-primary-bg-overlay-bottom: var(--green-dark) !important; 350 | --color-mktg-btn-primary-text: var(--fg) !important; 351 | --color-mktg-btn-enterprise-bg-top: var(--magenta) !important; 352 | --color-mktg-btn-enterprise-bg-bottom: var(--magenta) !important; 353 | --color-mktg-btn-enterprise-bg-overlay-top: var(--magenta) !important; 354 | --color-mktg-btn-enterprise-bg-overlay-bottom: var(--magenta) !important; 355 | --color-mktg-btn-enterprise-text: var(--fg) !important; 356 | --color-mktg-btn-outline-text: var(--fg) !important; 357 | --color-mktg-btn-outline-hover-text: var(--fg) !important; 358 | --color-mktg-btn-outline-focus-border: var(--fg) !important; 359 | --color-mktg-btn-dark-text: var(--fg) !important; 360 | --color-mktg-btn-dark-hover-text: var(--fg) !important; 361 | --color-mktg-btn-dark-focus-border: var(--fg) !important; 362 | } 363 | -------------------------------------------------------------------------------- /themes/dracula.css: -------------------------------------------------------------------------------- 1 | /* THEMER <3 GITHUB */ 2 | /* TARUN <3 DRACULA */ 3 | 4 | :root { 5 | /* COLOR PALLETE */ 6 | /* for *-muted variables use 0.4 for alpha */ 7 | --bg: #282a36; 8 | --highlight: #44475a; 9 | --highlight-overlay: var(--highlight); 10 | --highlight-inactive: var(--highlight); 11 | --fg:#f8f8f2; 12 | --bg-float: #2d3135; 13 | --inactive: #50545a; 14 | 15 | --red: #ff5555; 16 | --red-muted: hsla(0, 100%, 67%, 0.4); 17 | 18 | --green: #50fa7b; 19 | --green-muted: hsla(135, 94%, 65%, 0.4); 20 | --green-dark: hsl(135, 64%, 17%); 21 | 22 | --yellow: #f1fa8c; 23 | --yellow-muted: hsla(65, 92%, 76%, 0.4); 24 | 25 | --blue: #8be9fd; 26 | --blue-muted: hsla(191, 97%, 77%, 0.4); 27 | --blue-dark: hsl(191, 44%, 28%); 28 | 29 | --magenta: #bd93f9; 30 | --magenta-muted: hsla(265, 89%, 78%, 0.4); 31 | 32 | --orange: #ffb86c; 33 | --orange-muted: hsla(31, 100%, 71%, 0.4); 34 | 35 | --subtle: #868c9c; 36 | --bg-alt: #191a24; 37 | 38 | /* CHANGE THESE FOR CHANGING SOME HIGHLIGHTS */ 39 | /* GITHUB PRIMER VARIABLES */ 40 | /* https://primer.style/primitives/colors */ 41 | --color-fg-default: var(--fg) !important; 42 | --color-fg-muted: var(--subtle) !important; 43 | --color-fg-subtle: var(--subtle) !important; 44 | --color-fg-on-emphasis: var(--fg) !important; 45 | 46 | --color-canvas-default: var(--bg) !important; 47 | --color-canvas-overlay: var(--bg-float) !important; 48 | --color-canvas-inset: var(--bg-alt) !important; 49 | --color-canvas-subtle: var(--bg-float) !important; 50 | 51 | --color-border-default: var(--inactive) !important; 52 | --color-border-muted: var(--subtle) !important; 53 | --color-border-subtle: var(--subtle) !important; 54 | 55 | --color-shadow-small: 0 0 transparent !important; 56 | --color-shadow-medium: 0 3px 6px var(--bg-alt) !important; 57 | --color-shadow-large: 0 8px 24px var(--bg-alt) !important; 58 | --color-shadow-extra-large: 0 12px 48px var(--bg-alt) !important; 59 | 60 | --color-neutral-emphasis-plus: var(--subtle) !important; 61 | --color-netral-emphasis: var(--subtle) !important; 62 | --color-neutral-muted: var(--inactive) !important; 63 | --color-neutral-subtle: var(--bg-alt) !important; 64 | 65 | --color-accent-fg: var(--blue) !important; 66 | --color-accent-emphasis: var(--blue) !important; 67 | --color-accent-muted: var(--blue-muted) !important; 68 | --color-accent-subtle: var(--blue-muted) !important; 69 | 70 | --color-success-fg: var(--green) !important; 71 | --color-success-emphasis: var(--green-dark) !important; 72 | --color-success-muted: var(--green-muted) !important; 73 | --color-success-subtle: var(--green-muted) !important; 74 | 75 | --color-attention-fg: var(--yellow) !important; 76 | --color-attention-emphasis: var(--yellow) !important; 77 | --color-attention-muted: var(--yellow-muted) !important; 78 | --color-attention-subtle: var(--yellow-muted) !important; 79 | 80 | --color-severe-fg: var(--orange) !important; 81 | --color-severe-emphasis: var(--orange) !important; 82 | --color-severe-muted: var(--orange-muted) !important; 83 | --color-severe-subtle: var(--orange-muted) !important; 84 | 85 | --color-danger-fg: var(--red) !important; 86 | --color-danger-emphasis: var(--red) !important; 87 | --color-danger-muted: var(--red-muted) !important; 88 | --color-danger-subtle: var(--red-muted) !important; 89 | 90 | --color-done-fg: var(--magenta) !important; 91 | --color-done-emphasis: var(--magenta) !important; 92 | --color-done-muted: var(--magenta-muted) !important; 93 | --color-done-subtle: var(--magenta-muted) !important; 94 | 95 | --color-sponsors-fg: var(--magenta) !important; 96 | --color-sponsors-emphasis: var(--magenta) !important; 97 | --color-sponsors-muted: var(--magenta-muted) !important; 98 | --color-sponsors-subtle: var(--magenta-muted) !important; 99 | 100 | --color-primer-border-active: var(--orange) !important; 101 | --color-sidenav-selected-bg: var(--bg-float) !important; 102 | 103 | --color-state-hover-primary-bg: var(--blue-dark) !important; 104 | --color-state-hover-primary-border: var(--blue) !important; 105 | 106 | /* BUTTONS */ 107 | --color-btn-text: var(--fg) !important; 108 | --color-btn-bg: var(--bg-float) !important; 109 | --color-btn-border: var(--color-border-subtle) !important; 110 | --color-btn-hover-bg: var(--bg-alt) !important; 111 | --color-btn-hover-border: var(--color-border-default) !important; 112 | --color-btn-active-bg: var(--bg-alt) !important; 113 | --color-btn-active-border: var(--color-btn-hover-border) !important; 114 | --color-btn-selected-bg: var(--bg-alt) !important; 115 | --color-btn-focus-bg: var(--bg-alt) !important; 116 | --color-btn-primary-text: var(--fg) !important; 117 | --color-btn-primary-bg: var(--green) !important; 118 | --color-btn-primary-hover-bg: var(--green-dark) !important; 119 | --color-btn-primary-selected-bg: var(--green-dark) !important; 120 | --color-btn-primary-focus-bg: var(--green) !important; 121 | --color-btn-primary-icon: var(--fg) !important; 122 | --color-btn-outline-text: var(--blue) !important; 123 | --color-btn-outline-hover-text: var(--blue) !important; 124 | --color-btn-outline-hover-bg: var(--bg-alt) !important; 125 | --color-btn-outline-selected-text: var(--fg) !important; 126 | --color-btn-outline-selected-bg: var(--blue-dark) !important; 127 | --color-btn-outline-disabled-bg: var(--bg-float) !important; 128 | --color-btn-danger-text: var(--red) !important; 129 | --color-btn-danger-hover-text: var(--fg) !important; 130 | --color-btn-danger-hover-bg: var(--red) !important; 131 | --color-btn-danger-hover-border: var(--red) !important; 132 | --color-btn-danger-hover-icon: var(--fg) !important; 133 | --color-btn-danger-selected-text: var(--fg) !important; 134 | --color-btn-danger-selected-bg: var(--red) !important; 135 | --color-btn-danger-selected-border: var(--orange) !important; 136 | --color-btn-danger-disabled-bg: var(--bg) !important; 137 | --color-btn-danger-focus-border: var(--red) !important; 138 | --color-btn-danger-icon: var(--red) !important; 139 | 140 | /* ANSI */ 141 | --color-ansi-black: #0d1117; 142 | --color-ansi-black-bright: #0d1117; 143 | --color-ansi-white: #b1bac4; 144 | --color-ansi-white-bright: #f0f6fc; 145 | --color-ansi-gray: #6e7681; 146 | --color-ansi-red: var(--red) !important; 147 | --color-ansi-red-bright: var(--red) !important; 148 | --color-ansi-green: var(--green) !important; 149 | --color-ansi-green-bright: var(--green) !important; 150 | --color-ansi-yellow: var(--yellow) !important; 151 | --color-ansi-yellow-bright: var(--yellow) !important; 152 | --color-ansi-blue: var(--blue) !important; 153 | --color-ansi-blue-bright: var(--blue) !important; 154 | --color-ansi-magenta: var(--magenta) !important; 155 | --color-ansi-magenta-bright: var(--magenta) !important; 156 | --color-ansi-cyan: var(--blue) !important; 157 | --color-ansi-cyan-bright: var(--blue) !important; 158 | 159 | /* WORKFLOWS */ 160 | --color-workflow-card-bg: var(--bg-alt) !important; 161 | --color-workflow-card-hover-bg: var(--bg-float) !important; 162 | --color-workflow-card-hover-bg: var(--highlight-overlay) !important; 163 | --color-workflow-card-focus-bg: var(--bg-float) !important; 164 | --color-workflow-card-focus-bg: var(--highlight-overlay) !important; 165 | --color-workflow-card-border: var(--highlight) !important; 166 | 167 | --color-checks-bg: var(--bg-alt) !important; 168 | --color-checks-text-primary: var(--fg) !important; 169 | --color-checks-text-secondary: var(--subtle) !important; 170 | --color-checks-text-link: var(--blue) !important; 171 | --color-checks-btn-icon: var(--fg) !important; 172 | --color-checks-btn-hover-icon: var(--subtle) !important; 173 | --color-checks-input-text: var(--subtle) !important; 174 | --color-checks-input-placeholder-text: var(--inactive) !important; 175 | --color-checks-input-focus-text: var(--fg) !important; 176 | --color-checks-input-bg: var(--bg-float) !important; 177 | --color-checks-donut-error: var(--red) !important; 178 | --color-checks-donut-pending: var(--yellow) !important; 179 | --color-checks-donut-success: var(--green) !important; 180 | --color-checks-donut-neutral: var(--subtle) !important; 181 | --color-checks-dropdown-text: var(--fg) !important; 182 | --color-checks-dropdown-bg: var(--bg-alt) !important; 183 | --color-checks-dropdown-border: var(--bg-float) !important; 184 | --color-checks-dropdown-hover-text: var(--fg) !important; 185 | --color-checks-dropdown-btn-hover-text: var(--fg) !important; 186 | --color-checks-header-label-text: var(--subtle) !important; 187 | --color-checks-header-label-open-text: var(--fg) !important; 188 | --color-checks-header-border: var(--bg-alt) !important; 189 | --color-checks-header-icon: var(--fg) !important; 190 | --color-checks-line-text: var(--fg) !important; 191 | --color-checks-line-num-text: var(--subtle) !important; 192 | --color-checks-line-timestamp-text: var(--subtle) !important; 193 | --color-checks-line-selected-num-text: var(--blue) !important; 194 | --color-checks-line-dt-fm-text: var(--fg) !important; 195 | --color-checks-line-dt-fm-bg: var(--orange) !important; 196 | --color-checks-gate-text: var(--subtle) !important; 197 | --color-checks-gate-waiting-text: var(--yellow) !important; 198 | --color-checks-step-header-open-bg: var(--bg-float) !important; 199 | --color-checks-step-error-text: var(--red) !important; 200 | --color-checks-step-warning-text: var(--yellow) !important; 201 | --color-checks-logline-text: var(--fg) !important; 202 | --color-checks-logline-num-text:var(--subtle) !important; 203 | --color-checks-logline-debug-text: var(--magenta) !important; 204 | --color-checks-logline-error-text: var(--fg) !important; 205 | --color-checks-logline-error-num-text: var(--subtle) !important; 206 | --color-checks-logline-warning-text: var(--fg) !important; 207 | --color-checks-logline-warning-num-text: var(--yellow) !important; 208 | --color-checks-logline-command-text: var(--blue) !important; 209 | --color-checks-logline-section-text: var(--green) !important; 210 | --color-checks-ansi-black: var(--color-ansi-black) !important; 211 | --color-checks-ansi-black-bright: var(--color-ansi-black-bright) !important; 212 | --color-checks-ansi-white: var(--color-ansi-white) !important; 213 | --color-checks-ansi-white-bright: var(--color-ansi-white-bright) !important; 214 | --color-checks-ansi-gray: var(--color-ansi-gray) !important; 215 | --color-checks-ansi-red: var(--color-ansi-red) !important; 216 | --color-checks-ansi-red-bright: var(--color-ansi-red-bright) !important; 217 | --color-checks-ansi-green: var(--color-ansi-green) !important; 218 | --color-checks-ansi-green-bright: var(--color-ansi-green-bright) !important; 219 | --color-checks-ansi-yellow: var(--color-ansi-yellow) !important; 220 | --color-checks-ansi-yellow-bright: var(--color-ansi-yellow-bright) !important; 221 | --color-checks-ansi-blue: var(--color-ansi-blue) !important; 222 | --color-checks-ansi-blue-bright: var(--color-ansi-blue-bright) !important; 223 | --color-checks-ansi-magenta: var(--color-ansi-magenta) !important; 224 | --color-checks-ansi-magenta-bright: var(--color-ansi-magenta-bright) !important; 225 | --color-checks-ansi-cyan: var(--color-ansi-cyan) !important; 226 | --color-checks-ansi-cyan-bright: var(--color-ansi-cyan-bright) !important; 227 | 228 | /* CONTRIBUTION GRAPH */ 229 | --color-calendar-halloween-graph-day-L2-bg: var(--red) !important; 230 | --color-calendar-halloween-graph-day-L3-bg: var(--orange) !important; 231 | --color-calendar-halloween-graph-day-L4-bg:var(--yellow) !important; 232 | --color-calendar-graph-day-bg: var(--bg-alt) !important; 233 | --color-calendar-graph-day-L1-bg: var(--green-dark) !important; 234 | --color-calendar-graph-day-L2-bg: var(--green-dark) !important; 235 | --color-calendar-graph-day-L3-bg: var(--green) !important; 236 | --color-calendar-graph-day-L4-bg: var(--green) !important; 237 | --color-user-mention-fg: var(--fg) !important; 238 | --color-user-mention-bg: var(--yellow) !important; 239 | 240 | /* HEADER */ 241 | --color-header-bg: var(--bg-float) !important; 242 | --color-header-border: var(--highlight) !important; 243 | --color-header-text: var(--fg) !important; 244 | --color-header-search-bg: var(--bg-float) !important; 245 | 246 | /* MARKETING */ 247 | --color-marketing-icon-primary: var(--green) !important; 248 | --color-marketing-icon-secondary: var(--blue-dark) !important; 249 | 250 | /* SEARCH KEYWORD */ 251 | --color-search-keyword-hl: var(--yellow-muted) !important; 252 | 253 | /* DIFFS */ 254 | --color-diff-blob-addition-num-text: var(--fg) !important; 255 | --color-diff-blob-addition-fg: var(--fg) !important; 256 | --color-diff-blob-addition-num-bg: var(--green-muted) !important; 257 | --color-diff-blob-addition-line-bg: var(--green-muted) !important; 258 | --color-diff-blob-addition-word-bg: var(--green-muted) !important; 259 | --color-diff-blob-deletion-num-text: var(--fg) !important; 260 | --color-diff-blob-deletion-fg: var(--fg) !important; 261 | --color-diff-blob-deletion-num-bg: var(--red-muted) !important; 262 | --color-diff-blob-deletion-line-bg: var(--red-muted) !important; 263 | --color-diff-blob-deletion-word-bg: var(--red-muted) !important; 264 | --color-diff-blob-hunk-num-bg: var(--blue-muted) !important; 265 | --color-diff-blob-expander-icon: var(--subtle) !important; 266 | --color-diffstat-deletion-border: var(--red-muted) !important; 267 | --color-diffstat-addition-border: var(--green-muted) !important; 268 | --color-diffstat-addition-bg: var(--green) !important; 269 | 270 | /* PRETTYLIGHTS CODE SYNTAX HIGHLIGHTING */ 271 | --color-prettylights-syntax-comment: var(--subtle) !important; 272 | --color-prettylights-syntax-constant: var(--blue) !important; 273 | --color-prettylights-syntax-entity: var(--magenta) !important; 274 | --color-prettylights-syntax-storage-modifier-import: var(--fg) !important; 275 | --color-prettylights-syntax-entity-tag: var(--green) !important; 276 | --color-prettylights-syntax-keyword: var(--red) !important; 277 | --color-prettylights-syntax-string: var(--green) !important; 278 | --color-prettylights-syntax-variable: var(--yellow) !important; 279 | --color-prettylights-syntax-brackethighlighter-unmatched: var(--orange) !important; 280 | --color-prettylights-syntax-invalid-illegal-text: var(--fg) !important; 281 | --color-prettylights-syntax-invalid-illegal-bg: var(--red) !important; 282 | --color-prettylights-syntax-carriage-return-text: var(--fg) !important; 283 | --color-prettylights-syntax-carriage-return-bg: var(--red) !important; 284 | --color-prettylights-syntax-string-regexp: var(--green) !important; 285 | --color-prettylights-syntax-markup-list: var(--yellow) !important; 286 | --color-prettylights-syntax-markup-heading: var(--blue) !important; 287 | --color-prettylights-syntax-markup-italic: var(--fg) !important; 288 | --color-prettylights-syntax-markup-bold: var(--fg) !important; 289 | --color-prettylights-syntax-markup-deleted-text: var(--fg) !important; 290 | --color-prettylights-syntax-markup-deleted-bg: var(--red) !important; 291 | --color-prettylights-syntax-markup-inserted-text: var(--green) !important; 292 | --color-prettylights-syntax-markup-inserted-bg: var(--green-dark) !important; 293 | --color-prettylights-syntax-markup-changed-text: var(--fg) !important; 294 | --color-prettylights-syntax-markup-changed-bg: var(--red) !important; 295 | --color-prettylights-syntax-markup-ignored-text: var(--fg) !important; 296 | --color-prettylights-syntax-markup-ignored-bg: var(--blue) !important; 297 | --color-prettylights-syntax-meta-diff-range: var(--magenta) !important; 298 | --color-prettylights-syntax-brackethighlighter-angle: var(--subtle) !important; 299 | --color-prettylights-syntax-sublimelinter-gutter-mark: var(--inactive) !important; 300 | --color-prettylights-syntax-constant-other-reference-link: var(--green) !important; 301 | 302 | /* CODE MIRROR */ 303 | --color-codemirror-text: var(--fg) !important; 304 | --color-codemirror-bg: var(--bg) !important; 305 | --color-codemirror-gutters-bg: var(--bg-alt) !important; 306 | --color-codemirror-guttermarker-text: var(--inactive) !important; 307 | --color-codemirror-guttermarker-subtle-text: var(--subtle) !important; 308 | --color-codemirror-linenumber-text: var(--inactive) !important; 309 | --color-codemirror-cursor: var(--highlight) !important; 310 | --color-codemirror-selection-bg: var(--blue-muted) !important; 311 | --color-codemirror-activeline-bg: var(--highlight-alpha) !important; 312 | --color-codemirror-matchingbracket-text: var(--fg) !important; 313 | --color-codemirror-lines-bg: var(--bg) !important; 314 | --color-codemirror-syntax-comment: var(--subtle) !important; 315 | --color-codemirror-syntax-constant: var(--blue) !important; 316 | --color-codemirror-syntax-entity: var(--magenta) !important; 317 | --color-codemirror-syntax-keyword: var(--red) !important; 318 | --color-codemirror-syntax-storage: var(--red) !important; 319 | --color-codemirror-syntax-string: var(--green) !important; 320 | --color-codemirror-syntax-support: var(--highlight-inactive) !important; 321 | --color-codemirror-syntax-variable: var(--yellow) !important; 322 | 323 | /* SOCIAL */ 324 | --color-social-reaction-border: var(--blue) !important; 325 | --color-social-reaction-bg: var(--bg-float) !important; 326 | --color-social-reaction-bg-hover: var(--bg-alt) !important; 327 | --color-social-reaction-bg-reacted-hover: var(--blue-dark) !important; 328 | 329 | /* MISC */ 330 | --color-avatar-bg: var(--inactive) !important; 331 | --color-avatar-border: var(--inactive) !important; 332 | --color-avatar-stack-fade: var(--inactive) !important; 333 | --color-avatar-stack-fade-more: var(--bg-alt) !important; 334 | --color-avatar-child-shadow: -2px -2px 0 var(--bg) !important; 335 | --color-underlinenav-icon: var(--inactive) !important; 336 | --color-underlinenav-border-hover: var(--inactive) !important; 337 | 338 | /* NOTIFICATIONS */ 339 | --color-notifications-button-text: var(--fg) !important; 340 | --color-notifications-button-hover-text: var(--fg) !important; 341 | --color-notifications-button-hover-bg: var(--blue-dark) !important; 342 | 343 | /* MARKDOWN ig */ 344 | --color-mktg-success: var(--green) !important; 345 | --color-mktg-info: var(--blue-dark) !important; 346 | --color-mktg-btn-bg-top: var(--blue) !important; 347 | --color-mktg-btn-bg-bottom: var(--blue) !important; 348 | --color-mktg-btn-bg-overlay-top: var(--blue) !important; 349 | --color-mktg-btn-bg-overlay-bottom:var(--blue-dark) !important; 350 | --color-mktg-btn-text: var(--fg) !important; 351 | --color-mktg-btn-primary-bg-top: var(--green-dark) !important; 352 | --color-mktg-btn-primary-bg-bottom: var(--green-dark) !important; 353 | --color-mktg-btn-primary-bg-overlay-top: var(--green-dark) !important; 354 | --color-mktg-btn-primary-bg-overlay-bottom: var(--green-dark) !important; 355 | --color-mktg-btn-primary-text: var(--fg) !important; 356 | --color-mktg-btn-enterprise-bg-top: var(--magenta) !important; 357 | --color-mktg-btn-enterprise-bg-bottom: var(--magenta) !important; 358 | --color-mktg-btn-enterprise-bg-overlay-top: var(--magenta) !important; 359 | --color-mktg-btn-enterprise-bg-overlay-bottom: var(--magenta) !important; 360 | --color-mktg-btn-enterprise-text: var(--fg) !important; 361 | --color-mktg-btn-outline-text: var(--fg) !important; 362 | --color-mktg-btn-outline-hover-text: var(--fg) !important; 363 | --color-mktg-btn-outline-focus-border: var(--fg) !important; 364 | --color-mktg-btn-dark-text: var(--fg) !important; 365 | --color-mktg-btn-dark-hover-text: var(--fg) !important; 366 | --color-mktg-btn-dark-focus-border: var(--fg) !important; 367 | } 368 | -------------------------------------------------------------------------------- /themes/kanagawa.css: -------------------------------------------------------------------------------- 1 | :root { 2 | /* COLOR PALLETE */ 3 | /* for *-muted variables use 0.4 for alpha */ 4 | --bg: #1F1F28; 5 | --highlight: #223249; 6 | --highlight-overlay: #2D4F67; 7 | --highlight-inactive: var(--highlight); 8 | --fg: #DCD7BA; 9 | --bg-float: #16161D; 10 | --inactive: #54546D; 11 | --red: #E82424; 12 | --red-muted: #43242B; 13 | --green: #76946A; 14 | --green-muted:#2B3328; 15 | --green-dark: ; 16 | --yellow: #FF9E3B; 17 | --yellow-muted: #49443C; 18 | --blue: #658594; 19 | --blue-muted: #252535; 20 | --blue-dark: #223249; 21 | --magenta: #938AA9; 22 | --magenta-muted: #363646; 23 | --orange: #FFA066; 24 | --orange-muted: #938056; 25 | --subtle: #727169; 26 | --bg-alt: #16161D; 27 | 28 | /* CHANGE THESE FOR CHANGING SOME HIGHLIGHTS */ 29 | /* GITHUB PRIMER VARIABLES */ 30 | /* https://primer.style/primitives/colors */ 31 | --color-fg-default: var(--fg) !important; 32 | --color-fg-muted: var(--subtle) !important; 33 | --color-fg-subtle: var(--subtle) !important; 34 | --color-fg-on-emphasis: var(--fg) !important; 35 | 36 | --color-canvas-default: var(--bg) !important; 37 | --color-canvas-overlay: var(--bg-float) !important; 38 | --color-canvas-inset: var(--bg-alt) !important; 39 | --color-canvas-subtle: var(--bg-float) !important; 40 | 41 | --color-border-default: var(--inactive) !important; 42 | --color-border-muted: var(--subtle) !important; 43 | --color-border-subtle: var(--subtle) !important; 44 | 45 | --color-shadow-small: 0 0 transparent !important; 46 | --color-shadow-medium: 0 3px 6px var(--bg-alt) !important; 47 | --color-shadow-large: 0 8px 24px var(--bg-alt) !important; 48 | --color-shadow-extra-large: 0 12px 48px var(--bg-alt) !important; 49 | 50 | --color-neutral-emphasis-plus: var(--subtle) !important; 51 | --color-netral-emphasis: var(--subtle) !important; 52 | --color-neutral-muted: var(--inactive) !important; 53 | --color-neutral-subtle: var(--bg-alt) !important; 54 | 55 | --color-accent-fg: var(--blue) !important; 56 | --color-accent-emphasis: var(--blue) !important; 57 | --color-accent-muted: var(--blue-muted) !important; 58 | --color-accent-subtle: var(--blue-muted) !important; 59 | 60 | --color-success-fg: var(--green) !important; 61 | --color-success-emphasis: var(--green-dark) !important; 62 | --color-success-muted: var(--green-muted) !important; 63 | --color-success-subtle: var(--green-muted) !important; 64 | 65 | --color-attention-fg: var(--yellow) !important; 66 | --color-attention-emphasis: var(--yellow) !important; 67 | --color-attention-muted: var(--yellow-muted) !important; 68 | --color-attention-subtle: var(--yellow-muted) !important; 69 | 70 | --color-severe-fg: var(--orange) !important; 71 | --color-severe-emphasis: var(--orange) !important; 72 | --color-severe-muted: var(--orange-muted) !important; 73 | --color-severe-subtle: var(--orange-muted) !important; 74 | 75 | --color-danger-fg: var(--red) !important; 76 | --color-danger-emphasis: var(--red) !important; 77 | --color-danger-muted: var(--red-muted) !important; 78 | --color-danger-subtle: var(--red-muted) !important; 79 | 80 | --color-done-fg: var(--magenta) !important; 81 | --color-done-emphasis: var(--magenta) !important; 82 | --color-done-muted: var(--magenta-muted) !important; 83 | --color-done-subtle: var(--magenta-muted) !important; 84 | 85 | --color-sponsors-fg: var(--magenta) !important; 86 | --color-sponsors-emphasis: var(--magenta) !important; 87 | --color-sponsors-muted: var(--magenta-muted) !important; 88 | --color-sponsors-subtle: var(--magenta-muted) !important; 89 | 90 | --color-primer-border-active: var(--orange) !important; 91 | --color-sidenav-selected-bg: var(--bg-float) !important; 92 | 93 | --color-state-hover-primary-bg: var(--blue-dark) !important; 94 | --color-state-hover-primary-border: var(--blue) !important; 95 | 96 | /* BUTTONS */ 97 | --color-btn-text: var(--fg) !important; 98 | --color-btn-bg: var(--bg-float) !important; 99 | --color-btn-border: var(--color-border-subtle) !important; 100 | --color-btn-hover-bg: var(--bg-alt) !important; 101 | --color-btn-hover-border: var(--color-border-default) !important; 102 | --color-btn-active-bg: var(--bg-alt) !important; 103 | --color-btn-active-border: var(--color-btn-hover-border) !important; 104 | --color-btn-selected-bg: var(--bg-alt) !important; 105 | --color-btn-focus-bg: var(--bg-alt) !important; 106 | --color-btn-primary-text: var(--fg) !important; 107 | --color-btn-primary-bg: var(--green) !important; 108 | --color-btn-primary-hover-bg: var(--green-dark) !important; 109 | --color-btn-primary-selected-bg: var(--green-dark) !important; 110 | --color-btn-primary-focus-bg: var(--green) !important; 111 | --color-btn-primary-icon: var(--fg) !important; 112 | --color-btn-primary-disabled-bg: var(--green-dark) !important; 113 | --color-btn-primary-disabled-text: var(--subtle) !important; 114 | --color-btn-outline-text: var(--blue) !important; 115 | --color-btn-outline-hover-text: var(--blue) !important; 116 | --color-btn-outline-hover-bg: var(--bg-alt) !important; 117 | --color-btn-outline-selected-text: var(--fg) !important; 118 | --color-btn-outline-selected-bg: var(--blue-dark) !important; 119 | --color-btn-outline-disabled-bg: var(--bg-float) !important; 120 | --color-btn-danger-text: var(--red) !important; 121 | --color-btn-danger-hover-text: var(--fg) !important; 122 | --color-btn-danger-hover-bg: var(--red) !important; 123 | --color-btn-danger-hover-border: var(--red) !important; 124 | --color-btn-danger-hover-icon: var(--fg) !important; 125 | --color-btn-danger-selected-text: var(--fg) !important; 126 | --color-btn-danger-selected-bg: var(--red) !important; 127 | --color-btn-danger-selected-border: var(--orange) !important; 128 | --color-btn-danger-disabled-bg: var(--bg) !important; 129 | --color-btn-danger-focus-border: var(--red) !important; 130 | --color-btn-danger-icon: var(--red) !important; 131 | 132 | /* ANSI */ 133 | --color-ansi-black: #0d1117; 134 | --color-ansi-black-bright: #0d1117; 135 | --color-ansi-white: #b1bac4; 136 | --color-ansi-white-bright: #f0f6fc; 137 | --color-ansi-gray: #6e7681; 138 | --color-ansi-red: var(--red) !important; 139 | --color-ansi-red-bright: var(--red) !important; 140 | --color-ansi-green: var(--green) !important; 141 | --color-ansi-green-bright: var(--green) !important; 142 | --color-ansi-yellow: var(--yellow) !important; 143 | --color-ansi-yellow-bright: var(--yellow) !important; 144 | --color-ansi-blue: var(--blue) !important; 145 | --color-ansi-blue-bright: var(--blue) !important; 146 | --color-ansi-magenta: var(--magenta) !important; 147 | --color-ansi-magenta-bright: var(--magenta) !important; 148 | --color-ansi-cyan: var(--blue) !important; 149 | --color-ansi-cyan-bright: var(--blue) !important; 150 | 151 | /* WORKFLOWS */ 152 | --color-workflow-card-bg: var(--bg-alt) !important; 153 | --color-workflow-card-hover-bg: var(--bg-float) !important; 154 | --color-workflow-card-hover-bg: var(--highlight-overlay) !important; 155 | --color-workflow-card-focus-bg: var(--bg-float) !important; 156 | --color-workflow-card-focus-bg: var(--highlight-overlay) !important; 157 | --color-workflow-card-border: var(--highlight) !important; 158 | 159 | --color-checks-bg: var(--bg-alt) !important; 160 | --color-checks-text-primary: var(--fg) !important; 161 | --color-checks-text-secondary: var(--subtle) !important; 162 | --color-checks-text-link: var(--blue) !important; 163 | --color-checks-btn-icon: var(--fg) !important; 164 | --color-checks-btn-hover-icon: var(--subtle) !important; 165 | --color-checks-input-text: var(--subtle) !important; 166 | --color-checks-input-placeholder-text: var(--inactive) !important; 167 | --color-checks-input-focus-text: var(--fg) !important; 168 | --color-checks-input-bg: var(--bg-float) !important; 169 | --color-checks-donut-error: var(--red) !important; 170 | --color-checks-donut-pending: var(--yellow) !important; 171 | --color-checks-donut-success: var(--green) !important; 172 | --color-checks-donut-neutral: var(--subtle) !important; 173 | --color-checks-dropdown-text: var(--fg) !important; 174 | --color-checks-dropdown-bg: var(--bg-alt) !important; 175 | --color-checks-dropdown-border: var(--bg-float) !important; 176 | --color-checks-dropdown-hover-text: var(--fg) !important; 177 | --color-checks-dropdown-btn-hover-text: var(--fg) !important; 178 | --color-checks-header-label-text: var(--subtle) !important; 179 | --color-checks-header-label-open-text: var(--fg) !important; 180 | --color-checks-header-border: var(--bg-alt) !important; 181 | --color-checks-header-icon: var(--fg) !important; 182 | --color-checks-line-text: var(--fg) !important; 183 | --color-checks-line-num-text: var(--subtle) !important; 184 | --color-checks-line-timestamp-text: var(--subtle) !important; 185 | --color-checks-line-selected-num-text: var(--blue) !important; 186 | --color-checks-line-dt-fm-text: var(--fg) !important; 187 | --color-checks-line-dt-fm-bg: var(--orange) !important; 188 | --color-checks-gate-text: var(--subtle) !important; 189 | --color-checks-gate-waiting-text: var(--yellow) !important; 190 | --color-checks-step-header-open-bg: var(--bg-float) !important; 191 | --color-checks-step-error-text: var(--red) !important; 192 | --color-checks-step-warning-text: var(--yellow) !important; 193 | --color-checks-logline-text: var(--fg) !important; 194 | --color-checks-logline-num-text:var(--subtle) !important; 195 | --color-checks-logline-debug-text: var(--magenta) !important; 196 | --color-checks-logline-error-text: var(--fg) !important; 197 | --color-checks-logline-error-num-text: var(--subtle) !important; 198 | --color-checks-logline-warning-text: var(--fg) !important; 199 | --color-checks-logline-warning-num-text: var(--yellow) !important; 200 | --color-checks-logline-command-text: var(--blue) !important; 201 | --color-checks-logline-section-text: var(--green) !important; 202 | --color-checks-ansi-black: var(--color-ansi-black) !important; 203 | --color-checks-ansi-black-bright: var(--color-ansi-black-bright) !important; 204 | --color-checks-ansi-white: var(--color-ansi-white) !important; 205 | --color-checks-ansi-white-bright: var(--color-ansi-white-bright) !important; 206 | --color-checks-ansi-gray: var(--color-ansi-gray) !important; 207 | --color-checks-ansi-red: var(--color-ansi-red) !important; 208 | --color-checks-ansi-red-bright: var(--color-ansi-red-bright) !important; 209 | --color-checks-ansi-green: var(--color-ansi-green) !important; 210 | --color-checks-ansi-green-bright: var(--color-ansi-green-bright) !important; 211 | --color-checks-ansi-yellow: var(--color-ansi-yellow) !important; 212 | --color-checks-ansi-yellow-bright: var(--color-ansi-yellow-bright) !important; 213 | --color-checks-ansi-blue: var(--color-ansi-blue) !important; 214 | --color-checks-ansi-blue-bright: var(--color-ansi-blue-bright) !important; 215 | --color-checks-ansi-magenta: var(--color-ansi-magenta) !important; 216 | --color-checks-ansi-magenta-bright: var(--color-ansi-magenta-bright) !important; 217 | --color-checks-ansi-cyan: var(--color-ansi-cyan) !important; 218 | --color-checks-ansi-cyan-bright: var(--color-ansi-cyan-bright) !important; 219 | 220 | /* CONTRIBUTION GRAPH */ 221 | --color-calendar-halloween-graph-day-L2-bg: var(--red) !important; 222 | --color-calendar-halloween-graph-day-L3-bg: var(--orange) !important; 223 | --color-calendar-halloween-graph-day-L4-bg:var(--yellow) !important; 224 | --color-calendar-graph-day-bg: var(--bg-alt) !important; 225 | --color-calendar-graph-day-L1-bg: var(--green-dark) !important; 226 | --color-calendar-graph-day-L2-bg: var(--green-dark) !important; 227 | --color-calendar-graph-day-L3-bg: var(--green) !important; 228 | --color-calendar-graph-day-L4-bg: var(--green) !important; 229 | --color-user-mention-fg: var(--fg) !important; 230 | --color-user-mention-bg: var(--yellow) !important; 231 | 232 | /* HEADER */ 233 | --color-header-bg: var(--bg-float) !important; 234 | --color-header-border: var(--highlight) !important; 235 | --color-header-text: var(--fg) !important; 236 | --color-header-search-bg: var(--bg-float) !important; 237 | 238 | /* MARKETING */ 239 | --color-marketing-icon-primary: var(--green) !important; 240 | --color-marketing-icon-secondary: var(--blue-dark) !important; 241 | 242 | /* SEARCH KEYWORD */ 243 | --color-search-keyword-hl: var(--yellow-muted) !important; 244 | 245 | /* DIFFS */ 246 | --color-diff-blob-addition-num-text: var(--fg) !important; 247 | --color-diff-blob-addition-fg: var(--fg) !important; 248 | --color-diff-blob-addition-num-bg: var(--green-muted) !important; 249 | --color-diff-blob-addition-line-bg: var(--green-muted) !important; 250 | --color-diff-blob-addition-word-bg: var(--green-muted) !important; 251 | --color-diff-blob-deletion-num-text: var(--fg) !important; 252 | --color-diff-blob-deletion-fg: var(--fg) !important; 253 | --color-diff-blob-deletion-num-bg: var(--red-muted) !important; 254 | --color-diff-blob-deletion-line-bg: var(--red-muted) !important; 255 | --color-diff-blob-deletion-word-bg: var(--red-muted) !important; 256 | --color-diff-blob-hunk-num-bg: var(--blue-muted) !important; 257 | --color-diff-blob-expander-icon: var(--subtle) !important; 258 | --color-diffstat-deletion-border: var(--red-muted) !important; 259 | --color-diffstat-addition-border: var(--green-muted) !important; 260 | --color-diffstat-addition-bg: var(--green) !important; 261 | 262 | /* PRETTYLIGHTS CODE SYNTAX HIGHLIGHTING */ 263 | --color-prettylights-syntax-comment: var(--subtle) !important; 264 | --color-prettylights-syntax-constant: var(--blue) !important; 265 | --color-prettylights-syntax-entity: var(--magenta) !important; 266 | --color-prettylights-syntax-storage-modifier-import: var(--fg) !important; 267 | --color-prettylights-syntax-entity-tag: var(--green) !important; 268 | --color-prettylights-syntax-keyword: var(--red) !important; 269 | --color-prettylights-syntax-string: var(--green) !important; 270 | --color-prettylights-syntax-variable: var(--yellow) !important; 271 | --color-prettylights-syntax-brackethighlighter-unmatched: var(--orange) !important; 272 | --color-prettylights-syntax-invalid-illegal-text: var(--fg) !important; 273 | --color-prettylights-syntax-invalid-illegal-bg: var(--red) !important; 274 | --color-prettylights-syntax-carriage-return-text: var(--fg) !important; 275 | --color-prettylights-syntax-carriage-return-bg: var(--red) !important; 276 | --color-prettylights-syntax-string-regexp: var(--green) !important; 277 | --color-prettylights-syntax-markup-list: var(--yellow) !important; 278 | --color-prettylights-syntax-markup-heading: var(--blue) !important; 279 | --color-prettylights-syntax-markup-italic: var(--fg) !important; 280 | --color-prettylights-syntax-markup-bold: var(--fg) !important; 281 | --color-prettylights-syntax-markup-deleted-text: var(--fg) !important; 282 | --color-prettylights-syntax-markup-deleted-bg: var(--red) !important; 283 | --color-prettylights-syntax-markup-inserted-text: var(--green) !important; 284 | --color-prettylights-syntax-markup-inserted-bg: var(--green-dark) !important; 285 | --color-prettylights-syntax-markup-changed-text: var(--fg) !important; 286 | --color-prettylights-syntax-markup-changed-bg: var(--red) !important; 287 | --color-prettylights-syntax-markup-ignored-text: var(--fg) !important; 288 | --color-prettylights-syntax-markup-ignored-bg: var(--blue) !important; 289 | --color-prettylights-syntax-meta-diff-range: var(--magenta) !important; 290 | --color-prettylights-syntax-brackethighlighter-angle: var(--subtle) !important; 291 | --color-prettylights-syntax-sublimelinter-gutter-mark: var(--inactive) !important; 292 | --color-prettylights-syntax-constant-other-reference-link: var(--green) !important; 293 | 294 | /* CODE MIRROR */ 295 | --color-codemirror-text: var(--fg) !important; 296 | --color-codemirror-bg: var(--bg) !important; 297 | --color-codemirror-gutters-bg: var(--bg-alt) !important; 298 | --color-codemirror-guttermarker-text: var(--inactive) !important; 299 | --color-codemirror-guttermarker-subtle-text: var(--subtle) !important; 300 | --color-codemirror-linenumber-text: var(--inactive) !important; 301 | --color-codemirror-cursor: var(--highlight) !important; 302 | --color-codemirror-selection-bg: var(--blue-muted) !important; 303 | --color-codemirror-activeline-bg: var(--highlight-alpha) !important; 304 | --color-codemirror-matchingbracket-text: var(--fg) !important; 305 | --color-codemirror-lines-bg: var(--bg) !important; 306 | --color-codemirror-syntax-comment: var(--subtle) !important; 307 | --color-codemirror-syntax-constant: var(--blue) !important; 308 | --color-codemirror-syntax-entity: var(--magenta) !important; 309 | --color-codemirror-syntax-keyword: var(--red) !important; 310 | --color-codemirror-syntax-storage: var(--red) !important; 311 | --color-codemirror-syntax-string: var(--green) !important; 312 | --color-codemirror-syntax-support: var(--highlight-inactive) !important; 313 | --color-codemirror-syntax-variable: var(--yellow) !important; 314 | 315 | /* SOCIAL */ 316 | --color-social-reaction-border: var(--blue) !important; 317 | --color-social-reaction-bg: var(--bg-float) !important; 318 | --color-social-reaction-bg-hover: var(--bg-alt) !important; 319 | --color-social-reaction-bg-reacted-hover: var(--blue-dark) !important; 320 | 321 | /* MISC */ 322 | --color-avatar-bg: var(--inactive) !important; 323 | --color-avatar-border: var(--inactive) !important; 324 | --color-avatar-stack-fade: var(--inactive) !important; 325 | --color-avatar-stack-fade-more: var(--bg-alt) !important; 326 | --color-avatar-child-shadow: -2px -2px 0 var(--bg) !important; 327 | --color-underlinenav-icon: var(--inactive) !important; 328 | --color-underlinenav-border-hover: var(--inactive) !important; 329 | 330 | /* NOTIFICATIONS */ 331 | --color-notifications-button-text: var(--fg) !important; 332 | --color-notifications-button-hover-text: var(--fg) !important; 333 | --color-notifications-button-hover-bg: var(--blue-dark) !important; 334 | 335 | /* MARKDOWN ig */ 336 | --color-mktg-success: var(--green) !important; 337 | --color-mktg-info: var(--blue-dark) !important; 338 | --color-mktg-btn-bg-top: var(--blue) !important; 339 | --color-mktg-btn-bg-bottom: var(--blue) !important; 340 | --color-mktg-btn-bg-overlay-top: var(--blue) !important; 341 | --color-mktg-btn-bg-overlay-bottom:var(--blue-dark) !important; 342 | --color-mktg-btn-text: var(--fg) !important; 343 | --color-mktg-btn-primary-bg-top: var(--green-dark) !important; 344 | --color-mktg-btn-primary-bg-bottom: var(--green-dark) !important; 345 | --color-mktg-btn-primary-bg-overlay-top: var(--green-dark) !important; 346 | --color-mktg-btn-primary-bg-overlay-bottom: var(--green-dark) !important; 347 | --color-mktg-btn-primary-text: var(--fg) !important; 348 | --color-mktg-btn-enterprise-bg-top: var(--magenta) !important; 349 | --color-mktg-btn-enterprise-bg-bottom: var(--magenta) !important; 350 | --color-mktg-btn-enterprise-bg-overlay-top: var(--magenta) !important; 351 | --color-mktg-btn-enterprise-bg-overlay-bottom: var(--magenta) !important; 352 | --color-mktg-btn-enterprise-text: var(--fg) !important; 353 | --color-mktg-btn-outline-text: var(--fg) !important; 354 | --color-mktg-btn-outline-hover-text: var(--fg) !important; 355 | --color-mktg-btn-outline-focus-border: var(--fg) !important; 356 | --color-mktg-btn-dark-text: var(--fg) !important; 357 | --color-mktg-btn-dark-hover-text: var(--fg) !important; 358 | --color-mktg-btn-dark-focus-border: var(--fg) !important; 359 | } 360 | -------------------------------------------------------------------------------- /themes/onedark.css: -------------------------------------------------------------------------------- 1 | :root { 2 | /* COLOR PALLETE */ 3 | /* for *-muted variables use 0.4 for alpha */ 4 | --bg: #282c34; 5 | --highlight: #545862; 6 | --highlight-overlay: var(--highlight); 7 | --highlight-inactive: var(--highlight); 8 | --fg:#abb2bf; 9 | --bg-float: #282c34; 10 | --inactive: #282c34; 11 | --red: hsl(5, 48%, 51%); 12 | --red-muted: hsla(5, 48%, 51%, 0.4); 13 | --green: hsl(95, 38%, 52%); 14 | --green-muted: hsla(95, 58%, 62%, 0.8); 15 | --green-dark: hsl(95, 38%, 50%); 16 | --yellow: hsl(39, 67%, 69%); 17 | --yellow-muted: hsl(39, 67%, 69%, 0.8); 18 | --blue: hsl(207, 82%, 68%); 19 | --blue-muted: hsla(207, 82%, 68%, 0.8); 20 | --blue-dark: hsl(207, 82%, 30%); 21 | --magenta: hsl(286, 60%, 67%); 22 | --magenta-muted: hsla(286, 60%, 67%, 0.8); 23 | --orange: hsl(29, 54%, 61%); 24 | --orange-muted: hsla(29, 54%, 61%, 0.8); 25 | --subtle: #565c64; 26 | --bg-alt: #282c34; 27 | 28 | 29 | 30 | /* CHANGE THESE FOR CHANGING SOME HIGHLIGHTS */ 31 | /* GITHUB PRIMER VARIABLES */ 32 | /* https://primer.style/primitives/colors */ 33 | --color-fg-default: var(--fg) !important; 34 | --color-fg-muted: var(--subtle) !important; 35 | --color-fg-subtle: var(--subtle) !important; 36 | --color-fg-on-emphasis: var(--fg) !important; 37 | 38 | --color-canvas-default: var(--bg) !important; 39 | --color-canvas-overlay: var(--bg-float) !important; 40 | --color-canvas-inset: var(--bg-alt) !important; 41 | --color-canvas-subtle: var(--bg-float) !important; 42 | 43 | --color-border-default: var(--inactive) !important; 44 | --color-border-muted: var(--subtle) !important; 45 | --color-border-subtle: var(--subtle) !important; 46 | 47 | --color-shadow-small: 0 0 transparent !important; 48 | --color-shadow-medium: 0 3px 6px var(--bg-alt) !important; 49 | --color-shadow-large: 0 8px 24px var(--bg-alt) !important; 50 | --color-shadow-extra-large: 0 12px 48px var(--bg-alt) !important; 51 | 52 | --color-neutral-emphasis-plus: var(--subtle) !important; 53 | --color-netral-emphasis: var(--subtle) !important; 54 | --color-neutral-muted: var(--inactive) !important; 55 | --color-neutral-subtle: var(--bg-alt) !important; 56 | 57 | --color-accent-fg: var(--blue) !important; 58 | --color-accent-emphasis: var(--blue) !important; 59 | --color-accent-muted: var(--blue-muted) !important; 60 | --color-accent-subtle: var(--blue-muted) !important; 61 | 62 | --color-success-fg: var(--green) !important; 63 | --color-success-emphasis: var(--green-dark) !important; 64 | --color-success-muted: var(--green-muted) !important; 65 | --color-success-subtle: var(--green-muted) !important; 66 | 67 | --color-attention-fg: var(--yellow) !important; 68 | --color-attention-emphasis: var(--yellow) !important; 69 | --color-attention-muted: var(--yellow-muted) !important; 70 | --color-attention-subtle: var(--yellow-muted) !important; 71 | 72 | --color-severe-fg: var(--orange) !important; 73 | --color-severe-emphasis: var(--orange) !important; 74 | --color-severe-muted: var(--orange-muted) !important; 75 | --color-severe-subtle: var(--orange-muted) !important; 76 | 77 | --color-danger-fg: var(--red) !important; 78 | --color-danger-emphasis: var(--red) !important; 79 | --color-danger-muted: var(--red-muted) !important; 80 | --color-danger-subtle: var(--red-muted) !important; 81 | 82 | --color-done-fg: var(--magenta) !important; 83 | --color-done-emphasis: var(--magenta) !important; 84 | --color-done-muted: var(--magenta-muted) !important; 85 | --color-done-subtle: var(--magenta-muted) !important; 86 | 87 | --color-sponsors-fg: var(--magenta) !important; 88 | --color-sponsors-emphasis: var(--magenta) !important; 89 | --color-sponsors-muted: var(--magenta-muted) !important; 90 | --color-sponsors-subtle: var(--magenta-muted) !important; 91 | 92 | --color-primer-border-active: var(--orange) !important; 93 | --color-sidenav-selected-bg: var(--bg-float) !important; 94 | 95 | --color-state-hover-primary-bg: var(--blue-dark) !important; 96 | --color-state-hover-primary-border: var(--blue) !important; 97 | 98 | /* BUTTONS */ 99 | --color-btn-text: var(--fg) !important; 100 | --color-btn-bg: var(--bg-float) !important; 101 | --color-btn-border: var(--color-border-subtle) !important; 102 | --color-btn-hover-bg: var(--bg-alt) !important; 103 | --color-btn-hover-border: var(--color-border-default) !important; 104 | --color-btn-active-bg: var(--bg-alt) !important; 105 | --color-btn-active-border: var(--color-btn-hover-border) !important; 106 | --color-btn-selected-bg: var(--bg-alt) !important; 107 | --color-btn-focus-bg: var(--bg-alt) !important; 108 | --color-btn-primary-text: var(--fg) !important; 109 | --color-btn-primary-bg: var(--green) !important; 110 | --color-btn-primary-hover-bg: var(--green-dark) !important; 111 | --color-btn-primary-selected-bg: var(--green-dark) !important; 112 | --color-btn-primary-focus-bg: var(--green) !important; 113 | --color-btn-primary-icon: var(--fg) !important; 114 | --color-btn-primary-disabled-bg: var(--green-dark) !important; 115 | --color-btn-primary-disabled-text: var(--subtle) !important; 116 | --color-btn-outline-text: var(--blue) !important; 117 | --color-btn-outline-hover-text: var(--blue) !important; 118 | --color-btn-outline-hover-bg: var(--bg-alt) !important; 119 | --color-btn-outline-selected-text: var(--fg) !important; 120 | --color-btn-outline-selected-bg: var(--blue-dark) !important; 121 | --color-btn-outline-disabled-bg: var(--bg-float) !important; 122 | --color-btn-danger-text: var(--red) !important; 123 | --color-btn-danger-hover-text: var(--fg) !important; 124 | --color-btn-danger-hover-bg: var(--red) !important; 125 | --color-btn-danger-hover-border: var(--red) !important; 126 | --color-btn-danger-hover-icon: var(--fg) !important; 127 | --color-btn-danger-selected-text: var(--fg) !important; 128 | --color-btn-danger-selected-bg: var(--red) !important; 129 | --color-btn-danger-selected-border: var(--orange) !important; 130 | --color-btn-danger-disabled-bg: var(--bg) !important; 131 | --color-btn-danger-focus-border: var(--red) !important; 132 | --color-btn-danger-icon: var(--red) !important; 133 | 134 | /* ANSI */ 135 | --color-ansi-black: #0d1117; 136 | --color-ansi-black-bright: #0d1117; 137 | --color-ansi-white: #b1bac4; 138 | --color-ansi-white-bright: #f0f6fc; 139 | --color-ansi-gray: #6e7681; 140 | --color-ansi-red: var(--red) !important; 141 | --color-ansi-red-bright: var(--red) !important; 142 | --color-ansi-green: var(--green) !important; 143 | --color-ansi-green-bright: var(--green) !important; 144 | --color-ansi-yellow: var(--yellow) !important; 145 | --color-ansi-yellow-bright: var(--yellow) !important; 146 | --color-ansi-blue: var(--blue) !important; 147 | --color-ansi-blue-bright: var(--blue) !important; 148 | --color-ansi-magenta: var(--magenta) !important; 149 | --color-ansi-magenta-bright: var(--magenta) !important; 150 | --color-ansi-cyan: var(--blue) !important; 151 | --color-ansi-cyan-bright: var(--blue) !important; 152 | 153 | /* WORKFLOWS */ 154 | --color-workflow-card-bg: var(--bg-alt) !important; 155 | --color-workflow-card-hover-bg: var(--bg-float) !important; 156 | --color-workflow-card-hover-bg: var(--highlight-overlay) !important; 157 | --color-workflow-card-focus-bg: var(--bg-float) !important; 158 | --color-workflow-card-focus-bg: var(--highlight-overlay) !important; 159 | --color-workflow-card-border: var(--highlight) !important; 160 | 161 | --color-checks-bg: var(--bg-alt) !important; 162 | --color-checks-text-primary: var(--fg) !important; 163 | --color-checks-text-secondary: var(--subtle) !important; 164 | --color-checks-text-link: var(--blue) !important; 165 | --color-checks-btn-icon: var(--fg) !important; 166 | --color-checks-btn-hover-icon: var(--subtle) !important; 167 | --color-checks-input-text: var(--subtle) !important; 168 | --color-checks-input-placeholder-text: var(--inactive) !important; 169 | --color-checks-input-focus-text: var(--fg) !important; 170 | --color-checks-input-bg: var(--bg-float) !important; 171 | --color-checks-donut-error: var(--red) !important; 172 | --color-checks-donut-pending: var(--yellow) !important; 173 | --color-checks-donut-success: var(--green) !important; 174 | --color-checks-donut-neutral: var(--subtle) !important; 175 | --color-checks-dropdown-text: var(--fg) !important; 176 | --color-checks-dropdown-bg: var(--bg-alt) !important; 177 | --color-checks-dropdown-border: var(--bg-float) !important; 178 | --color-checks-dropdown-hover-text: var(--fg) !important; 179 | --color-checks-dropdown-btn-hover-text: var(--fg) !important; 180 | --color-checks-header-label-text: var(--subtle) !important; 181 | --color-checks-header-label-open-text: var(--fg) !important; 182 | --color-checks-header-border: var(--bg-alt) !important; 183 | --color-checks-header-icon: var(--fg) !important; 184 | --color-checks-line-text: var(--fg) !important; 185 | --color-checks-line-num-text: var(--subtle) !important; 186 | --color-checks-line-timestamp-text: var(--subtle) !important; 187 | --color-checks-line-selected-num-text: var(--blue) !important; 188 | --color-checks-line-dt-fm-text: var(--fg) !important; 189 | --color-checks-line-dt-fm-bg: var(--orange) !important; 190 | --color-checks-gate-text: var(--subtle) !important; 191 | --color-checks-gate-waiting-text: var(--yellow) !important; 192 | --color-checks-step-header-open-bg: var(--bg-float) !important; 193 | --color-checks-step-error-text: var(--red) !important; 194 | --color-checks-step-warning-text: var(--yellow) !important; 195 | --color-checks-logline-text: var(--fg) !important; 196 | --color-checks-logline-num-text:var(--subtle) !important; 197 | --color-checks-logline-debug-text: var(--magenta) !important; 198 | --color-checks-logline-error-text: var(--fg) !important; 199 | --color-checks-logline-error-num-text: var(--subtle) !important; 200 | --color-checks-logline-warning-text: var(--fg) !important; 201 | --color-checks-logline-warning-num-text: var(--yellow) !important; 202 | --color-checks-logline-command-text: var(--blue) !important; 203 | --color-checks-logline-section-text: var(--green) !important; 204 | --color-checks-ansi-black: var(--color-ansi-black) !important; 205 | --color-checks-ansi-black-bright: var(--color-ansi-black-bright) !important; 206 | --color-checks-ansi-white: var(--color-ansi-white) !important; 207 | --color-checks-ansi-white-bright: var(--color-ansi-white-bright) !important; 208 | --color-checks-ansi-gray: var(--color-ansi-gray) !important; 209 | --color-checks-ansi-red: var(--color-ansi-red) !important; 210 | --color-checks-ansi-red-bright: var(--color-ansi-red-bright) !important; 211 | --color-checks-ansi-green: var(--color-ansi-green) !important; 212 | --color-checks-ansi-green-bright: var(--color-ansi-green-bright) !important; 213 | --color-checks-ansi-yellow: var(--color-ansi-yellow) !important; 214 | --color-checks-ansi-yellow-bright: var(--color-ansi-yellow-bright) !important; 215 | --color-checks-ansi-blue: var(--color-ansi-blue) !important; 216 | --color-checks-ansi-blue-bright: var(--color-ansi-blue-bright) !important; 217 | --color-checks-ansi-magenta: var(--color-ansi-magenta) !important; 218 | --color-checks-ansi-magenta-bright: var(--color-ansi-magenta-bright) !important; 219 | --color-checks-ansi-cyan: var(--color-ansi-cyan) !important; 220 | --color-checks-ansi-cyan-bright: var(--color-ansi-cyan-bright) !important; 221 | 222 | /* CONTRIBUTION GRAPH */ 223 | --color-calendar-halloween-graph-day-L2-bg: var(--red) !important; 224 | --color-calendar-halloween-graph-day-L3-bg: var(--orange) !important; 225 | --color-calendar-halloween-graph-day-L4-bg:var(--yellow) !important; 226 | --color-calendar-graph-day-bg: var(--bg-alt) !important; 227 | --color-calendar-graph-day-L1-bg: var(--green-dark) !important; 228 | --color-calendar-graph-day-L2-bg: var(--green-dark) !important; 229 | --color-calendar-graph-day-L3-bg: var(--green) !important; 230 | --color-calendar-graph-day-L4-bg: var(--green) !important; 231 | --color-user-mention-fg: var(--fg) !important; 232 | --color-user-mention-bg: var(--yellow) !important; 233 | 234 | /* HEADER */ 235 | --color-header-bg: var(--bg-float) !important; 236 | --color-header-border: var(--highlight) !important; 237 | --color-header-text: var(--fg) !important; 238 | --color-header-search-bg: var(--bg-float) !important; 239 | 240 | /* MARKETING */ 241 | --color-marketing-icon-primary: var(--green) !important; 242 | --color-marketing-icon-secondary: var(--blue-dark) !important; 243 | 244 | /* SEARCH KEYWORD */ 245 | --color-search-keyword-hl: var(--yellow-muted) !important; 246 | 247 | /* DIFFS */ 248 | --color-diff-blob-addition-num-text: var(--fg) !important; 249 | --color-diff-blob-addition-fg: var(--fg) !important; 250 | --color-diff-blob-addition-num-bg: var(--green-muted) !important; 251 | --color-diff-blob-addition-line-bg: var(--green-muted) !important; 252 | --color-diff-blob-addition-word-bg: var(--green-muted) !important; 253 | --color-diff-blob-deletion-num-text: var(--fg) !important; 254 | --color-diff-blob-deletion-fg: var(--fg) !important; 255 | --color-diff-blob-deletion-num-bg: var(--red-muted) !important; 256 | --color-diff-blob-deletion-line-bg: var(--red-muted) !important; 257 | --color-diff-blob-deletion-word-bg: var(--red-muted) !important; 258 | --color-diff-blob-hunk-num-bg: var(--blue-muted) !important; 259 | --color-diff-blob-expander-icon: var(--subtle) !important; 260 | --color-diffstat-deletion-border: var(--red-muted) !important; 261 | --color-diffstat-addition-border: var(--green-muted) !important; 262 | --color-diffstat-addition-bg: var(--green) !important; 263 | 264 | /* PRETTYLIGHTS CODE SYNTAX HIGHLIGHTING */ 265 | --color-prettylights-syntax-comment: var(--subtle) !important; 266 | --color-prettylights-syntax-constant: var(--blue) !important; 267 | --color-prettylights-syntax-entity: var(--magenta) !important; 268 | --color-prettylights-syntax-storage-modifier-import: var(--fg) !important; 269 | --color-prettylights-syntax-entity-tag: var(--green) !important; 270 | --color-prettylights-syntax-keyword: var(--red) !important; 271 | --color-prettylights-syntax-string: var(--green) !important; 272 | --color-prettylights-syntax-variable: var(--yellow) !important; 273 | --color-prettylights-syntax-brackethighlighter-unmatched: var(--orange) !important; 274 | --color-prettylights-syntax-invalid-illegal-text: var(--fg) !important; 275 | --color-prettylights-syntax-invalid-illegal-bg: var(--red) !important; 276 | --color-prettylights-syntax-carriage-return-text: var(--fg) !important; 277 | --color-prettylights-syntax-carriage-return-bg: var(--red) !important; 278 | --color-prettylights-syntax-string-regexp: var(--green) !important; 279 | --color-prettylights-syntax-markup-list: var(--yellow) !important; 280 | --color-prettylights-syntax-markup-heading: var(--blue) !important; 281 | --color-prettylights-syntax-markup-italic: var(--fg) !important; 282 | --color-prettylights-syntax-markup-bold: var(--fg) !important; 283 | --color-prettylights-syntax-markup-deleted-text: var(--fg) !important; 284 | --color-prettylights-syntax-markup-deleted-bg: var(--red) !important; 285 | --color-prettylights-syntax-markup-inserted-text: var(--green) !important; 286 | --color-prettylights-syntax-markup-inserted-bg: var(--green-dark) !important; 287 | --color-prettylights-syntax-markup-changed-text: var(--fg) !important; 288 | --color-prettylights-syntax-markup-changed-bg: var(--red) !important; 289 | --color-prettylights-syntax-markup-ignored-text: var(--fg) !important; 290 | --color-prettylights-syntax-markup-ignored-bg: var(--blue) !important; 291 | --color-prettylights-syntax-meta-diff-range: var(--magenta) !important; 292 | --color-prettylights-syntax-brackethighlighter-angle: var(--subtle) !important; 293 | --color-prettylights-syntax-sublimelinter-gutter-mark: var(--inactive) !important; 294 | --color-prettylights-syntax-constant-other-reference-link: var(--green) !important; 295 | 296 | /* CODE MIRROR */ 297 | --color-codemirror-text: var(--fg) !important; 298 | --color-codemirror-bg: var(--bg) !important; 299 | --color-codemirror-gutters-bg: var(--bg-alt) !important; 300 | --color-codemirror-guttermarker-text: var(--inactive) !important; 301 | --color-codemirror-guttermarker-subtle-text: var(--subtle) !important; 302 | --color-codemirror-linenumber-text: var(--inactive) !important; 303 | --color-codemirror-cursor: var(--highlight) !important; 304 | --color-codemirror-selection-bg: var(--blue-muted) !important; 305 | --color-codemirror-activeline-bg: var(--highlight-alpha) !important; 306 | --color-codemirror-matchingbracket-text: var(--fg) !important; 307 | --color-codemirror-lines-bg: var(--bg) !important; 308 | --color-codemirror-syntax-comment: var(--subtle) !important; 309 | --color-codemirror-syntax-constant: var(--blue) !important; 310 | --color-codemirror-syntax-entity: var(--magenta) !important; 311 | --color-codemirror-syntax-keyword: var(--red) !important; 312 | --color-codemirror-syntax-storage: var(--red) !important; 313 | --color-codemirror-syntax-string: var(--green) !important; 314 | --color-codemirror-syntax-support: var(--highlight-inactive) !important; 315 | --color-codemirror-syntax-variable: var(--yellow) !important; 316 | 317 | /* SOCIAL */ 318 | --color-social-reaction-border: var(--blue) !important; 319 | --color-social-reaction-bg: var(--bg-float) !important; 320 | --color-social-reaction-bg-hover: var(--bg-alt) !important; 321 | --color-social-reaction-bg-reacted-hover: var(--blue-dark) !important; 322 | 323 | /* MISC */ 324 | --color-avatar-bg: var(--inactive) !important; 325 | --color-avatar-border: var(--inactive) !important; 326 | --color-avatar-stack-fade: var(--inactive) !important; 327 | --color-avatar-stack-fade-more: var(--bg-alt) !important; 328 | --color-avatar-child-shadow: -2px -2px 0 var(--bg) !important; 329 | --color-underlinenav-icon: var(--inactive) !important; 330 | --color-underlinenav-border-hover: var(--inactive) !important; 331 | 332 | /* NOTIFICATIONS */ 333 | --color-notifications-button-text: var(--fg) !important; 334 | --color-notifications-button-hover-text: var(--fg) !important; 335 | --color-notifications-button-hover-bg: var(--blue-dark) !important; 336 | 337 | /* MARKDOWN ig */ 338 | --color-mktg-success: var(--green) !important; 339 | --color-mktg-info: var(--blue-dark) !important; 340 | --color-mktg-btn-bg-top: var(--blue) !important; 341 | --color-mktg-btn-bg-bottom: var(--blue) !important; 342 | --color-mktg-btn-bg-overlay-top: var(--blue) !important; 343 | --color-mktg-btn-bg-overlay-bottom:var(--blue-dark) !important; 344 | --color-mktg-btn-text: var(--fg) !important; 345 | --color-mktg-btn-primary-bg-top: var(--green-dark) !important; 346 | --color-mktg-btn-primary-bg-bottom: var(--green-dark) !important; 347 | --color-mktg-btn-primary-bg-overlay-top: var(--green-dark) !important; 348 | --color-mktg-btn-primary-bg-overlay-bottom: var(--green-dark) !important; 349 | --color-mktg-btn-primary-text: var(--fg) !important; 350 | --color-mktg-btn-enterprise-bg-top: var(--magenta) !important; 351 | --color-mktg-btn-enterprise-bg-bottom: var(--magenta) !important; 352 | --color-mktg-btn-enterprise-bg-overlay-top: var(--magenta) !important; 353 | --color-mktg-btn-enterprise-bg-overlay-bottom: var(--magenta) !important; 354 | --color-mktg-btn-enterprise-text: var(--fg) !important; 355 | --color-mktg-btn-outline-text: var(--fg) !important; 356 | --color-mktg-btn-outline-hover-text: var(--fg) !important; 357 | --color-mktg-btn-outline-focus-border: var(--fg) !important; 358 | --color-mktg-btn-dark-text: var(--fg) !important; 359 | --color-mktg-btn-dark-hover-text: var(--fg) !important; 360 | --color-mktg-btn-dark-focus-border: var(--fg) !important; 361 | } 362 | -------------------------------------------------------------------------------- /themes/papadark.css: -------------------------------------------------------------------------------- 1 | /* THEMER <3 GITHUB */ 2 | /* PAPA <3 PAPA DARK */ 3 | :root { 4 | /* COLOR PALLETE */ 5 | /* for *-muted variables use 0.4 for alpha */ 6 | --bg: hsl(220, 16%, 22%); 7 | --highlight: hsl(220, 17%, 32%); 8 | --highlight-overlay: hsl(220, 17%, 32%); 9 | --highlight-inactive: hsl(222, 14%, 28%); 10 | --fg: #e5e9f0; 11 | --bg-float: hsl(217, 18%, 26%); 12 | --inactive: #4c566a; 13 | --red: #d94848; 14 | --red-muted: hsl(0, 66%, 57%, 0.4); 15 | --green: hsl(95, 38%, 56%); 16 | --green-muted: hsla(78, 38%, 56%, 0.4); 17 | --green-dark: hsl(78, 39%, 30%); 18 | --yellow: hsl(57, 41%, 71%); 19 | --yellow-muted: hsla(57, 41%, 71%, 0.4); 20 | --blue: hsl(213, 45%, 56%); 21 | --blue-muted: hsla(213, 45%, 56%, 0.4); 22 | --blue-dark: hsl(213, 45%, 40%); 23 | --magenta: #c487b9; 24 | --magenta-muted: hsla(312, 43%, 65%, 0.4); 25 | --orange: hsl(14, 51%, 63%); 26 | --orange-muted: hsla(14, 51%, 63%, 0.4); 27 | --subtle: hsl(220, 16%, 56%); 28 | --bg-alt: hsl(224, 11%, 19%); 29 | 30 | /* CHANGE THESE FOR CHANGING SOME HIGHLIGHTS */ 31 | /* GITHUB PRIMER VARIABLES */ 32 | /* https://primer.style/primitives/colors */ 33 | --color-fg-default: var(--fg) !important; 34 | --color-fg-muted: var(--subtle) !important; 35 | --color-fg-subtle: var(--subtle) !important; 36 | --color-fg-on-emphasis: var(--fg) !important; 37 | 38 | --color-canvas-default: var(--bg) !important; 39 | --color-canvas-overlay: var(--bg-float) !important; 40 | --color-canvas-inset: var(--bg-alt) !important; 41 | --color-canvas-subtle: var(--bg-float) !important; 42 | 43 | --color-border-default: var(--inactive) !important; 44 | --color-border-muted: var(--subtle) !important; 45 | --color-border-subtle: var(--subtle) !important; 46 | 47 | --color-shadow-small: 0 0 transparent !important; 48 | --color-shadow-medium: 0 3px 6px var(--bg-alt) !important; 49 | --color-shadow-large: 0 8px 24px var(--bg-alt) !important; 50 | --color-shadow-extra-large: 0 12px 48px var(--bg-alt) !important; 51 | 52 | --color-neutral-emphasis-plus: var(--subtle) !important; 53 | --color-netral-emphasis: var(--subtle) !important; 54 | --color-neutral-muted: var(--inactive) !important; 55 | --color-neutral-subtle: var(--bg-alt) !important; 56 | 57 | --color-accent-fg: var(--blue) !important; 58 | --color-accent-emphasis: var(--blue) !important; 59 | --color-accent-muted: var(--blue-muted) !important; 60 | --color-accent-subtle: var(--blue-muted) !important; 61 | 62 | --color-success-fg: var(--green) !important; 63 | --color-success-emphasis: var(--green-dark) !important; 64 | --color-success-muted: var(--green-muted) !important; 65 | --color-success-subtle: var(--green-muted) !important; 66 | 67 | --color-attention-fg: var(--yellow) !important; 68 | --color-attention-emphasis: var(--yellow) !important; 69 | --color-attention-muted: var(--yellow-muted) !important; 70 | --color-attention-subtle: var(--yellow-muted) !important; 71 | 72 | --color-severe-fg: var(--orange) !important; 73 | --color-severe-emphasis: var(--orange) !important; 74 | --color-severe-muted: var(--orange-muted) !important; 75 | --color-severe-subtle: var(--orange-muted) !important; 76 | 77 | --color-danger-fg: var(--red) !important; 78 | --color-danger-emphasis: var(--red) !important; 79 | --color-danger-muted: var(--red-muted) !important; 80 | --color-danger-subtle: var(--red-muted) !important; 81 | 82 | --color-done-fg: var(--magenta) !important; 83 | --color-done-emphasis: var(--magenta) !important; 84 | --color-done-muted: var(--magenta-muted) !important; 85 | --color-done-subtle: var(--magenta-muted) !important; 86 | 87 | --color-sponsors-fg: var(--magenta) !important; 88 | --color-sponsors-emphasis: var(--magenta) !important; 89 | --color-sponsors-muted: var(--magenta-muted) !important; 90 | --color-sponsors-subtle: var(--magenta-muted) !important; 91 | 92 | --color-primer-border-active: var(--orange) !important; 93 | --color-sidenav-selected-bg: var(--bg-float) !important; 94 | 95 | --color-state-hover-primary-bg: var(--blue-dark) !important; 96 | --color-state-hover-primary-border: var(--blue) !important; 97 | 98 | /* BUTTONS */ 99 | --color-btn-text: var(--fg) !important; 100 | --color-btn-bg: var(--bg-float) !important; 101 | --color-btn-border: var(--color-border-subtle) !important; 102 | --color-btn-hover-bg: var(--bg-alt) !important; 103 | --color-btn-hover-border: var(--color-border-default) !important; 104 | --color-btn-active-bg: var(--bg-alt) !important; 105 | --color-btn-active-border: var(--color-btn-hover-border) !important; 106 | --color-btn-selected-bg: var(--bg-alt) !important; 107 | --color-btn-focus-bg: var(--bg-alt) !important; 108 | --color-btn-primary-text: var(--fg) !important; 109 | --color-btn-primary-bg: var(--green) !important; 110 | --color-btn-primary-hover-bg: var(--green-dark) !important; 111 | --color-btn-primary-selected-bg: var(--green-dark) !important; 112 | --color-btn-primary-focus-bg: var(--green) !important; 113 | --color-btn-primary-icon: var(--fg) !important; 114 | --color-btn-primary-disabled-bg: var(--green-dark) !important; 115 | --color-btn-primary-disabled-text: var(--subtle) !important; 116 | --color-btn-outline-text: var(--blue) !important; 117 | --color-btn-outline-hover-text: var(--blue) !important; 118 | --color-btn-outline-hover-bg: var(--bg-alt) !important; 119 | --color-btn-outline-selected-text: var(--fg) !important; 120 | --color-btn-outline-selected-bg: var(--blue-dark) !important; 121 | --color-btn-outline-disabled-bg: var(--bg-float) !important; 122 | --color-btn-danger-text: var(--red) !important; 123 | --color-btn-danger-hover-text: var(--fg) !important; 124 | --color-btn-danger-hover-bg: var(--red) !important; 125 | --color-btn-danger-hover-border: var(--red) !important; 126 | --color-btn-danger-hover-icon: var(--fg) !important; 127 | --color-btn-danger-selected-text: var(--fg) !important; 128 | --color-btn-danger-selected-bg: var(--red) !important; 129 | --color-btn-danger-selected-border: var(--orange) !important; 130 | --color-btn-danger-disabled-bg: var(--bg) !important; 131 | --color-btn-danger-focus-border: var(--red) !important; 132 | --color-btn-danger-icon: var(--red) !important; 133 | 134 | /* ANSI */ 135 | --color-ansi-black: #0d1117; 136 | --color-ansi-black-bright: #0d1117; 137 | --color-ansi-white: #b1bac4; 138 | --color-ansi-white-bright: #f0f6fc; 139 | --color-ansi-gray: #6e7681; 140 | --color-ansi-red: var(--red) !important; 141 | --color-ansi-red-bright: var(--red) !important; 142 | --color-ansi-green: var(--green) !important; 143 | --color-ansi-green-bright: var(--green) !important; 144 | --color-ansi-yellow: var(--yellow) !important; 145 | --color-ansi-yellow-bright: var(--yellow) !important; 146 | --color-ansi-blue: var(--blue) !important; 147 | --color-ansi-blue-bright: var(--blue) !important; 148 | --color-ansi-magenta: var(--magenta) !important; 149 | --color-ansi-magenta-bright: var(--magenta) !important; 150 | --color-ansi-cyan: var(--blue) !important; 151 | --color-ansi-cyan-bright: var(--blue) !important; 152 | 153 | /* WORKFLOWS */ 154 | --color-workflow-card-bg: var(--bg-alt) !important; 155 | --color-workflow-card-hover-bg: var(--bg-float) !important; 156 | --color-workflow-card-hover-bg: var(--highlight-overlay) !important; 157 | --color-workflow-card-focus-bg: var(--bg-float) !important; 158 | --color-workflow-card-focus-bg: var(--highlight-overlay) !important; 159 | --color-workflow-card-border: var(--highlight) !important; 160 | 161 | --color-checks-bg: var(--bg-alt) !important; 162 | --color-checks-text-primary: var(--fg) !important; 163 | --color-checks-text-secondary: var(--subtle) !important; 164 | --color-checks-text-link: var(--blue) !important; 165 | --color-checks-btn-icon: var(--fg) !important; 166 | --color-checks-btn-hover-icon: var(--subtle) !important; 167 | --color-checks-input-text: var(--subtle) !important; 168 | --color-checks-input-placeholder-text: var(--inactive) !important; 169 | --color-checks-input-focus-text: var(--fg) !important; 170 | --color-checks-input-bg: var(--bg-float) !important; 171 | --color-checks-donut-error: var(--red) !important; 172 | --color-checks-donut-pending: var(--yellow) !important; 173 | --color-checks-donut-success: var(--green) !important; 174 | --color-checks-donut-neutral: var(--subtle) !important; 175 | --color-checks-dropdown-text: var(--fg) !important; 176 | --color-checks-dropdown-bg: var(--bg-alt) !important; 177 | --color-checks-dropdown-border: var(--bg-float) !important; 178 | --color-checks-dropdown-hover-text: var(--fg) !important; 179 | --color-checks-dropdown-btn-hover-text: var(--fg) !important; 180 | --color-checks-header-label-text: var(--subtle) !important; 181 | --color-checks-header-label-open-text: var(--fg) !important; 182 | --color-checks-header-border: var(--bg-alt) !important; 183 | --color-checks-header-icon: var(--fg) !important; 184 | --color-checks-line-text: var(--fg) !important; 185 | --color-checks-line-num-text: var(--subtle) !important; 186 | --color-checks-line-timestamp-text: var(--subtle) !important; 187 | --color-checks-line-selected-num-text: var(--blue) !important; 188 | --color-checks-line-dt-fm-text: var(--fg) !important; 189 | --color-checks-line-dt-fm-bg: var(--orange) !important; 190 | --color-checks-gate-text: var(--subtle) !important; 191 | --color-checks-gate-waiting-text: var(--yellow) !important; 192 | --color-checks-step-header-open-bg: var(--bg-float) !important; 193 | --color-checks-step-error-text: var(--red) !important; 194 | --color-checks-step-warning-text: var(--yellow) !important; 195 | --color-checks-logline-text: var(--fg) !important; 196 | --color-checks-logline-num-text:var(--subtle) !important; 197 | --color-checks-logline-debug-text: var(--magenta) !important; 198 | --color-checks-logline-error-text: var(--fg) !important; 199 | --color-checks-logline-error-num-text: var(--subtle) !important; 200 | --color-checks-logline-warning-text: var(--fg) !important; 201 | --color-checks-logline-warning-num-text: var(--yellow) !important; 202 | --color-checks-logline-command-text: var(--blue) !important; 203 | --color-checks-logline-section-text: var(--green) !important; 204 | --color-checks-ansi-black: var(--color-ansi-black) !important; 205 | --color-checks-ansi-black-bright: var(--color-ansi-black-bright) !important; 206 | --color-checks-ansi-white: var(--color-ansi-white) !important; 207 | --color-checks-ansi-white-bright: var(--color-ansi-white-bright) !important; 208 | --color-checks-ansi-gray: var(--color-ansi-gray) !important; 209 | --color-checks-ansi-red: var(--color-ansi-red) !important; 210 | --color-checks-ansi-red-bright: var(--color-ansi-red-bright) !important; 211 | --color-checks-ansi-green: var(--color-ansi-green) !important; 212 | --color-checks-ansi-green-bright: var(--color-ansi-green-bright) !important; 213 | --color-checks-ansi-yellow: var(--color-ansi-yellow) !important; 214 | --color-checks-ansi-yellow-bright: var(--color-ansi-yellow-bright) !important; 215 | --color-checks-ansi-blue: var(--color-ansi-blue) !important; 216 | --color-checks-ansi-blue-bright: var(--color-ansi-blue-bright) !important; 217 | --color-checks-ansi-magenta: var(--color-ansi-magenta) !important; 218 | --color-checks-ansi-magenta-bright: var(--color-ansi-magenta-bright) !important; 219 | --color-checks-ansi-cyan: var(--color-ansi-cyan) !important; 220 | --color-checks-ansi-cyan-bright: var(--color-ansi-cyan-bright) !important; 221 | 222 | /* CONTRIBUTION GRAPH */ 223 | --color-calendar-halloween-graph-day-L2-bg: var(--red) !important; 224 | --color-calendar-halloween-graph-day-L3-bg: var(--orange) !important; 225 | --color-calendar-halloween-graph-day-L4-bg:var(--yellow) !important; 226 | --color-calendar-graph-day-bg: var(--bg-alt) !important; 227 | --color-calendar-graph-day-L1-bg: var(--green-dark) !important; 228 | --color-calendar-graph-day-L2-bg: var(--green-dark) !important; 229 | --color-calendar-graph-day-L3-bg: var(--green) !important; 230 | --color-calendar-graph-day-L4-bg: var(--green) !important; 231 | --color-user-mention-fg: var(--fg) !important; 232 | --color-user-mention-bg: var(--yellow) !important; 233 | 234 | /* HEADER */ 235 | --color-header-bg: var(--bg-float) !important; 236 | --color-header-border: var(--highlight) !important; 237 | --color-header-text: var(--fg) !important; 238 | --color-header-search-bg: var(--bg-float) !important; 239 | 240 | /* MARKETING */ 241 | --color-marketing-icon-primary: var(--green) !important; 242 | --color-marketing-icon-secondary: var(--blue-dark) !important; 243 | 244 | /* SEARCH KEYWORD */ 245 | --color-search-keyword-hl: var(--yellow-muted) !important; 246 | 247 | /* DIFFS */ 248 | --color-diff-blob-addition-num-text: var(--fg) !important; 249 | --color-diff-blob-addition-fg: var(--fg) !important; 250 | --color-diff-blob-addition-num-bg: var(--green-muted) !important; 251 | --color-diff-blob-addition-line-bg: var(--green-muted) !important; 252 | --color-diff-blob-addition-word-bg: var(--green-muted) !important; 253 | --color-diff-blob-deletion-num-text: var(--fg) !important; 254 | --color-diff-blob-deletion-fg: var(--fg) !important; 255 | --color-diff-blob-deletion-num-bg: var(--red-muted) !important; 256 | --color-diff-blob-deletion-line-bg: var(--red-muted) !important; 257 | --color-diff-blob-deletion-word-bg: var(--red-muted) !important; 258 | --color-diff-blob-hunk-num-bg: var(--blue-muted) !important; 259 | --color-diff-blob-expander-icon: var(--subtle) !important; 260 | --color-diffstat-deletion-border: var(--red-muted) !important; 261 | --color-diffstat-addition-border: var(--green-muted) !important; 262 | --color-diffstat-addition-bg: var(--green) !important; 263 | 264 | /* PRETTYLIGHTS CODE SYNTAX HIGHLIGHTING */ 265 | --color-prettylights-syntax-comment: var(--subtle) !important; 266 | --color-prettylights-syntax-constant: var(--blue) !important; 267 | --color-prettylights-syntax-entity: var(--magenta) !important; 268 | --color-prettylights-syntax-storage-modifier-import: var(--fg) !important; 269 | --color-prettylights-syntax-entity-tag: var(--green) !important; 270 | --color-prettylights-syntax-keyword: var(--red) !important; 271 | --color-prettylights-syntax-string: var(--green) !important; 272 | --color-prettylights-syntax-variable: var(--yellow) !important; 273 | --color-prettylights-syntax-brackethighlighter-unmatched: var(--orange) !important; 274 | --color-prettylights-syntax-invalid-illegal-text: var(--fg) !important; 275 | --color-prettylights-syntax-invalid-illegal-bg: var(--red) !important; 276 | --color-prettylights-syntax-carriage-return-text: var(--fg) !important; 277 | --color-prettylights-syntax-carriage-return-bg: var(--red) !important; 278 | --color-prettylights-syntax-string-regexp: var(--green) !important; 279 | --color-prettylights-syntax-markup-list: var(--yellow) !important; 280 | --color-prettylights-syntax-markup-heading: var(--blue) !important; 281 | --color-prettylights-syntax-markup-italic: var(--fg) !important; 282 | --color-prettylights-syntax-markup-bold: var(--fg) !important; 283 | --color-prettylights-syntax-markup-deleted-text: var(--fg) !important; 284 | --color-prettylights-syntax-markup-deleted-bg: var(--red) !important; 285 | --color-prettylights-syntax-markup-inserted-text: var(--green) !important; 286 | --color-prettylights-syntax-markup-inserted-bg: var(--green-dark) !important; 287 | --color-prettylights-syntax-markup-changed-text: var(--fg) !important; 288 | --color-prettylights-syntax-markup-changed-bg: var(--red) !important; 289 | --color-prettylights-syntax-markup-ignored-text: var(--fg) !important; 290 | --color-prettylights-syntax-markup-ignored-bg: var(--blue) !important; 291 | --color-prettylights-syntax-meta-diff-range: var(--magenta) !important; 292 | --color-prettylights-syntax-brackethighlighter-angle: var(--subtle) !important; 293 | --color-prettylights-syntax-sublimelinter-gutter-mark: var(--inactive) !important; 294 | --color-prettylights-syntax-constant-other-reference-link: var(--green) !important; 295 | 296 | /* CODE MIRROR */ 297 | --color-codemirror-text: var(--fg) !important; 298 | --color-codemirror-bg: var(--bg) !important; 299 | --color-codemirror-gutters-bg: var(--bg-alt) !important; 300 | --color-codemirror-guttermarker-text: var(--inactive) !important; 301 | --color-codemirror-guttermarker-subtle-text: var(--subtle) !important; 302 | --color-codemirror-linenumber-text: var(--inactive) !important; 303 | --color-codemirror-cursor: var(--highlight) !important; 304 | --color-codemirror-selection-bg: var(--blue-muted) !important; 305 | --color-codemirror-activeline-bg: var(--highlight-alpha) !important; 306 | --color-codemirror-matchingbracket-text: var(--fg) !important; 307 | --color-codemirror-lines-bg: var(--bg) !important; 308 | --color-codemirror-syntax-comment: var(--subtle) !important; 309 | --color-codemirror-syntax-constant: var(--blue) !important; 310 | --color-codemirror-syntax-entity: var(--magenta) !important; 311 | --color-codemirror-syntax-keyword: var(--red) !important; 312 | --color-codemirror-syntax-storage: var(--red) !important; 313 | --color-codemirror-syntax-string: var(--green) !important; 314 | --color-codemirror-syntax-support: var(--highlight-inactive) !important; 315 | --color-codemirror-syntax-variable: var(--yellow) !important; 316 | 317 | /* SOCIAL */ 318 | --color-social-reaction-border: var(--blue) !important; 319 | --color-social-reaction-bg: var(--bg-float) !important; 320 | --color-social-reaction-bg-hover: var(--bg-alt) !important; 321 | --color-social-reaction-bg-reacted-hover: var(--blue-dark) !important; 322 | 323 | /* MISC */ 324 | --color-avatar-bg: var(--inactive) !important; 325 | --color-avatar-border: var(--inactive) !important; 326 | --color-avatar-stack-fade: var(--inactive) !important; 327 | --color-avatar-stack-fade-more: var(--bg-alt) !important; 328 | --color-avatar-child-shadow: -2px -2px 0 var(--bg) !important; 329 | --color-underlinenav-icon: var(--inactive) !important; 330 | --color-underlinenav-border-hover: var(--inactive) !important; 331 | 332 | /* NOTIFICATIONS */ 333 | --color-notifications-button-text: var(--fg) !important; 334 | --color-notifications-button-hover-text: var(--fg) !important; 335 | --color-notifications-button-hover-bg: var(--blue-dark) !important; 336 | 337 | /* MARKDOWN ig */ 338 | --color-mktg-success: var(--green) !important; 339 | --color-mktg-info: var(--blue-dark) !important; 340 | --color-mktg-btn-bg-top: var(--blue) !important; 341 | --color-mktg-btn-bg-bottom: var(--blue) !important; 342 | --color-mktg-btn-bg-overlay-top: var(--blue) !important; 343 | --color-mktg-btn-bg-overlay-bottom:var(--blue-dark) !important; 344 | --color-mktg-btn-text: var(--fg) !important; 345 | --color-mktg-btn-primary-bg-top: var(--green-dark) !important; 346 | --color-mktg-btn-primary-bg-bottom: var(--green-dark) !important; 347 | --color-mktg-btn-primary-bg-overlay-top: var(--green-dark) !important; 348 | --color-mktg-btn-primary-bg-overlay-bottom: var(--green-dark) !important; 349 | --color-mktg-btn-primary-text: var(--fg) !important; 350 | --color-mktg-btn-enterprise-bg-top: var(--magenta) !important; 351 | --color-mktg-btn-enterprise-bg-bottom: var(--magenta) !important; 352 | --color-mktg-btn-enterprise-bg-overlay-top: var(--magenta) !important; 353 | --color-mktg-btn-enterprise-bg-overlay-bottom: var(--magenta) !important; 354 | --color-mktg-btn-enterprise-text: var(--fg) !important; 355 | --color-mktg-btn-outline-text: var(--fg) !important; 356 | --color-mktg-btn-outline-hover-text: var(--fg) !important; 357 | --color-mktg-btn-outline-focus-border: var(--fg) !important; 358 | --color-mktg-btn-dark-text: var(--fg) !important; 359 | --color-mktg-btn-dark-hover-text: var(--fg) !important; 360 | --color-mktg-btn-dark-focus-border: var(--fg) !important; 361 | } 362 | -------------------------------------------------------------------------------- /themes/rose_pine_moon.css: -------------------------------------------------------------------------------- 1 | /* THEMER <3 GITHUB */ 2 | /* DANY <3 ROSE PINE MOON */ 3 | 4 | :root { 5 | /* COLOR PALLETE */ 6 | /* for *-muted variables use 0.4 for alpha */ 7 | --bg: hsl(246, 24%, 17%); 8 | --bg-alt: hsl(248, 24%, 20%); 9 | --bg-float: hsl(248, 21%, 26%); 10 | --inactive: hsl(252, 13%, 38%); 11 | --subtle: hsl(249, 14%, 55%); 12 | --fg: hsl(245, 50%, 91%); 13 | --red: hsl(343, 76%, 68%); 14 | --red-muted: hsla(343,76%, 68%, 0.4); 15 | --yellow: hsl(35, 88%, 72%); 16 | --red-muted: hsla(35, 88%, 72%, 0.4); 17 | --orange: hsl(2, 66%, 75%); 18 | --orange-muted: hsla(2, 66%, 75%, 0.4); 19 | --blue: hsl(197, 48%, 47%); 20 | --blue-dark: hsl(197, 48%, 37%); 21 | --blue-muted: hsla(197, 48%, 47%, 0.4); 22 | --green: hsl(189, 43%, 60%); 23 | --green-muted: hsla(189, 43%, 73%, 0.4); 24 | --green-dark: hsl(189, 43%, 50%); 25 | --magenta: hsl(267, 57%, 78%); 26 | --magenta-muted: hsla(267, 57%, 78%, 0.4); 27 | --highlight: hsl(246, 18%, 23%); 28 | --highlight-alpha: hsla(246, 18%, 23%, 0.4); /* for shadows */ 29 | --highlight-inactive: hsl(246, 21%, 20%); 30 | --highlight-overlay: hsl(248, 16%, 28%); 31 | 32 | /* CHANGE THESE FOR CHANGING SOME HIGHLIGHTS */ 33 | /* GITHUB PRIMER VARIABLES */ 34 | /* https://primer.style/primitives/colors */ 35 | --color-fg-default: var(--fg) !important; 36 | --color-fg-muted: var(--subtle) !important; 37 | --color-fg-subtle: var(--subtle) !important; 38 | --color-fg-on-emphasis: var(--fg) !important; 39 | 40 | --color-canvas-default: var(--bg) !important; 41 | --color-canvas-overlay: var(--bg-float) !important; 42 | --color-canvas-inset: var(--bg-alt) !important; 43 | --color-canvas-subtle: var(--bg-float) !important; 44 | 45 | --color-border-default: var(--inactive) !important; 46 | --color-border-muted: var(--subtle) !important; 47 | --color-border-subtle: var(--subtle) !important; 48 | 49 | --color-shadow-small: 0 0 transparent !important; 50 | --color-shadow-medium: 0 3px 6px var(--bg-alt) !important; 51 | --color-shadow-large: 0 8px 24px var(--bg-alt) !important; 52 | --color-shadow-extra-large: 0 12px 48px var(--bg-alt) !important; 53 | 54 | --color-neutral-emphasis-plus: var(--subtle) !important; 55 | --color-netral-emphasis: var(--subtle) !important; 56 | --color-neutral-muted: var(--inactive) !important; 57 | --color-neutral-subtle: var(--bg-alt) !important; 58 | 59 | --color-accent-fg: var(--blue) !important; 60 | --color-accent-emphasis: var(--blue) !important; 61 | --color-accent-muted: var(--blue-muted) !important; 62 | --color-accent-subtle: var(--blue-muted) !important; 63 | 64 | --color-success-fg: var(--green) !important; 65 | --color-success-emphasis: var(--green-dark) !important; 66 | --color-success-muted: var(--green-muted) !important; 67 | --color-success-subtle: var(--green-muted) !important; 68 | 69 | --color-attention-fg: var(--yellow) !important; 70 | --color-attention-emphasis: var(--yellow) !important; 71 | --color-attention-muted: var(--yellow-muted) !important; 72 | --color-attention-subtle: var(--yellow-muted) !important; 73 | 74 | --color-severe-fg: var(--orange) !important; 75 | --color-severe-emphasis: var(--orange) !important; 76 | --color-severe-muted: var(--orange-muted) !important; 77 | --color-severe-subtle: var(--orange-muted) !important; 78 | 79 | --color-danger-fg: var(--red) !important; 80 | --color-danger-emphasis: var(--red) !important; 81 | --color-danger-muted: var(--red-muted) !important; 82 | --color-danger-subtle: var(--red-muted) !important; 83 | 84 | --color-done-fg: var(--magenta) !important; 85 | --color-done-emphasis: var(--magenta) !important; 86 | --color-done-muted: var(--magenta-muted) !important; 87 | --color-done-subtle: var(--magenta-muted) !important; 88 | 89 | --color-sponsors-fg: var(--magenta) !important; 90 | --color-sponsors-emphasis: var(--magenta) !important; 91 | --color-sponsors-muted: var(--magenta-muted) !important; 92 | --color-sponsors-subtle: var(--magenta-muted) !important; 93 | 94 | --color-primer-border-active: var(--orange) !important; 95 | --color-sidenav-selected-bg: var(--bg-float) !important; 96 | 97 | --color-state-hover-primary-bg: var(--blue-dark) !important; 98 | --color-state-hover-primary-border: var(--blue) !important; 99 | 100 | /* BUTTONS */ 101 | --color-btn-text: var(--fg) !important; 102 | --color-btn-bg: var(--bg-float) !important; 103 | --color-btn-border: var(--color-border-subtle) !important; 104 | --color-btn-hover-bg: var(--bg-alt) !important; 105 | --color-btn-hover-border: var(--color-border-default) !important; 106 | --color-btn-active-bg: var(--bg-alt) !important; 107 | --color-btn-active-border: var(--color-btn-hover-border) !important; 108 | --color-btn-selected-bg: var(--bg-alt) !important; 109 | --color-btn-focus-bg: var(--bg-alt) !important; 110 | --color-btn-primary-text: var(--fg) !important; 111 | --color-btn-primary-bg: var(--green) !important; 112 | --color-btn-primary-hover-bg: var(--green-dark) !important; 113 | --color-btn-primary-selected-bg: var(--green-dark) !important; 114 | --color-btn-primary-focus-bg: var(--green) !important; 115 | --color-btn-primary-icon: var(--fg) !important; 116 | --color-btn-primary-disabled-bg: var(--green-dark) !important; 117 | --color-btn-primary-disabled-text: var(--subtle) !important; 118 | --color-btn-outline-text: var(--blue) !important; 119 | --color-btn-outline-hover-text: var(--blue) !important; 120 | --color-btn-outline-hover-bg: var(--bg-alt) !important; 121 | --color-btn-outline-selected-text: var(--fg) !important; 122 | --color-btn-outline-selected-bg: var(--blue-dark) !important; 123 | --color-btn-outline-disabled-bg: var(--bg-float) !important; 124 | --color-btn-danger-text: var(--red) !important; 125 | --color-btn-danger-hover-text: var(--fg) !important; 126 | --color-btn-danger-hover-bg: var(--red) !important; 127 | --color-btn-danger-hover-border: var(--red) !important; 128 | --color-btn-danger-hover-icon: var(--fg) !important; 129 | --color-btn-danger-selected-text: var(--fg) !important; 130 | --color-btn-danger-selected-bg: var(--red) !important; 131 | --color-btn-danger-selected-border: var(--orange) !important; 132 | --color-btn-danger-disabled-bg: var(--bg) !important; 133 | --color-btn-danger-focus-border: var(--red) !important; 134 | --color-btn-danger-icon: var(--red) !important; 135 | 136 | /* ANSI */ 137 | --color-ansi-black: #0d1117; 138 | --color-ansi-black-bright: #0d1117; 139 | --color-ansi-white: #b1bac4; 140 | --color-ansi-white-bright: #f0f6fc; 141 | --color-ansi-gray: #6e7681; 142 | --color-ansi-red: var(--red) !important; 143 | --color-ansi-red-bright: var(--red) !important; 144 | --color-ansi-green: var(--green) !important; 145 | --color-ansi-green-bright: var(--green) !important; 146 | --color-ansi-yellow: var(--yellow) !important; 147 | --color-ansi-yellow-bright: var(--yellow) !important; 148 | --color-ansi-blue: var(--blue) !important; 149 | --color-ansi-blue-bright: var(--blue) !important; 150 | --color-ansi-magenta: var(--magenta) !important; 151 | --color-ansi-magenta-bright: var(--magenta) !important; 152 | --color-ansi-cyan: var(--blue) !important; 153 | --color-ansi-cyan-bright: var(--blue) !important; 154 | 155 | /* WORKFLOWS */ 156 | --color-workflow-card-bg: var(--bg-alt) !important; 157 | --color-workflow-card-hover-bg: var(--bg-float) !important; 158 | --color-workflow-card-hover-bg: var(--highlight-overlay) !important; 159 | --color-workflow-card-focus-bg: var(--bg-float) !important; 160 | --color-workflow-card-focus-bg: var(--highlight-overlay) !important; 161 | --color-workflow-card-border: var(--highlight) !important; 162 | 163 | --color-checks-bg: var(--bg-alt) !important; 164 | --color-checks-text-primary: var(--fg) !important; 165 | --color-checks-text-secondary: var(--subtle) !important; 166 | --color-checks-text-link: var(--blue) !important; 167 | --color-checks-btn-icon: var(--fg) !important; 168 | --color-checks-btn-hover-icon: var(--subtle) !important; 169 | --color-checks-input-text: var(--subtle) !important; 170 | --color-checks-input-placeholder-text: var(--inactive) !important; 171 | --color-checks-input-focus-text: var(--fg) !important; 172 | --color-checks-input-bg: var(--bg-float) !important; 173 | --color-checks-donut-error: var(--red) !important; 174 | --color-checks-donut-pending: var(--yellow) !important; 175 | --color-checks-donut-success: var(--green) !important; 176 | --color-checks-donut-neutral: var(--subtle) !important; 177 | --color-checks-dropdown-text: var(--fg) !important; 178 | --color-checks-dropdown-bg: var(--bg-alt) !important; 179 | --color-checks-dropdown-border: var(--bg-float) !important; 180 | --color-checks-dropdown-hover-text: var(--fg) !important; 181 | --color-checks-dropdown-btn-hover-text: var(--fg) !important; 182 | --color-checks-header-label-text: var(--subtle) !important; 183 | --color-checks-header-label-open-text: var(--fg) !important; 184 | --color-checks-header-border: var(--bg-alt) !important; 185 | --color-checks-header-icon: var(--fg) !important; 186 | --color-checks-line-text: var(--fg) !important; 187 | --color-checks-line-num-text: var(--subtle) !important; 188 | --color-checks-line-timestamp-text: var(--subtle) !important; 189 | --color-checks-line-selected-num-text: var(--blue) !important; 190 | --color-checks-line-dt-fm-text: var(--fg) !important; 191 | --color-checks-line-dt-fm-bg: var(--orange) !important; 192 | --color-checks-gate-text: var(--subtle) !important; 193 | --color-checks-gate-waiting-text: var(--yellow) !important; 194 | --color-checks-step-header-open-bg: var(--bg-float) !important; 195 | --color-checks-step-error-text: var(--red) !important; 196 | --color-checks-step-warning-text: var(--yellow) !important; 197 | --color-checks-logline-text: var(--fg) !important; 198 | --color-checks-logline-num-text:var(--subtle) !important; 199 | --color-checks-logline-debug-text: var(--magenta) !important; 200 | --color-checks-logline-error-text: var(--fg) !important; 201 | --color-checks-logline-error-num-text: var(--subtle) !important; 202 | --color-checks-logline-warning-text: var(--fg) !important; 203 | --color-checks-logline-warning-num-text: var(--yellow) !important; 204 | --color-checks-logline-command-text: var(--blue) !important; 205 | --color-checks-logline-section-text: var(--green) !important; 206 | --color-checks-ansi-black: var(--color-ansi-black) !important; 207 | --color-checks-ansi-black-bright: var(--color-ansi-black-bright) !important; 208 | --color-checks-ansi-white: var(--color-ansi-white) !important; 209 | --color-checks-ansi-white-bright: var(--color-ansi-white-bright) !important; 210 | --color-checks-ansi-gray: var(--color-ansi-gray) !important; 211 | --color-checks-ansi-red: var(--color-ansi-red) !important; 212 | --color-checks-ansi-red-bright: var(--color-ansi-red-bright) !important; 213 | --color-checks-ansi-green: var(--color-ansi-green) !important; 214 | --color-checks-ansi-green-bright: var(--color-ansi-green-bright) !important; 215 | --color-checks-ansi-yellow: var(--color-ansi-yellow) !important; 216 | --color-checks-ansi-yellow-bright: var(--color-ansi-yellow-bright) !important; 217 | --color-checks-ansi-blue: var(--color-ansi-blue) !important; 218 | --color-checks-ansi-blue-bright: var(--color-ansi-blue-bright) !important; 219 | --color-checks-ansi-magenta: var(--color-ansi-magenta) !important; 220 | --color-checks-ansi-magenta-bright: var(--color-ansi-magenta-bright) !important; 221 | --color-checks-ansi-cyan: var(--color-ansi-cyan) !important; 222 | --color-checks-ansi-cyan-bright: var(--color-ansi-cyan-bright) !important; 223 | 224 | /* CONTRIBUTION GRAPH */ 225 | --color-calendar-halloween-graph-day-L2-bg: var(--red) !important; 226 | --color-calendar-halloween-graph-day-L3-bg: var(--orange) !important; 227 | --color-calendar-halloween-graph-day-L4-bg:var(--yellow) !important; 228 | --color-calendar-graph-day-bg: var(--bg-alt) !important; 229 | --color-calendar-graph-day-L1-bg: var(--green-dark) !important; 230 | --color-calendar-graph-day-L2-bg: var(--green-dark) !important; 231 | --color-calendar-graph-day-L3-bg: var(--green) !important; 232 | --color-calendar-graph-day-L4-bg: var(--green) !important; 233 | --color-user-mention-fg: var(--fg) !important; 234 | --color-user-mention-bg: var(--yellow) !important; 235 | 236 | /* HEADER */ 237 | --color-header-bg: var(--bg-float) !important; 238 | --color-header-border: var(--highlight) !important; 239 | --color-header-text: var(--fg) !important; 240 | --color-header-search-bg: var(--bg-float) !important; 241 | 242 | /* MARKETING */ 243 | --color-marketing-icon-primary: var(--green) !important; 244 | --color-marketing-icon-secondary: var(--blue-dark) !important; 245 | 246 | /* SEARCH KEYWORD */ 247 | --color-search-keyword-hl: var(--yellow-muted) !important; 248 | 249 | /* DIFFS */ 250 | --color-diff-blob-addition-num-text: var(--fg) !important; 251 | --color-diff-blob-addition-fg: var(--fg) !important; 252 | --color-diff-blob-addition-num-bg: var(--green-muted) !important; 253 | --color-diff-blob-addition-line-bg: var(--green-muted) !important; 254 | --color-diff-blob-addition-word-bg: var(--green-muted) !important; 255 | --color-diff-blob-deletion-num-text: var(--fg) !important; 256 | --color-diff-blob-deletion-fg: var(--fg) !important; 257 | --color-diff-blob-deletion-num-bg: var(--red-muted) !important; 258 | --color-diff-blob-deletion-line-bg: var(--red-muted) !important; 259 | --color-diff-blob-deletion-word-bg: var(--red-muted) !important; 260 | --color-diff-blob-hunk-num-bg: var(--blue-muted) !important; 261 | --color-diff-blob-expander-icon: var(--subtle) !important; 262 | --color-diffstat-deletion-border: var(--red-muted) !important; 263 | --color-diffstat-addition-border: var(--green-muted) !important; 264 | --color-diffstat-addition-bg: var(--green) !important; 265 | 266 | /* PRETTYLIGHTS CODE SYNTAX HIGHLIGHTING */ 267 | --color-prettylights-syntax-comment: var(--subtle) !important; 268 | --color-prettylights-syntax-constant: var(--blue) !important; 269 | --color-prettylights-syntax-entity: var(--magenta) !important; 270 | --color-prettylights-syntax-storage-modifier-import: var(--fg) !important; 271 | --color-prettylights-syntax-entity-tag: var(--green) !important; 272 | --color-prettylights-syntax-keyword: var(--red) !important; 273 | --color-prettylights-syntax-string: var(--green) !important; 274 | --color-prettylights-syntax-variable: var(--yellow) !important; 275 | --color-prettylights-syntax-brackethighlighter-unmatched: var(--orange) !important; 276 | --color-prettylights-syntax-invalid-illegal-text: var(--fg) !important; 277 | --color-prettylights-syntax-invalid-illegal-bg: var(--red) !important; 278 | --color-prettylights-syntax-carriage-return-text: var(--fg) !important; 279 | --color-prettylights-syntax-carriage-return-bg: var(--red) !important; 280 | --color-prettylights-syntax-string-regexp: var(--green) !important; 281 | --color-prettylights-syntax-markup-list: var(--yellow) !important; 282 | --color-prettylights-syntax-markup-heading: var(--blue) !important; 283 | --color-prettylights-syntax-markup-italic: var(--fg) !important; 284 | --color-prettylights-syntax-markup-bold: var(--fg) !important; 285 | --color-prettylights-syntax-markup-deleted-text: var(--fg) !important; 286 | --color-prettylights-syntax-markup-deleted-bg: var(--red) !important; 287 | --color-prettylights-syntax-markup-inserted-text: var(--green) !important; 288 | --color-prettylights-syntax-markup-inserted-bg: var(--green-dark) !important; 289 | --color-prettylights-syntax-markup-changed-text: var(--fg) !important; 290 | --color-prettylights-syntax-markup-changed-bg: var(--red) !important; 291 | --color-prettylights-syntax-markup-ignored-text: var(--fg) !important; 292 | --color-prettylights-syntax-markup-ignored-bg: var(--blue) !important; 293 | --color-prettylights-syntax-meta-diff-range: var(--magenta) !important; 294 | --color-prettylights-syntax-brackethighlighter-angle: var(--subtle) !important; 295 | --color-prettylights-syntax-sublimelinter-gutter-mark: var(--inactive) !important; 296 | --color-prettylights-syntax-constant-other-reference-link: var(--green) !important; 297 | 298 | /* CODE MIRROR */ 299 | --color-codemirror-text: var(--fg) !important; 300 | --color-codemirror-bg: var(--bg) !important; 301 | --color-codemirror-gutters-bg: var(--bg-alt) !important; 302 | --color-codemirror-guttermarker-text: var(--inactive) !important; 303 | --color-codemirror-guttermarker-subtle-text: var(--subtle) !important; 304 | --color-codemirror-linenumber-text: var(--inactive) !important; 305 | --color-codemirror-cursor: var(--highlight) !important; 306 | --color-codemirror-selection-bg: var(--blue-muted) !important; 307 | --color-codemirror-activeline-bg: var(--highlight-alpha) !important; 308 | --color-codemirror-matchingbracket-text: var(--fg) !important; 309 | --color-codemirror-lines-bg: var(--bg) !important; 310 | --color-codemirror-syntax-comment: var(--subtle) !important; 311 | --color-codemirror-syntax-constant: var(--blue) !important; 312 | --color-codemirror-syntax-entity: var(--magenta) !important; 313 | --color-codemirror-syntax-keyword: var(--red) !important; 314 | --color-codemirror-syntax-storage: var(--red) !important; 315 | --color-codemirror-syntax-string: var(--green) !important; 316 | --color-codemirror-syntax-support: var(--highlight-inactive) !important; 317 | --color-codemirror-syntax-variable: var(--yellow) !important; 318 | 319 | /* SOCIAL */ 320 | --color-social-reaction-border: var(--blue) !important; 321 | --color-social-reaction-bg: var(--bg-float) !important; 322 | --color-social-reaction-bg-hover: var(--bg-alt) !important; 323 | --color-social-reaction-bg-reacted-hover: var(--blue-dark) !important; 324 | 325 | /* MISC */ 326 | --color-avatar-bg: var(--inactive) !important; 327 | --color-avatar-border: var(--inactive) !important; 328 | --color-avatar-stack-fade: var(--inactive) !important; 329 | --color-avatar-stack-fade-more: var(--bg-alt) !important; 330 | --color-avatar-child-shadow: -2px -2px 0 var(--bg) !important; 331 | --color-underlinenav-icon: var(--inactive) !important; 332 | --color-underlinenav-border-hover: var(--inactive) !important; 333 | 334 | /* NOTIFICATIONS */ 335 | --color-notifications-button-text: var(--fg) !important; 336 | --color-notifications-button-hover-text: var(--fg) !important; 337 | --color-notifications-button-hover-bg: var(--blue-dark) !important; 338 | 339 | /* MARKDOWN ig */ 340 | --color-mktg-success: var(--green) !important; 341 | --color-mktg-info: var(--blue-dark) !important; 342 | --color-mktg-btn-bg-top: var(--blue) !important; 343 | --color-mktg-btn-bg-bottom: var(--blue) !important; 344 | --color-mktg-btn-bg-overlay-top: var(--blue) !important; 345 | --color-mktg-btn-bg-overlay-bottom:var(--blue-dark) !important; 346 | --color-mktg-btn-text: var(--fg) !important; 347 | --color-mktg-btn-primary-bg-top: var(--green-dark) !important; 348 | --color-mktg-btn-primary-bg-bottom: var(--green-dark) !important; 349 | --color-mktg-btn-primary-bg-overlay-top: var(--green-dark) !important; 350 | --color-mktg-btn-primary-bg-overlay-bottom: var(--green-dark) !important; 351 | --color-mktg-btn-primary-text: var(--fg) !important; 352 | --color-mktg-btn-enterprise-bg-top: var(--magenta) !important; 353 | --color-mktg-btn-enterprise-bg-bottom: var(--magenta) !important; 354 | --color-mktg-btn-enterprise-bg-overlay-top: var(--magenta) !important; 355 | --color-mktg-btn-enterprise-bg-overlay-bottom: var(--magenta) !important; 356 | --color-mktg-btn-enterprise-text: var(--fg) !important; 357 | --color-mktg-btn-outline-text: var(--fg) !important; 358 | --color-mktg-btn-outline-hover-text: var(--fg) !important; 359 | --color-mktg-btn-outline-focus-border: var(--fg) !important; 360 | --color-mktg-btn-dark-text: var(--fg) !important; 361 | --color-mktg-btn-dark-hover-text: var(--fg) !important; 362 | --color-mktg-btn-dark-focus-border: var(--fg) !important; 363 | } --------------------------------------------------------------------------------