Skip to content

GitHub Community Material Darker Theme Higher Contrast by johnrebellion

Details

Authorjohnrebellion

LicenseNo License

Categorygithub

Created

Updated

Size14 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

GitHub Community Material Theme Darker Higher Contrast

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 Community Material Darker Theme Higher Contrast
@version      20220223.10.06
@namespace    userstyles.world/user/johnrebellion
@description  GitHub Community Material Theme Darker Higher Contrast
@author       johnrebellion
@license      No License
==/UserStyle== */

@-moz-document domain("github.com") {
@media (prefers-color-scheme: dark) {
	[data-color-mode=auto][data-dark-theme*=dark] {
		--material-foreground: #eff;
		--material-foreground-muted: #cccccce6;
		--material-background: #2b2b2b;
		--material-unactive-background: #1a1a1a99;
		--material-highlight-foreground: #eff;
		--material-highlight-background: #121016;
		--material-active-background: #151515;
		--material-input-background: #2B2B2B;
		--material-button-background: #6161614f;
		--material-button-background-hover: #7474744f;
		--material-accent: #ff7042;
		--material-border: #00000061;

		--material-color-keyword: #C792EA;
		--material-color-attribute: #C792EA;
		--material-color-property: #C792EA;
		--material-color-operator: #89DDFF;
		--material-color-variable-2: #EEFFFF;
		--material-color-variable-3: #f07178;
		--material-color-type: #f07178;
		--material-color-string-2: #f07178;
		--material-color-variable: #f07178;
		--material-color-builtin: #FFCB6B;
		--material-color-meta: #FFCB6B;
		--material-color-atom: #F78C6C;
		--material-color-number: #FF5370;
		--material-color-tag: #FF5370;
		--material-color-def: #82AAFF;
		--material-color-string: #C3E88D;
		--material-color-comment: #545454;
		--material-color-qualifier: #DECB6B;
		--transparent: #00000000;

		--color-diff-blob-addition-num-text: var(--material-foreground) !important;
		--color-diff-blob-addition-fg: var(--material-foreground) !important;
		--color-diff-blob-deletion-num-text: var(--material-foreground) !important;
		--color-diff-blob-deletion-fg: var(--material-foreground) !important;
		--color-prettylights-syntax-storage-modifier-import: var(--material-foreground) !important;
		--color-prettylights-syntax-markup-italic: var(--material-foreground) !important;
		--color-prettylights-syntax-markup-bold: var(--material-foreground) !important;
		--color-prettylights-syntax-markup-ignored-text: var(--material-foreground) !important;
		--color-codemirror-text: var(--material-foreground) !important;
		--color-codemirror-cursor: var(--material-foreground) !important;
		--color-codemirror-matchingbracket-text: var(--material-foreground) !important;
		--color-checks-text-primary: var(--material-foreground) !important;
		--color-checks-btn-hover-icon: var(--material-foreground) !important;
		--color-checks-input-focus-text: var(--material-foreground) !important;
		--color-checks-dropdown-text: var(--material-foreground) !important;
		--color-checks-dropdown-hover-text: var(--material-foreground) !important;
		--color-checks-dropdown-btn-hover-text: var(--material-foreground) !important;
		--color-checks-header-label-open-text: var(--material-foreground) !important;
		--color-btn-text: var(--material-foreground) !important;
		--color-fg-default: var(--material-foreground) !important;
		--color-scale-gray-1: var(--material-foreground) !important;

		--color-page-header-bg: var(--material-background) !important;
		--color-codemirror-bg: var(--material-background) !important;
		--color-codemirror-gutters-bg: var(--material-background) !important;
		--color-codemirror-guttermarker-text: var(--material-background) !important;
		--color-codemirror-lines-bg: var(--material-background) !important;
		--color-checks-ansi-black: var(--material-background) !important;
		--color-project-header-bg: var(--material-background) !important;
		--color-header-search-bg: var(--material-background) !important;
		--color-btn-outline-disabled-bg: var(--material-background) !important;
		--color-btn-danger-disabled-bg: var(--material-background) !important;
		--color-canvas-default: var(--material-background) !important;
		--color-primer-canvas-sticky: var(--material-background) !important;
		--color-scale-gray-9: var(--material-background) !important;

		--color-prettylights-syntax-invalid-illegal-text: var(--material-highlight-foreground) !important;
		--color-prettylights-syntax-carriage-return-text: var(--material-highlight-foreground) !important;
		--color-checks-line-dt-fm-text: var(--material-highlight-foreground) !important;
		--color-avatar-bg: var(--material-highlight-foreground) !important;
		--color-header-text: var(--material-highlight-foreground) !important;
		--color-header-logo: var(--material-highlight-foreground) !important;
		--color-ansi-white-bright: var(--material-highlight-foreground) !important;
		--color-btn-primary-disabled-text: var(--material-highlight-foreground) !important;
		--color-btn-primary-counter-bg: var(--material-highlight-foreground) !important;
		--color-btn-outline-hover-counter-bg: var(--material-highlight-foreground) !important;
		--color-btn-primary-icon: var(--material-highlight-foreground) !important;
		--color-btn-outline-selected-text: var(--material-highlight-foreground) !important;
		--color-btn-danger-hover-text: var(--material-highlight-foreground) !important;
		--color-btn-danger-hover-icon: var(--material-highlight-foreground) !important;
		--color-fg-on-emphasis: var(--material-highlight-foreground) !important;
		--color-scale-white: var(--material-highlight-foreground) !important;
		--color-scale-gray-0: var(--material-highlight-foreground) !important;


		--color-diffstat-deletion-border: var(--material-border) !important;
		--color-diffstat-addition-border: var(--material-border) !important;
		--color-avatar-border: var(--material-border) !important;
		--color-btn-border: var(--material-border) !important;
		--color-btn-primary-border: var(--material-border) !important;
		--color-btn-primary-hover-border: var(--material-border) !important;
		--color-btn-primary-disabled-border: var(--material-border) !important;
		--color-btn-primary-focus-border: var(--material-border) !important;
		--color-btn-outline-hover-border: var(--material-border) !important;
		--color-btn-outline-selected-border: var(--material-border) !important;
		--color-btn-outline-focus-border: var(--material-border) !important;
		--color-border-subtle: var(--material-border) !important;


		--color-checks-input-bg: var(--material-unactive-background) !important;
		--color-checks-dropdown-bg: var(--material-unactive-background) !important;
		--color-checks-step-header-open-bg: var(--material-unactive-background) !important;
		--color-checks-ansi-black-bright: var(--material-unactive-background) !important;
		--color-project-sidebar-bg: var(--material-unactive-background) !important;
		--color-project-gradient-in: var(--material-unactive-background) !important;
		--color-project-gradient-out: var(--material-unactive-background) !important;
		--color-header-bg: var(--material-unactive-background) !important;
		--color-menu-bg-active: var(--material-unactive-background) !important;
		--color-btn-selected-bg: var(--material-unactive-background) !important;
		--color-canvas-overlay: var(--material-unactive-background) !important;
		--color-canvas-subtle: var(--material-unactive-background) !important;
		--color-scale-gray-8: var(--material-unactive-background) !important;


		--color-avatar-stack-fade-more: var(--material-button-background) !important;
		--color-sidenav-selected-bg: var(--material-button-background) !important;
		--color-timeline-badge-bg: var(--material-button-background) !important;
		--color-btn-bg: var(--material-button-background) !important;
		--color-btn-focus-bg: var(--material-button-background) !important;
		--color-scale-gray-7: var(--material-button-background) !important;


		--color-checks-header-border: var(--material-button-background) !important;
		--color-border-muted: var(--material-button-background) !important;


		--color-checks-bg: var(--material-input-background) !important;
		--color-checks-dropdown-shadow: var(--material-input-background) !important;
		--color-canvas-inset: var(--material-input-background) !important;
		--color-primer-canvas-backdrop: var(--material-input-background) !important;
		--color-scale-black: var(--material-input-background) !important;

		--color-diff-blob-expander-icon: var(--material-foreground-muted) !important;
		--color-prettylights-syntax-comment: var(--material-foreground-muted) !important;
		--color-prettylights-syntax-brackethighlighter-angle: var(--material-foreground-muted) !important;
		--color-codemirror-linenumber-text: var(--material-foreground-muted) !important;
		--color-codemirror-syntax-comment: var(--material-foreground-muted) !important;
		--color-checks-text-secondary: var(--material-foreground-muted) !important;
		--color-checks-btn-icon: var(--material-foreground-muted) !important;
		--color-checks-input-text: var(--material-foreground-muted) !important;
		--color-checks-donut-neutral: var(--material-foreground-muted) !important;
		--color-checks-header-label-text: var(--material-foreground-muted) !important;
		--color-checks-header-icon: var(--material-foreground-muted) !important;
		--color-checks-line-text: var(--material-foreground-muted) !important;
		--color-checks-gate-text: var(--material-foreground-muted) !important;
		--color-checks-logline-text: var(--material-foreground-muted) !important;
		--color-checks-logline-error-text: var(--material-foreground-muted) !important;
		--color-checks-logline-warning-text: var(--material-foreground-muted) !important;
		--color-header-divider: var(--material-foreground-muted) !important;
		--color-fg-muted: var(--material-foreground-muted) !important;
		--color-scale-gray-3: var(--material-foreground-muted) !important;


		--color-btn-hover-border: var(--material-foreground-muted) !important;
		--color-btn-focus-border: var(--material-foreground-muted) !important;


		--color-avatar-stack-fade: var(--material-foreground-muted) !important;
		--color-select-menu-tap-highlight: var(--material-foreground-muted) !impor...

Reviews

No reviews yet.