Skip to content

github.com - better colorblind theme by PJB3005

Write a review Install Get Stylus

Details

AuthorPJB3005

Licenseidk I stole the CSS variables from my inspector

Categorygithub.com

Created

Updated

Code size26 kB

Code checksumb5692ecc

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

GitHub's deuteranopia dark colorblind theme but ONLY for diff view, because it shits up the rest of the site

Notes

Userstyle doesn't have notes.

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.com - better colorblind theme
@version      20240213.23.05
@namespace    https://userstyles.world/user/can I even classify myself as an author for this
@description  GitHub's deuteranopia dark colorblind theme but ONLY for diff view, because it shits up the rest of the site
@author       can I even classify myself as an author for this
@license      idk I stole the CSS variables from my inspector
==/UserStyle== */

@-moz-document domain("github.com") {
html {
    /*
    --color-canvas-default-transparent: rgba(13,17,23,0) !important;
    --color-page-header-bg: #0d1117 !important;
    --color-marketing-icon-primary: #79c0ff !important;
    --color-marketing-icon-secondary: #1f6feb !important;
    */
    --color-diff-blob-addition-num-text: #c9d1d9 !important;
    --color-diff-blob-addition-fg: #c9d1d9 !important;
    --color-diff-blob-addition-num-bg: rgba(88,166,255,0.3) !important;
    --color-diff-blob-addition-line-bg: rgba(56,139,253,0.15) !important;
    --color-diff-blob-addition-word-bg: rgba(56,139,253,0.4) !important;
    --color-diff-blob-deletion-num-text: #c9d1d9 !important;
    --color-diff-blob-deletion-fg: #c9d1d9 !important;
    --color-diff-blob-deletion-num-bg: rgba(212,118,22,0.3) !important;
    --color-diff-blob-deletion-line-bg: rgba(212,118,22,0.1) !important;
    --color-diff-blob-deletion-word-bg: rgba(212,118,22,0.4) !important;
    --color-diff-blob-hunk-num-bg: rgba(56,139,253,0.4) !important;
    --color-diff-blob-expander-icon: #8b949e !important;
    --color-diff-blob-selected-line-highlight-mix-blend-mode: screen !important;
    --color-diffstat-deletion-border: rgba(240,246,252,0.1) !important;
    --color-diffstat-addition-border: rgba(240,246,252,0.1) !important;
    --color-diffstat-addition-bg: #58a6ff !important;
    /*
    --color-search-keyword-hl: rgba(210,153,34,0.4) !important;
    --color-prettylights-syntax-comment: #8b949e !important;
    --color-prettylights-syntax-constant: #79c0ff !important;
    --color-prettylights-syntax-entity: #d2a8ff !important;
    --color-prettylights-syntax-storage-modifier-import: #c9d1d9 !important;
    --color-prettylights-syntax-entity-tag: #a5d6ff !important;
    --color-prettylights-syntax-keyword: #ec8e2c !important;
    --color-prettylights-syntax-string: #a5d6ff !important;
    --color-prettylights-syntax-variable: #fdac54 !important;
    --color-prettylights-syntax-brackethighlighter-unmatched: #d47616 !important;
    --color-prettylights-syntax-invalid-illegal-text: #f0f6fc !important;
    --color-prettylights-syntax-invalid-illegal-bg: #6c3906 !important;
    --color-prettylights-syntax-carriage-return-text: #f0f6fc !important;
    --color-prettylights-syntax-carriage-return-bg: #914d04 !important;
    --color-prettylights-syntax-string-regexp: #a5d6ff !important;
    --color-prettylights-syntax-markup-list: #f2cc60 !important;
    --color-prettylights-syntax-markup-heading: #1f6feb !important;
    --color-prettylights-syntax-markup-italic: #c9d1d9 !important;
    --color-prettylights-syntax-markup-bold: #c9d1d9 !important;
    --color-prettylights-syntax-markup-deleted-text: #ffe2bb !important;
    --color-prettylights-syntax-markup-deleted-bg: #4e2906 !important;
    --color-prettylights-syntax-markup-inserted-text: #cae8ff !important;
    --color-prettylights-syntax-markup-inserted-bg: #0c2d6b !important;
    --color-prettylights-syntax-markup-changed-text: #ffe2bb !important;
    --color-prettylights-syntax-markup-changed-bg: #4e2906 !important;
    --color-prettylights-syntax-markup-ignored-text: #c9d1d9 !important;
    --color-prettylights-syntax-markup-ignored-bg: #1158c7 !important;
    --color-prettylights-syntax-meta-diff-range: #d2a8ff !important;
    --color-prettylights-syntax-brackethighlighter-angle: #8b949e !important;
    --color-prettylights-syntax-sublimelinter-gutter-mark: #484f58 !important;
    --color-prettylights-syntax-constant-other-reference-link: #a5d6ff !important;
    --color-codemirror-text: #c9d1d9 !important;
    --color-codemirror-bg: #0d1117 !important;
    --color-codemirror-gutters-bg: #0d1117 !important;
    --color-codemirror-guttermarker-text: #0d1117 !important;
    --color-codemirror-guttermarker-subtle-text: #6e7681 !important;
    --color-codemirror-linenumber-text: #8b949e !important;
    --color-codemirror-cursor: #c9d1d9 !important;
    --color-codemirror-selection-bg: rgba(56,139,253,0.4) !important;
    --color-codemirror-activeline-bg: rgba(110,118,129,0.1) !important;
    --color-codemirror-matchingbracket-text: #c9d1d9 !important;
    --color-codemirror-lines-bg: #0d1117 !important;
    --color-codemirror-syntax-comment: #8b949e !important;
    --color-codemirror-syntax-constant: #79c0ff !important;
    --color-codemirror-syntax-entity: #d2a8ff !important;
    --color-codemirror-syntax-keyword: #ec8e2c !important;
    --color-codemirror-syntax-storage: #ec8e2c !important;
    --color-codemirror-syntax-string: #a5d6ff !important;
    --color-codemirror-syntax-support: #79c0ff !important;
    --color-codemirror-syntax-variable: #fdac54 !important;
    --color-checks-bg: #010409 !important;
    --color-checks-run-border-width: 1px !important;
    --color-checks-container-border-width: 1px !important;
    --color-checks-text-primary: #c9d1d9 !important;
    --color-checks-text-secondary: #8b949e !important;
    --color-checks-text-link: #58a6ff !important;
    --color-checks-btn-icon: #8b949e !important;
    --color-checks-btn-hover-icon: #c9d1d9 !important;
    --color-checks-btn-hover-bg: rgba(110,118,129,0.1) !important;
    --color-checks-input-text: #8b949e !important;
    --color-checks-input-placeholder-text: #6e7681 !important;
    --color-checks-input-focus-text: #c9d1d9 !important;
    --color-checks-input-bg: #161b22 !important;
    --color-checks-input-shadow: 0 0 0 1px (obj) => (0, get_1.default)(obj, path) !important;
    --color-checks-donut-error: #d47616 !important;
    --color-checks-donut-pending: #d29922 !important;
    --color-checks-donut-success: #388bfd !important;
    --color-checks-donut-neutral: #8b949e !important;
    --color-checks-dropdown-text: #c9d1d9 !important;
    --color-checks-dropdown-bg: #161b22 !important;
    --color-checks-dropdown-border: #30363d !important;
    --color-checks-dropdown-shadow: rgba(1,4,9,0.3) !important;
    --color-checks-dropdown-hover-text: #c9d1d9 !important;
    --color-checks-dropdown-hover-bg: rgba(110,118,129,0.1) !important;
    --color-checks-dropdown-btn-hover-text: #c9d1d9 !important;
    --color-checks-dropdown-btn-hover-bg: rgba(110,118,129,0.1) !important;
    --color-checks-scrollbar-thumb-bg: rgba(110,118,129,0.4) !important;
    --color-checks-header-label-text: #8b949e !important;
    --color-checks-header-label-open-text: #c9d1d9 !important;
    --color-checks-header-border: #21262d !important;
    --color-checks-header-icon: #8b949e !important;
    --color-checks-line-text: #8b949e !important;
    --color-checks-line-num-text: #6e7681 !important;
    --color-checks-line-timestamp-text: #6e7681 !important;
    --color-checks-line-hover-bg: rgba(110,118,129,0.1) !important;
    --color-checks-line-selected-bg: rgba(56,139,253,0.1) !important;
    --color-checks-line-selected-num-text: #58a6ff !important;
    --color-checks-line-dt-fm-text: #ffffff !important;
    --color-checks-line-dt-fm-bg: #9e6a03 !important;
    --color-checks-gate-bg: rgba(187,128,9,0.15) !important;
    --color-checks-gate-text: #8b949e !important;
    --color-checks-gate-waiting-text: #d29922 !important;
    --color-checks-step-header-open-bg: #161b22 !important;
    --color-checks-step-error-text: #d47616 !important;
    --color-checks-step-warning-text: #d29922 !important;
    --color-checks-logline-text: #8b949e !important;
    --color-checks-logline-num-text: #6e7681 !important;
    --color-checks-logline-debug-text: #a371f7 !important;
    --color-checks-logline-error-text: #8b949e !important;
    --color-checks-logline-error-num-text: #6e7681 !important;
    --color-checks-logline-error-bg: rgba(212,118,22,0.1) !important;
    --color-checks-logline-warning-text: #8b949e !important;
    --color-checks-logline-warning-num-text: #d29922 !important;
    --color-checks-logline-warning-bg: rgba(187,128,9,0.15) !important;
    --color-checks-logline-command-text: #58a6ff !important;
    --color-checks-logline-section-text: #58a6ff !important;
    --color-checks-ansi-black: #0d1117 !important;
    --color-checks-ansi-black-bright: #161b22 !important;
    --color-checks-ansi-white: #b1bac4 !important;
    --color-checks-ansi-white-bright: #b1bac4 !important;
    --color-checks-ansi-gray: #6e7681 !important;
    --color-checks-ansi-red: #ec8e2c !important;
    --color-checks-ansi-red-bright: #fdac54 !important;
    --color-checks-ansi-green: #58a6ff !important;
    --color-checks-ansi-green-bright: #79c0ff !important;
    --color-checks-ansi-yellow: #d29922 !important;
    --color-checks-ansi-yellow-bright: #e3b341 !important;
    --color-checks-ansi-blue: #58a6ff !important;
    --color-checks-ansi-blue-bright: #79c0ff !important;
    --color-checks-ansi-magenta: #bc8cff !important;
    --color-checks-ansi-magenta-bright: #d2a8ff !important;
    --color-checks-ansi-cyan: #76e3ea !important;
    --color-checks-ansi-cyan-bright: #b3f0ff !important;
    --color-project-header-bg: #0d1117 !important;
    --color-project-sidebar-bg: #161b22 !important;
    --color-project-gradient-in: #161b22 !important;
    --color-project-gradient-out: rgba(22,27,34,0) !important;
    --color-mktg-btn-bg: #f6f8fa !important;
    --color-mktg-btn-shadow-outline: rgb(255 255 255 / 25%) 0 0 0 1px inset !important;
    --color-mktg-btn-shadow-focus: rgb(255 255 255 / 25%) 0 0 0 4px !important;
    --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...

Reviews

No reviews yet.