Skip to content

GitHub Dark Mode Expanded by blyad

Screenshot of GitHub Dark Mode Expanded

Details

Authorblyad

LicenseCC BY-NC-SA 4.0

Categorygithub

Created

Updated

Size155 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Simply expands currently available dark mode and fixes a few issues.

Notes

Update 2 | 19.11.22

  • fixes at GitHub domain
  • some minor fixes

Update 1 | 18.10.22

  • fixes at unlogged home page

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link.
/* ==UserStyle==
@name           GitHub - Dark Mode Expanded
@namespace      github.com/blyad2137/github-dark-mode-expanded
@version        1.0.2
@description    `Simply expands currently available dark mode on GitHub and fixes few issues.`
@author         blyad (https://github.com/blyad2137)
@license	CC BY-NC-SA 4.0
@homepageURL	https://github.com/blyad2137/github-dark-mode-expanded
@supportURL	https://github.com/blyad2137/github-dark-mode-expanded/issues
==/UserStyle== */
@-moz-document domain(github.com) {
	/*The_Git*/
	:root {
		--color-canvas-default-transparent: rgba(13,17,23,0);
		--color-page-header-bg: #0d1117;
		--color-marketing-icon-primary: #79c0ff;
		--color-marketing-icon-secondary: #1f6feb;
		--color-diff-blob-addition-num-text: #c9d1d9;
		--color-diff-blob-addition-fg: #c9d1d9;
		--color-diff-blob-addition-num-bg: rgba(63,185,80,0.3);
		--color-diff-blob-addition-line-bg: rgba(46,160,67,0.15);
		--color-diff-blob-addition-word-bg: rgba(46,160,67,0.4);
		--color-diff-blob-deletion-num-text: #c9d1d9;
		--color-diff-blob-deletion-fg: #c9d1d9;
		--color-diff-blob-deletion-num-bg: rgba(248,81,73,0.3);
		--color-diff-blob-deletion-line-bg: rgba(248,81,73,0.15);
		--color-diff-blob-deletion-word-bg: rgba(248,81,73,0.4);
		--color-diff-blob-hunk-num-bg: rgba(56,139,253,0.4);
		--color-diff-blob-expander-icon: #8b949e;
		--color-diff-blob-selected-line-highlight-mix-blend-mode: screen;
		--color-diffstat-deletion-border: rgba(240,246,252,0.1);
		--color-diffstat-addition-border: rgba(240,246,252,0.1);
		--color-diffstat-addition-bg: #3fb950;
		--color-search-keyword-hl: rgba(210,153,34,0.4);
		--color-prettylights-syntax-comment: #8b949e;
		--color-prettylights-syntax-constant: #79c0ff;
		--color-prettylights-syntax-entity: #d2a8ff;
		--color-prettylights-syntax-storage-modifier-import: #c9d1d9;
		--color-prettylights-syntax-entity-tag: #7ee787;
		--color-prettylights-syntax-keyword: #ff7b72;
		--color-prettylights-syntax-string: #a5d6ff;
		--color-prettylights-syntax-variable: #ffa657;
		--color-prettylights-syntax-brackethighlighter-unmatched: #f85149;
		--color-prettylights-syntax-invalid-illegal-text: #f0f6fc;
		--color-prettylights-syntax-invalid-illegal-bg: #8e1519;
		--color-prettylights-syntax-carriage-return-text: #f0f6fc;
		--color-prettylights-syntax-carriage-return-bg: #b62324;
		--color-prettylights-syntax-string-regexp: #7ee787;
		--color-prettylights-syntax-markup-list: #f2cc60;
		--color-prettylights-syntax-markup-heading: #1f6feb;
		--color-prettylights-syntax-markup-italic: #c9d1d9;
		--color-prettylights-syntax-markup-bold: #c9d1d9;
		--color-prettylights-syntax-markup-deleted-text: #ffdcd7;
		--color-prettylights-syntax-markup-deleted-bg: #67060c;
		--color-prettylights-syntax-markup-inserted-text: #aff5b4;
		--color-prettylights-syntax-markup-inserted-bg: #033a16;
		--color-prettylights-syntax-markup-changed-text: #ffdfb6;
		--color-prettylights-syntax-markup-changed-bg: #5a1e02;
		--color-prettylights-syntax-markup-ignored-text: #c9d1d9;
		--color-prettylights-syntax-markup-ignored-bg: #1158c7;
		--color-prettylights-syntax-meta-diff-range: #d2a8ff;
		--color-prettylights-syntax-brackethighlighter-angle: #8b949e;
		--color-prettylights-syntax-sublimelinter-gutter-mark: #484f58;
		--color-prettylights-syntax-constant-other-reference-link: #a5d6ff;
		--color-codemirror-text: #c9d1d9;
		--color-codemirror-bg: #0d1117;
		--color-codemirror-gutters-bg: #0d1117;
		--color-codemirror-guttermarker-text: #0d1117;
		--color-codemirror-guttermarker-subtle-text: #6e7681;
		--color-codemirror-linenumber-text: #8b949e;
		--color-codemirror-cursor: #c9d1d9;
		--color-codemirror-selection-bg: rgba(56,139,253,0.4);
		--color-codemirror-activeline-bg: rgba(110,118,129,0.1);
		--color-codemirror-matchingbracket-text: #c9d1d9;
		--color-codemirror-lines-bg: #0d1117;
		--color-codemirror-syntax-comment: #8b949e;
		--color-codemirror-syntax-constant: #79c0ff;
		--color-codemirror-syntax-entity: #d2a8ff;
		--color-codemirror-syntax-keyword: #ff7b72;
		--color-codemirror-syntax-storage: #ff7b72;
		--color-codemirror-syntax-string: #a5d6ff;
		--color-codemirror-syntax-support: #79c0ff;
		--color-codemirror-syntax-variable: #ffa657;
		--color-checks-bg: #010409;
		--color-checks-run-border-width: 1px;
		--color-checks-container-border-width: 1px;
		--color-checks-text-primary: #c9d1d9;
		--color-checks-text-secondary: #8b949e;
		--color-checks-text-link: #58a6ff;
		--color-checks-btn-icon: #8b949e;
		--color-checks-btn-hover-icon: #c9d1d9;
		--color-checks-btn-hover-bg: rgba(110,118,129,0.1);
		--color-checks-input-text: #8b949e;
		--color-checks-input-placeholder-text: #6e7681;
		--color-checks-input-focus-text: #c9d1d9;
		--color-checks-input-bg: #161b22;
		--color-checks-input-shadow: 0 0 0 1px (obj) => get_1.default(obj, path);
		--color-checks-donut-error: #f85149;
		--color-checks-donut-pending: #d29922;
		--color-checks-donut-success: #2ea043;
		--color-checks-donut-neutral: #8b949e;
		--color-checks-dropdown-text: #c9d1d9;
		--color-checks-dropdown-bg: #161b22;
		--color-checks-dropdown-border: #30363d;
		--color-checks-dropdown-shadow: rgba(1,4,9,0.3);
		--color-checks-dropdown-hover-text: #c9d1d9;
		--color-checks-dropdown-hover-bg: rgba(110,118,129,0.1);
		--color-checks-dropdown-btn-hover-text: #c9d1d9;
		--color-checks-dropdown-btn-hover-bg: rgba(110,118,129,0.1);
		--color-checks-scrollbar-thumb-bg: rgba(110,118,129,0.4);
		--color-checks-header-label-text: #8b949e;
		--color-checks-header-label-open-text: #c9d1d9;
		--color-checks-header-border: #21262d;
		--color-checks-header-icon: #8b949e;
		--color-checks-line-text: #8b949e;
		--color-checks-line-num-text: #6e7681;
		--color-checks-line-timestamp-text: #6e7681;
		--color-checks-line-hover-bg: rgba(110,118,129,0.1);
		--color-checks-line-selected-bg: rgba(56,139,253,0.15);
		--color-checks-line-selected-num-text: #58a6ff;
		--color-checks-line-dt-fm-text: #ffffff;
		--color-checks-line-dt-fm-bg: #9e6a03;
		--color-checks-gate-bg: rgba(187,128,9,0.15);
		--color-checks-gate-text: #8b949e;
		--color-checks-gate-waiting-text: #d29922;
		--color-checks-step-header-open-bg: #161b22;
		--color-checks-step-error-text: #f85149;
		--color-checks-step-warning-text: #d29922;
		--color-checks-logline-text: #8b949e;
		--color-checks-logline-num-text: #6e7681;
		--color-checks-logline-debug-text: #a371f7;
		--color-checks-logline-error-text: #8b949e;
		--color-checks-logline-error-num-text: #6e7681;
		--color-checks-logline-error-bg: rgba(248,81,73,0.15);
		--color-checks-logline-warning-text: #8b949e;
		--color-checks-logline-warning-num-text: #d29922;
		--color-checks-logline-warning-bg: rgba(187,128,9,0.15);
		--color-checks-logline-command-text: #58a6ff;
		--color-checks-logline-section-text: #3fb950;
		--color-checks-ansi-black: #0d1117;
		--color-checks-ansi-black-bright: #161b22;
		--color-checks-ansi-white: #b1bac4;
		--color-checks-ansi-white-bright: #b1bac4;
		--color-checks-ansi-gray: #6e7681;
		--color-checks-ansi-red: #ff7b72;
		--color-checks-ansi-red-bright: #ffa198;
		--color-checks-ansi-green: #3fb950;
		--color-checks-ansi-green-bright: #56d364;
		--color-checks-ansi-yellow: #d29922;
		--color-checks-ansi-yellow-bright: #e3b341;
		--color-checks-ansi-blue: #58a6ff;
		--color-checks-ansi-blue-bright: #79c0ff;
		--color-checks-ansi-magenta: #bc8cff;
		--color-checks-ansi-magenta-bright: #d2a8ff;
		--color-checks-ansi-cyan: #76e3ea;
		--color-checks-ansi-cyan-bright: #b3f0ff;
		--color-project-header-bg: #0d1117;
		--color-project-sidebar-bg: #161b22;
		--color-project-gradient-in: #161b22;
		--color-project-gradient-out: rgba(22,27,34,0);
		--color-mktg-btn-bg: #f6f8fa;
		--color-mktg-btn-shadow-outline: rgb(255 255 255 / 25%) 0 0 0 1px inset;
		--color-mktg-btn-shadow-focus: rgb(255 255 255 / 25%) 0 0 0 4px;
		--color-mktg-btn-shadow-hover: 0 4px 7px rgba(0, 0, 0, 0.15), 0 100px 80px rgba(255, 255, 255, 0.02), 0 42px 33px rgba(255, 255, 255, 0.024), 0 22px 18px rgba(255, 255, 255, 0.028), 0 12px 10px rgba(255, 255, 255, 0.034), 0 7px 5px rgba(255, 255, 255, 0.04), 0 3px 2px rgba(255, 255, 255, 0.07);
		--color-mktg-btn-shadow-hover-muted: rgb(255 255 255) 0 0 0 2px inset;
		--color-avatar-bg: rgba(255,255,255,0.1);
		--color-avatar-border: rgba(240,246,252,0.1);
		--color-avatar-stack-fade: #30363d;
		--color-avatar-stack-fade-more: #21262d;
		--color-avatar-child-shadow: -2px -2px 0 #0d1117;
		--color-topic-tag-border: rgba(0,0,0,0);
		--color-counter-border: rgba(0,0,0,0);
		--color-select-menu-backdrop-border: #484f58;
		--color-select-menu-tap-highlight: rgba(48,54,61,0.5);
		--color-select-menu-tap-focus-bg: #0c2d6b;
		--color-overlay-shadow: 0 0 0 1px #30363d, 0 16px 32px rgba(1,4,9,0.85);
		--color-header-text: rgba(255,255,255,0.7);
		--color-header-bg: #161b22;
		--color-header-divider: #8b949e;
		--color-header-logo: #f0f6fc;
		--color-header-search-bg: #0d1117;
		--color-header-search-border: #30363d;
		--color-sidenav-selected-bg: #21262d;
		--color-menu-bg-active: #161b22;
		--color-input-disabled-bg: rgba(110,118,129,0);
		--color-timeline-badge-bg: #21262d;
		--color-ansi-black: #484f58;
		--color-ansi-black-bright: #6e7681;
		--color-ansi-white: #b1bac4;
		--color-ansi-white-bright: #ffffff;
		--color-ansi-gray: #6e7681;
		--color-ansi-red: #ff7b72;
		--color-ansi-red-bright: #ffa198;
		--color-ansi-green: #3fb950;
		--color-ansi-green-bright: #56d364;
		--color-ansi-yellow: #d29922;
		--color-ansi-yellow-bright: #e3b341;
		--color-ansi-blue: #58a6ff;
		--color-ansi-blue-bright: #79c0ff;
		--color-ansi-magenta: #bc8cff;
		--color-ansi-magenta-bright: #d2a8ff;
		--color-ansi-cyan: #39c5cf;
		--color-ansi-cyan-bright: #56d4dd;
		--color-btn-text: #c9d1d9;
		--color-btn-bg: #21262d;
		--color-btn-border: rgba(240,246,252...

Reviews

No reviews yet.