diff --git a/src/color-modes/colors_deprecated/_dark.scss b/src/color-modes/colors_deprecated/_dark.scss new file mode 100644 index 0000000000..bff72b169a --- /dev/null +++ b/src/color-modes/colors_deprecated/_dark.scss @@ -0,0 +1,450 @@ +@mixin primer-colors-dark { + & { + --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: #e6edf3; + --color-diff-blob-addition-fg: #e6edf3; + --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: #e6edf3; + --color-diff-blob-deletion-fg: #e6edf3; + --color-diff-blob-deletion-num-bg: rgba(248,81,73,0.3); + --color-diff-blob-deletion-line-bg: rgba(248,81,73,0.1); + --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: #7d8590; + --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: #e6edf3; + --color-codemirror-bg: #0d1117; + --color-codemirror-gutters-bg: #0d1117; + --color-codemirror-guttermarker-text: #0d1117; + --color-codemirror-guttermarker-subtle-text: #6e7681; + --color-codemirror-linenumber-text: #7d8590; + --color-codemirror-cursor: #e6edf3; + --color-codemirror-selection-bg: rgba(56,139,253,0.4); + --color-codemirror-activeline-bg: rgba(110,118,129,0.1); + --color-codemirror-matchingbracket-text: #e6edf3; + --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: #e6edf3; + --color-checks-text-secondary: #7d8590; + --color-checks-text-link: #2f81f7; + --color-checks-btn-icon: #7d8590; + --color-checks-btn-hover-icon: #e6edf3; + --color-checks-btn-hover-bg: rgba(110,118,129,0.1); + --color-checks-input-text: #7d8590; + --color-checks-input-placeholder-text: #6e7681; + --color-checks-input-focus-text: #e6edf3; + --color-checks-input-bg: #161b22; + --color-checks-input-shadow: 0 0 0 1px var(--color-border-default); + --color-checks-donut-error: #f85149; + --color-checks-donut-pending: #d29922; + --color-checks-donut-success: #2ea043; + --color-checks-donut-neutral: #8b949e; + --color-checks-dropdown-text: #e6edf3; + --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: #e6edf3; + --color-checks-dropdown-hover-bg: rgba(110,118,129,0.1); + --color-checks-dropdown-btn-hover-text: #e6edf3; + --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: #7d8590; + --color-checks-header-label-open-text: #e6edf3; + --color-checks-header-border: #21262d; + --color-checks-header-icon: #7d8590; + --color-checks-line-text: #7d8590; + --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.1); + --color-checks-line-selected-num-text: #2f81f7; + --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: #7d8590; + --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: #7d8590; + --color-checks-logline-num-text: #6e7681; + --color-checks-logline-debug-text: #a371f7; + --color-checks-logline-error-text: #7d8590; + --color-checks-logline-error-num-text: #6e7681; + --color-checks-logline-error-bg: rgba(248,81,73,0.1); + --color-checks-logline-warning-text: #7d8590; + --color-checks-logline-warning-num-text: #d29922; + --color-checks-logline-warning-bg: rgba(187,128,9,0.15); + --color-checks-logline-command-text: #2f81f7; + --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-control-border-color-emphasis: #606771; + --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: 0 0 0 2px #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-overlay-backdrop: rgba(22,27,34,0.4); + --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,0.1); + --color-btn-shadow: 0 0 transparent; + --color-btn-inset-shadow: 0 0 transparent; + --color-btn-hover-bg: #30363d; + --color-btn-hover-border: #8b949e; + --color-btn-active-bg: hsla(212,12%,18%,1); + --color-btn-active-border: #6e7681; + --color-btn-selected-bg: #161b22; + --color-btn-counter-bg: #30363d; + --color-btn-primary-text: #ffffff; + --color-btn-primary-bg: #238636; + --color-btn-primary-border: rgba(240,246,252,0.1); + --color-btn-primary-shadow: 0 0 transparent; + --color-btn-primary-inset-shadow: 0 0 transparent; + --color-btn-primary-hover-bg: #2ea043; + --color-btn-primary-hover-border: rgba(240,246,252,0.1); + --color-btn-primary-selected-bg: #238636; + --color-btn-primary-selected-shadow: 0 0 transparent; + --color-btn-primary-disabled-text: rgba(255,255,255,0.5); + --color-btn-primary-disabled-bg: rgba(35,134,54,0.6); + --color-btn-primary-disabled-border: rgba(240,246,252,0.1); + --color-btn-primary-icon: #ffffff; + --color-btn-primary-counter-bg: rgba(4,38,15,0.2); + --color-btn-outline-text: #388bfd; + --color-btn-outline-hover-text: #58a6ff; + --color-btn-outline-hover-bg: #30363d; + --color-btn-outline-hover-border: rgba(240,246,252,0.1); + --color-btn-outline-hover-shadow: 0 1px 0 rgba(1,4,9,0.1); + --color-btn-outline-hover-inset-shadow: inset 0 1px 0 rgba(255,255,255,0.03); + --color-btn-outline-hover-counter-bg: rgba(5,29,77,0.2); + --color-btn-outline-selected-text: #ffffff; + --color-btn-outline-selected-bg: #0d419d; + --color-btn-outline-selected-border: rgba(240,246,252,0.1); + --color-btn-outline-selected-shadow: 0 0 transparent; + --color-btn-outline-disabled-text: rgba(88,166,255,0.5); + --color-btn-outline-disabled-bg: #0d1117; + --color-btn-outline-disabled-counter-bg: rgba(31,111,235,0.05); + --color-btn-outline-counter-bg: rgba(5,29,77,0.2); + --color-btn-outline-hover-counter-fg: #58a6ff; + --color-btn-outline-disabled-counter-fg: rgba(47,129,247,0.5); + --color-btn-outline-counter-fg: #388bfd; + --color-btn-danger-text: #f85149; + --color-btn-danger-hover-text: #ffffff; + --color-btn-danger-hover-bg: #da3633; + --color-btn-danger-hover-border: #f85149; + --color-btn-danger-hover-shadow: 0 0 transparent; + --color-btn-danger-hover-inset-shadow: 0 0 transparent; + --color-btn-danger-hover-icon: #ffffff; + --color-btn-danger-hover-counter-bg: rgba(255,255,255,0.2); + --color-btn-danger-selected-text: #ffffff; + --color-btn-danger-selected-bg: #b62324; + --color-btn-danger-selected-border: #ff7b72; + --color-btn-danger-selected-shadow: 0 0 transparent; + --color-btn-danger-disabled-text: rgba(248,81,73,0.5); + --color-btn-danger-disabled-bg: #0d1117; + --color-btn-danger-disabled-counter-bg: rgba(218,54,51,0.05); + --color-btn-danger-counter-bg: rgba(73,2,2,0.2); + --color-btn-danger-icon: #f85149; + --color-btn-danger-counter-fg: #f85149; + --color-btn-danger-disabled-counter-fg: rgba(248,81,73,0.5); + --color-btn-danger-hover-counter-fg: #ffffff; + --color-underlinenav-icon: #6e7681; + --color-underlinenav-border-hover: rgba(110,118,129,0.4); + --color-action-list-item-inline-divider: rgba(48,54,61,0.48); + --color-action-list-item-default-hover-bg: rgba(177,186,196,0.12); + --color-action-list-item-default-hover-border: rgba(0,0,0,0); + --color-action-list-item-default-active-bg: rgba(177,186,196,0.2); + --color-action-list-item-default-active-border: rgba(0,0,0,0); + --color-action-list-item-default-selected-bg: rgba(177,186,196,0.08); + --color-action-list-item-danger-hover-bg: rgba(248,81,73,0.16); + --color-action-list-item-danger-active-bg: rgba(248,81,73,0.24); + --color-action-list-item-danger-hover-text: #ff7b72; + --color-switch-track-bg: rgba(110,118,129,0.1); + --color-switch-track-hover-bg: hsla(215,8%,72%,0.1); + --color-switch-track-active-bg: rgba(110,118,129,0.4); + --color-switch-track-disabled-bg: #21262d; + --color-switch-track-fg: #7d8590; + --color-switch-track-disabled-fg: #010409; + --color-switch-track-border: rgba(0,0,0,0); + --color-switch-track-checked-bg: rgba(31,111,235,0.35); + --color-switch-track-checked-hover-bg: rgba(31,111,235,0.5); + --color-switch-track-checked-active-bg: rgba(31,111,235,0.65); + --color-switch-track-checked-fg: #ffffff; + --color-switch-track-checked-disabled-fg: #010409; + --color-switch-track-checked-border: rgba(0,0,0,0); + --color-switch-knob-bg: #0d1117; + --color-switch-knob-border: #606771; + --color-switch-knob-disabled-bg: #161b22; + --color-switch-knob-checked-bg: #0d1117; + --color-switch-knob-checked-disabled-bg: #161b22; + --color-switch-knob-checked-border: rgba(31,111,235,0.35); + --color-segmented-control-bg: rgba(110,118,129,0.1); + --color-segmented-control-button-bg: #0d1117; + --color-segmented-control-button-hover-bg: #30363d; + --color-segmented-control-button-active-bg: #21262d; + --color-segmented-control-button-selected-border: #6e7681; + --color-tree-view-item-chevron-hover-bg: rgba(177,186,196,0.12); + --color-tree-view-item-directory-fill: #7d8590; + --color-fg-default: #e6edf3; + --color-fg-muted: #7d8590; + --color-fg-subtle: #6e7681; + --color-fg-on-emphasis: #ffffff; + --color-canvas-default: #0d1117; + --color-canvas-overlay: #161b22; + --color-canvas-inset: #010409; + --color-canvas-subtle: #161b22; + --color-border-default: #30363d; + --color-border-muted: #21262d; + --color-border-subtle: rgba(240,246,252,0.1); + --color-shadow-small: 0 0 transparent; + --color-shadow-medium: 0 3px 6px #010409; + --color-shadow-large: 0 8px 24px #010409; + --color-shadow-extra-large: 0 12px 48px #010409; + --color-neutral-emphasis-plus: #6e7681; + --color-neutral-emphasis: #6e7681; + --color-neutral-muted: rgba(110,118,129,0.4); + --color-neutral-subtle: rgba(110,118,129,0.1); + --color-accent-fg: #2f81f7; + --color-accent-emphasis: #1f6feb; + --color-accent-muted: rgba(56,139,253,0.4); + --color-accent-subtle: rgba(56,139,253,0.1); + --color-success-fg: #3fb950; + --color-success-emphasis: #238636; + --color-success-muted: rgba(46,160,67,0.4); + --color-success-subtle: rgba(46,160,67,0.15); + --color-attention-fg: #d29922; + --color-attention-emphasis: #9e6a03; + --color-attention-muted: rgba(187,128,9,0.4); + --color-attention-subtle: rgba(187,128,9,0.15); + --color-severe-fg: #db6d28; + --color-severe-emphasis: #bd561d; + --color-severe-muted: rgba(219,109,40,0.4); + --color-severe-subtle: rgba(219,109,40,0.1); + --color-danger-fg: #f85149; + --color-danger-emphasis: #da3633; + --color-danger-muted: rgba(248,81,73,0.4); + --color-danger-subtle: rgba(248,81,73,0.1); + --color-open-fg: #3fb950; + --color-open-emphasis: #238636; + --color-open-muted: rgba(46,160,67,0.4); + --color-open-subtle: rgba(46,160,67,0.15); + --color-closed-fg: #f85149; + --color-closed-emphasis: #da3633; + --color-closed-muted: rgba(248,81,73,0.4); + --color-closed-subtle: rgba(248,81,73,0.15); + --color-done-fg: #a371f7; + --color-done-emphasis: #8957e5; + --color-done-muted: rgba(163,113,247,0.4); + --color-done-subtle: rgba(163,113,247,0.1); + --color-sponsors-fg: #db61a2; + --color-sponsors-emphasis: #bf4b8a; + --color-sponsors-muted: rgba(219,97,162,0.4); + --color-sponsors-subtle: rgba(219,97,162,0.1); + --color-primer-fg-disabled: #484f58; + --color-primer-canvas-backdrop: rgba(1,4,9,0.8); + --color-primer-canvas-sticky: rgba(13,17,23,0.95); + --color-primer-border-active: #f78166; + --color-primer-border-contrast: rgba(255,255,255,0.2); + --color-primer-shadow-highlight: 0 0 transparent; + --color-primer-shadow-inset: 0 0 transparent; + --color-scale-black: #010409; + --color-scale-white: #ffffff; + --color-scale-gray-0: #f0f6fc; + --color-scale-gray-1: #c9d1d9; + --color-scale-gray-2: #b1bac4; + --color-scale-gray-3: #8b949e; + --color-scale-gray-4: #6e7681; + --color-scale-gray-5: #484f58; + --color-scale-gray-6: #30363d; + --color-scale-gray-7: #21262d; + --color-scale-gray-8: #161b22; + --color-scale-gray-9: #0d1117; + --color-scale-blue-0: #cae8ff; + --color-scale-blue-1: #a5d6ff; + --color-scale-blue-2: #79c0ff; + --color-scale-blue-3: #58a6ff; + --color-scale-blue-4: #388bfd; + --color-scale-blue-5: #1f6feb; + --color-scale-blue-6: #1158c7; + --color-scale-blue-7: #0d419d; + --color-scale-blue-8: #0c2d6b; + --color-scale-blue-9: #051d4d; + --color-scale-green-0: #aff5b4; + --color-scale-green-1: #7ee787; + --color-scale-green-2: #56d364; + --color-scale-green-3: #3fb950; + --color-scale-green-4: #2ea043; + --color-scale-green-5: #238636; + --color-scale-green-6: #196c2e; + --color-scale-green-7: #0f5323; + --color-scale-green-8: #033a16; + --color-scale-green-9: #04260f; + --color-scale-yellow-0: #f8e3a1; + --color-scale-yellow-1: #f2cc60; + --color-scale-yellow-2: #e3b341; + --color-scale-yellow-3: #d29922; + --color-scale-yellow-4: #bb8009; + --color-scale-yellow-5: #9e6a03; + --color-scale-yellow-6: #845306; + --color-scale-yellow-7: #693e00; + --color-scale-yellow-8: #4b2900; + --color-scale-yellow-9: #341a00; + --color-scale-orange-0: #ffdfb6; + --color-scale-orange-1: #ffc680; + --color-scale-orange-2: #ffa657; + --color-scale-orange-3: #f0883e; + --color-scale-orange-4: #db6d28; + --color-scale-orange-5: #bd561d; + --color-scale-orange-6: #9b4215; + --color-scale-orange-7: #762d0a; + --color-scale-orange-8: #5a1e02; + --color-scale-orange-9: #3d1300; + --color-scale-red-0: #ffdcd7; + --color-scale-red-1: #ffc1ba; + --color-scale-red-2: #ffa198; + --color-scale-red-3: #ff7b72; + --color-scale-red-4: #f85149; + --color-scale-red-5: #da3633; + --color-scale-red-6: #b62324; + --color-scale-red-7: #8e1519; + --color-scale-red-8: #67060c; + --color-scale-red-9: #490202; + --color-scale-purple-0: #eddeff; + --color-scale-purple-1: #e2c5ff; + --color-scale-purple-2: #d2a8ff; + --color-scale-purple-3: #bc8cff; + --color-scale-purple-4: #a371f7; + --color-scale-purple-5: #8957e5; + --color-scale-purple-6: #6e40c9; + --color-scale-purple-7: #553098; + --color-scale-purple-8: #3c1e70; + --color-scale-purple-9: #271052; + --color-scale-pink-0: #ffdaec; + --color-scale-pink-1: #ffbedd; + --color-scale-pink-2: #ff9bce; + --color-scale-pink-3: #f778ba; + --color-scale-pink-4: #db61a2; + --color-scale-pink-5: #bf4b8a; + --color-scale-pink-6: #9e3670; + --color-scale-pink-7: #7d2457; + --color-scale-pink-8: #5e103e; + --color-scale-pink-9: #42062a; + --color-scale-coral-0: #ffddd2; + --color-scale-coral-1: #ffc2b2; + --color-scale-coral-2: #ffa28b; + --color-scale-coral-3: #f78166; + --color-scale-coral-4: #ea6045; + --color-scale-coral-5: #cf462d; + --color-scale-coral-6: #ac3220; + --color-scale-coral-7: #872012; + --color-scale-coral-8: #640d04; + --color-scale-coral-9: #460701; + } +} diff --git a/src/color-modes/colors_deprecated/_dark_colorblind.scss b/src/color-modes/colors_deprecated/_dark_colorblind.scss new file mode 100644 index 0000000000..19e1424acd --- /dev/null +++ b/src/color-modes/colors_deprecated/_dark_colorblind.scss @@ -0,0 +1,450 @@ +@mixin primer-colors-dark_colorblind { + & { + --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(88,166,255,0.3); + --color-diff-blob-addition-line-bg: rgba(56,139,253,0.15); + --color-diff-blob-addition-word-bg: rgba(56,139,253,0.4); + --color-diff-blob-deletion-num-text: #c9d1d9; + --color-diff-blob-deletion-fg: #c9d1d9; + --color-diff-blob-deletion-num-bg: rgba(212,118,22,0.3); + --color-diff-blob-deletion-line-bg: rgba(212,118,22,0.1); + --color-diff-blob-deletion-word-bg: rgba(212,118,22,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: #58a6ff; + --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: #a5d6ff; + --color-prettylights-syntax-keyword: #ec8e2c; + --color-prettylights-syntax-string: #a5d6ff; + --color-prettylights-syntax-variable: #fdac54; + --color-prettylights-syntax-brackethighlighter-unmatched: #d47616; + --color-prettylights-syntax-invalid-illegal-text: #f0f6fc; + --color-prettylights-syntax-invalid-illegal-bg: #6c3906; + --color-prettylights-syntax-carriage-return-text: #f0f6fc; + --color-prettylights-syntax-carriage-return-bg: #914d04; + --color-prettylights-syntax-string-regexp: #a5d6ff; + --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: #ffe2bb; + --color-prettylights-syntax-markup-deleted-bg: #4e2906; + --color-prettylights-syntax-markup-inserted-text: #cae8ff; + --color-prettylights-syntax-markup-inserted-bg: #0c2d6b; + --color-prettylights-syntax-markup-changed-text: #ffe2bb; + --color-prettylights-syntax-markup-changed-bg: #4e2906; + --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: #ec8e2c; + --color-codemirror-syntax-storage: #ec8e2c; + --color-codemirror-syntax-string: #a5d6ff; + --color-codemirror-syntax-support: #79c0ff; + --color-codemirror-syntax-variable: #fdac54; + --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 var(--color-border-default); + --color-checks-donut-error: #d47616; + --color-checks-donut-pending: #d29922; + --color-checks-donut-success: #388bfd; + --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.1); + --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: #d47616; + --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(212,118,22,0.1); + --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: #58a6ff; + --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: #ec8e2c; + --color-checks-ansi-red-bright: #fdac54; + --color-checks-ansi-green: #58a6ff; + --color-checks-ansi-green-bright: #79c0ff; + --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-control-border-color-emphasis: #606771; + --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: 0 0 0 2px #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-overlay-backdrop: rgba(22,27,34,0.4); + --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: #ec8e2c; + --color-ansi-red-bright: #fdac54; + --color-ansi-green: #58a6ff; + --color-ansi-green-bright: #79c0ff; + --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,0.1); + --color-btn-shadow: 0 0 transparent; + --color-btn-inset-shadow: 0 0 transparent; + --color-btn-hover-bg: #30363d; + --color-btn-hover-border: #8b949e; + --color-btn-active-bg: hsla(212,12%,18%,1); + --color-btn-active-border: #6e7681; + --color-btn-selected-bg: #161b22; + --color-btn-counter-bg: #30363d; + --color-btn-primary-text: #ffffff; + --color-btn-primary-bg: #1f6feb; + --color-btn-primary-border: rgba(240,246,252,0.1); + --color-btn-primary-shadow: 0 0 transparent; + --color-btn-primary-inset-shadow: 0 0 transparent; + --color-btn-primary-hover-bg: #388bfd; + --color-btn-primary-hover-border: rgba(240,246,252,0.1); + --color-btn-primary-selected-bg: #1f6feb; + --color-btn-primary-selected-shadow: 0 0 transparent; + --color-btn-primary-disabled-text: rgba(255,255,255,0.5); + --color-btn-primary-disabled-bg: rgba(31,111,235,0.6); + --color-btn-primary-disabled-border: rgba(240,246,252,0.1); + --color-btn-primary-icon: #ffffff; + --color-btn-primary-counter-bg: rgba(5,29,77,0.2); + --color-btn-outline-text: #388bfd; + --color-btn-outline-hover-text: #58a6ff; + --color-btn-outline-hover-bg: #30363d; + --color-btn-outline-hover-border: rgba(240,246,252,0.1); + --color-btn-outline-hover-shadow: 0 1px 0 rgba(1,4,9,0.1); + --color-btn-outline-hover-inset-shadow: inset 0 1px 0 rgba(255,255,255,0.03); + --color-btn-outline-hover-counter-bg: rgba(5,29,77,0.2); + --color-btn-outline-selected-text: #ffffff; + --color-btn-outline-selected-bg: #0d419d; + --color-btn-outline-selected-border: rgba(240,246,252,0.1); + --color-btn-outline-selected-shadow: 0 0 transparent; + --color-btn-outline-disabled-text: rgba(88,166,255,0.5); + --color-btn-outline-disabled-bg: #0d1117; + --color-btn-outline-disabled-counter-bg: rgba(31,111,235,0.05); + --color-btn-outline-counter-bg: rgba(5,29,77,0.2); + --color-btn-outline-hover-counter-fg: #58a6ff; + --color-btn-outline-disabled-counter-fg: rgba(88,166,255,0.5); + --color-btn-outline-counter-fg: #388bfd; + --color-btn-danger-text: #d47616; + --color-btn-danger-hover-text: #ffffff; + --color-btn-danger-hover-bg: #b76100; + --color-btn-danger-hover-border: #d47616; + --color-btn-danger-hover-shadow: 0 0 transparent; + --color-btn-danger-hover-inset-shadow: 0 0 transparent; + --color-btn-danger-hover-icon: #ffffff; + --color-btn-danger-hover-counter-bg: rgba(255,255,255,0.2); + --color-btn-danger-selected-text: #ffffff; + --color-btn-danger-selected-bg: #914d04; + --color-btn-danger-selected-border: #ec8e2c; + --color-btn-danger-selected-shadow: 0 0 transparent; + --color-btn-danger-disabled-text: rgba(212,118,22,0.5); + --color-btn-danger-disabled-bg: #0d1117; + --color-btn-danger-disabled-counter-bg: rgba(183,97,0,0.05); + --color-btn-danger-counter-bg: rgba(51,28,4,0.2); + --color-btn-danger-icon: #d47616; + --color-btn-danger-counter-fg: #d47616; + --color-btn-danger-disabled-counter-fg: rgba(212,118,22,0.5); + --color-btn-danger-hover-counter-fg: #ffffff; + --color-underlinenav-icon: #6e7681; + --color-underlinenav-border-hover: rgba(110,118,129,0.4); + --color-action-list-item-inline-divider: rgba(48,54,61,0.48); + --color-action-list-item-default-hover-bg: rgba(177,186,196,0.12); + --color-action-list-item-default-hover-border: rgba(0,0,0,0); + --color-action-list-item-default-active-bg: rgba(177,186,196,0.2); + --color-action-list-item-default-active-border: rgba(0,0,0,0); + --color-action-list-item-default-selected-bg: rgba(177,186,196,0.08); + --color-action-list-item-danger-hover-bg: rgba(212,118,22,0.16); + --color-action-list-item-danger-active-bg: rgba(212,118,22,0.24); + --color-action-list-item-danger-hover-text: #ec8e2c; + --color-switch-track-bg: rgba(110,118,129,0.1); + --color-switch-track-hover-bg: hsla(215,8%,72%,0.1); + --color-switch-track-active-bg: rgba(110,118,129,0.4); + --color-switch-track-disabled-bg: #21262d; + --color-switch-track-fg: #8b949e; + --color-switch-track-disabled-fg: #010409; + --color-switch-track-border: rgba(0,0,0,0); + --color-switch-track-checked-bg: rgba(31,111,235,0.35); + --color-switch-track-checked-hover-bg: rgba(31,111,235,0.5); + --color-switch-track-checked-active-bg: rgba(31,111,235,0.65); + --color-switch-track-checked-fg: #ffffff; + --color-switch-track-checked-disabled-fg: #010409; + --color-switch-track-checked-border: rgba(0,0,0,0); + --color-switch-knob-bg: #0d1117; + --color-switch-knob-border: #606771; + --color-switch-knob-disabled-bg: #161b22; + --color-switch-knob-checked-bg: #0d1117; + --color-switch-knob-checked-disabled-bg: #161b22; + --color-switch-knob-checked-border: rgba(31,111,235,0.35); + --color-segmented-control-bg: rgba(110,118,129,0.1); + --color-segmented-control-button-bg: #0d1117; + --color-segmented-control-button-hover-bg: #30363d; + --color-segmented-control-button-active-bg: #21262d; + --color-segmented-control-button-selected-border: #6e7681; + --color-tree-view-item-chevron-hover-bg: rgba(177,186,196,0.12); + --color-tree-view-item-directory-fill: #8b949e; + --color-fg-default: #c9d1d9; + --color-fg-muted: #8b949e; + --color-fg-subtle: #6e7681; + --color-fg-on-emphasis: #ffffff; + --color-canvas-default: #0d1117; + --color-canvas-overlay: #161b22; + --color-canvas-inset: #010409; + --color-canvas-subtle: #161b22; + --color-border-default: #30363d; + --color-border-muted: #21262d; + --color-border-subtle: rgba(240,246,252,0.1); + --color-shadow-small: 0 0 transparent; + --color-shadow-medium: 0 3px 6px #010409; + --color-shadow-large: 0 8px 24px #010409; + --color-shadow-extra-large: 0 12px 48px #010409; + --color-neutral-emphasis-plus: #6e7681; + --color-neutral-emphasis: #6e7681; + --color-neutral-muted: rgba(110,118,129,0.4); + --color-neutral-subtle: rgba(110,118,129,0.1); + --color-accent-fg: #58a6ff; + --color-accent-emphasis: #1f6feb; + --color-accent-muted: rgba(56,139,253,0.4); + --color-accent-subtle: rgba(56,139,253,0.1); + --color-success-fg: #58a6ff; + --color-success-emphasis: #1f6feb; + --color-success-muted: rgba(56,139,253,0.4); + --color-success-subtle: rgba(56,139,253,0.15); + --color-attention-fg: #d29922; + --color-attention-emphasis: #9e6a03; + --color-attention-muted: rgba(187,128,9,0.4); + --color-attention-subtle: rgba(187,128,9,0.15); + --color-severe-fg: #d47616; + --color-severe-emphasis: #b76100; + --color-severe-muted: rgba(212,118,22,0.4); + --color-severe-subtle: rgba(212,118,22,0.1); + --color-danger-fg: #d47616; + --color-danger-emphasis: #b76100; + --color-danger-muted: rgba(212,118,22,0.4); + --color-danger-subtle: rgba(212,118,22,0.1); + --color-open-fg: #ec8e2c; + --color-open-emphasis: #b76100; + --color-open-muted: rgba(212,118,22,0.4); + --color-open-subtle: rgba(212,118,22,0.15); + --color-closed-fg: #8b949e; + --color-closed-emphasis: #6e7681; + --color-closed-muted: rgba(110,118,129,0.4); + --color-closed-subtle: rgba(110,118,129,0.1); + --color-done-fg: #a371f7; + --color-done-emphasis: #8957e5; + --color-done-muted: rgba(163,113,247,0.4); + --color-done-subtle: rgba(163,113,247,0.1); + --color-sponsors-fg: #db61a2; + --color-sponsors-emphasis: #bf4b8a; + --color-sponsors-muted: rgba(219,97,162,0.4); + --color-sponsors-subtle: rgba(219,97,162,0.1); + --color-primer-fg-disabled: #484f58; + --color-primer-canvas-backdrop: rgba(1,4,9,0.8); + --color-primer-canvas-sticky: rgba(13,17,23,0.95); + --color-primer-border-active: #f78166; + --color-primer-border-contrast: rgba(255,255,255,0.2); + --color-primer-shadow-highlight: 0 0 transparent; + --color-primer-shadow-inset: 0 0 transparent; + --color-scale-black: #010409; + --color-scale-white: #ffffff; + --color-scale-gray-0: #f0f6fc; + --color-scale-gray-1: #c9d1d9; + --color-scale-gray-2: #b1bac4; + --color-scale-gray-3: #8b949e; + --color-scale-gray-4: #6e7681; + --color-scale-gray-5: #484f58; + --color-scale-gray-6: #30363d; + --color-scale-gray-7: #21262d; + --color-scale-gray-8: #161b22; + --color-scale-gray-9: #0d1117; + --color-scale-blue-0: #cae8ff; + --color-scale-blue-1: #a5d6ff; + --color-scale-blue-2: #79c0ff; + --color-scale-blue-3: #58a6ff; + --color-scale-blue-4: #388bfd; + --color-scale-blue-5: #1f6feb; + --color-scale-blue-6: #1158c7; + --color-scale-blue-7: #0d419d; + --color-scale-blue-8: #0c2d6b; + --color-scale-blue-9: #051d4d; + --color-scale-green-0: #cae8ff; + --color-scale-green-1: #a5d6ff; + --color-scale-green-2: #79c0ff; + --color-scale-green-3: #58a6ff; + --color-scale-green-4: #388bfd; + --color-scale-green-5: #1f6feb; + --color-scale-green-6: #1158c7; + --color-scale-green-7: #0d419d; + --color-scale-green-8: #0c2d6b; + --color-scale-green-9: #051d4d; + --color-scale-yellow-0: #f8e3a1; + --color-scale-yellow-1: #f2cc60; + --color-scale-yellow-2: #e3b341; + --color-scale-yellow-3: #d29922; + --color-scale-yellow-4: #bb8009; + --color-scale-yellow-5: #9e6a03; + --color-scale-yellow-6: #845306; + --color-scale-yellow-7: #693e00; + --color-scale-yellow-8: #4b2900; + --color-scale-yellow-9: #341a00; + --color-scale-orange-0: #ffe2bb; + --color-scale-orange-1: #ffc981; + --color-scale-orange-2: #fdac54; + --color-scale-orange-3: #ec8e2c; + --color-scale-orange-4: #d47616; + --color-scale-orange-5: #b76100; + --color-scale-orange-6: #914d04; + --color-scale-orange-7: #6c3906; + --color-scale-orange-8: #4e2906; + --color-scale-orange-9: #331c04; + --color-scale-red-0: #ffe2bb; + --color-scale-red-1: #ffc981; + --color-scale-red-2: #fdac54; + --color-scale-red-3: #ec8e2c; + --color-scale-red-4: #d47616; + --color-scale-red-5: #b76100; + --color-scale-red-6: #914d04; + --color-scale-red-7: #6c3906; + --color-scale-red-8: #4e2906; + --color-scale-red-9: #331c04; + --color-scale-purple-0: #eddeff; + --color-scale-purple-1: #e2c5ff; + --color-scale-purple-2: #d2a8ff; + --color-scale-purple-3: #bc8cff; + --color-scale-purple-4: #a371f7; + --color-scale-purple-5: #8957e5; + --color-scale-purple-6: #6e40c9; + --color-scale-purple-7: #553098; + --color-scale-purple-8: #3c1e70; + --color-scale-purple-9: #271052; + --color-scale-pink-0: #ffdaec; + --color-scale-pink-1: #ffbedd; + --color-scale-pink-2: #ff9bce; + --color-scale-pink-3: #f778ba; + --color-scale-pink-4: #db61a2; + --color-scale-pink-5: #bf4b8a; + --color-scale-pink-6: #9e3670; + --color-scale-pink-7: #7d2457; + --color-scale-pink-8: #5e103e; + --color-scale-pink-9: #42062a; + --color-scale-coral-0: #ffddd2; + --color-scale-coral-1: #ffc2b2; + --color-scale-coral-2: #ffa28b; + --color-scale-coral-3: #f78166; + --color-scale-coral-4: #ea6045; + --color-scale-coral-5: #cf462d; + --color-scale-coral-6: #ac3220; + --color-scale-coral-7: #872012; + --color-scale-coral-8: #640d04; + --color-scale-coral-9: #460701; + } +} diff --git a/src/color-modes/colors_deprecated/_dark_dimmed.scss b/src/color-modes/colors_deprecated/_dark_dimmed.scss new file mode 100644 index 0000000000..9837cef2b8 --- /dev/null +++ b/src/color-modes/colors_deprecated/_dark_dimmed.scss @@ -0,0 +1,450 @@ +@mixin primer-colors-dark_dimmed { + & { + --color-canvas-default-transparent: rgba(34,39,46,0); + --color-page-header-bg: #22272e; + --color-marketing-icon-primary: #6cb6ff; + --color-marketing-icon-secondary: #316dca; + --color-diff-blob-addition-num-text: #adbac7; + --color-diff-blob-addition-fg: #adbac7; + --color-diff-blob-addition-num-bg: rgba(87,171,90,0.3); + --color-diff-blob-addition-line-bg: rgba(70,149,74,0.15); + --color-diff-blob-addition-word-bg: rgba(70,149,74,0.4); + --color-diff-blob-deletion-num-text: #adbac7; + --color-diff-blob-deletion-fg: #adbac7; + --color-diff-blob-deletion-num-bg: rgba(229,83,75,0.3); + --color-diff-blob-deletion-line-bg: rgba(229,83,75,0.1); + --color-diff-blob-deletion-word-bg: rgba(229,83,75,0.4); + --color-diff-blob-hunk-num-bg: rgba(65,132,228,0.4); + --color-diff-blob-expander-icon: #adbac7; + --color-diff-blob-selected-line-highlight-mix-blend-mode: screen; + --color-diffstat-deletion-border: rgba(205,217,229,0.1); + --color-diffstat-addition-border: rgba(205,217,229,0.1); + --color-diffstat-addition-bg: #57ab5a; + --color-search-keyword-hl: rgba(198,144,38,0.4); + --color-prettylights-syntax-comment: #768390; + --color-prettylights-syntax-constant: #6cb6ff; + --color-prettylights-syntax-entity: #dcbdfb; + --color-prettylights-syntax-storage-modifier-import: #adbac7; + --color-prettylights-syntax-entity-tag: #8ddb8c; + --color-prettylights-syntax-keyword: #f47067; + --color-prettylights-syntax-string: #96d0ff; + --color-prettylights-syntax-variable: #f69d50; + --color-prettylights-syntax-brackethighlighter-unmatched: #e5534b; + --color-prettylights-syntax-invalid-illegal-text: #cdd9e5; + --color-prettylights-syntax-invalid-illegal-bg: #922323; + --color-prettylights-syntax-carriage-return-text: #cdd9e5; + --color-prettylights-syntax-carriage-return-bg: #ad2e2c; + --color-prettylights-syntax-string-regexp: #8ddb8c; + --color-prettylights-syntax-markup-list: #eac55f; + --color-prettylights-syntax-markup-heading: #316dca; + --color-prettylights-syntax-markup-italic: #adbac7; + --color-prettylights-syntax-markup-bold: #adbac7; + --color-prettylights-syntax-markup-deleted-text: #ffd8d3; + --color-prettylights-syntax-markup-deleted-bg: #78191b; + --color-prettylights-syntax-markup-inserted-text: #b4f1b4; + --color-prettylights-syntax-markup-inserted-bg: #1b4721; + --color-prettylights-syntax-markup-changed-text: #ffddb0; + --color-prettylights-syntax-markup-changed-bg: #682d0f; + --color-prettylights-syntax-markup-ignored-text: #adbac7; + --color-prettylights-syntax-markup-ignored-bg: #255ab2; + --color-prettylights-syntax-meta-diff-range: #dcbdfb; + --color-prettylights-syntax-brackethighlighter-angle: #768390; + --color-prettylights-syntax-sublimelinter-gutter-mark: #545d68; + --color-prettylights-syntax-constant-other-reference-link: #96d0ff; + --color-codemirror-text: #adbac7; + --color-codemirror-bg: #22272e; + --color-codemirror-gutters-bg: #22272e; + --color-codemirror-guttermarker-text: #22272e; + --color-codemirror-guttermarker-subtle-text: #636e7b; + --color-codemirror-linenumber-text: #768390; + --color-codemirror-cursor: #adbac7; + --color-codemirror-selection-bg: rgba(65,132,228,0.4); + --color-codemirror-activeline-bg: rgba(99,110,123,0.1); + --color-codemirror-matchingbracket-text: #adbac7; + --color-codemirror-lines-bg: #22272e; + --color-codemirror-syntax-comment: #768390; + --color-codemirror-syntax-constant: #6cb6ff; + --color-codemirror-syntax-entity: #dcbdfb; + --color-codemirror-syntax-keyword: #f47067; + --color-codemirror-syntax-storage: #f47067; + --color-codemirror-syntax-string: #96d0ff; + --color-codemirror-syntax-support: #6cb6ff; + --color-codemirror-syntax-variable: #f69d50; + --color-checks-bg: #1c2128; + --color-checks-run-border-width: 1px; + --color-checks-container-border-width: 1px; + --color-checks-text-primary: #adbac7; + --color-checks-text-secondary: #768390; + --color-checks-text-link: #539bf5; + --color-checks-btn-icon: #768390; + --color-checks-btn-hover-icon: #adbac7; + --color-checks-btn-hover-bg: rgba(99,110,123,0.1); + --color-checks-input-text: #768390; + --color-checks-input-placeholder-text: #636e7b; + --color-checks-input-focus-text: #adbac7; + --color-checks-input-bg: #2d333b; + --color-checks-input-shadow: 0 0 0 1px var(--color-border-default); + --color-checks-donut-error: #e5534b; + --color-checks-donut-pending: #c69026; + --color-checks-donut-success: #46954a; + --color-checks-donut-neutral: #768390; + --color-checks-dropdown-text: #adbac7; + --color-checks-dropdown-bg: #2d333b; + --color-checks-dropdown-border: #444c56; + --color-checks-dropdown-shadow: rgba(28,33,40,0.3); + --color-checks-dropdown-hover-text: #adbac7; + --color-checks-dropdown-hover-bg: rgba(99,110,123,0.1); + --color-checks-dropdown-btn-hover-text: #adbac7; + --color-checks-dropdown-btn-hover-bg: rgba(99,110,123,0.1); + --color-checks-scrollbar-thumb-bg: rgba(99,110,123,0.4); + --color-checks-header-label-text: #768390; + --color-checks-header-label-open-text: #adbac7; + --color-checks-header-border: #373e47; + --color-checks-header-icon: #768390; + --color-checks-line-text: #768390; + --color-checks-line-num-text: #636e7b; + --color-checks-line-timestamp-text: #636e7b; + --color-checks-line-hover-bg: rgba(99,110,123,0.1); + --color-checks-line-selected-bg: rgba(65,132,228,0.1); + --color-checks-line-selected-num-text: #539bf5; + --color-checks-line-dt-fm-text: #cdd9e5; + --color-checks-line-dt-fm-bg: #966600; + --color-checks-gate-bg: rgba(174,124,20,0.15); + --color-checks-gate-text: #768390; + --color-checks-gate-waiting-text: #c69026; + --color-checks-step-header-open-bg: #2d333b; + --color-checks-step-error-text: #e5534b; + --color-checks-step-warning-text: #c69026; + --color-checks-logline-text: #768390; + --color-checks-logline-num-text: #636e7b; + --color-checks-logline-debug-text: #986ee2; + --color-checks-logline-error-text: #768390; + --color-checks-logline-error-num-text: #636e7b; + --color-checks-logline-error-bg: rgba(229,83,75,0.1); + --color-checks-logline-warning-text: #768390; + --color-checks-logline-warning-num-text: #c69026; + --color-checks-logline-warning-bg: rgba(174,124,20,0.15); + --color-checks-logline-command-text: #539bf5; + --color-checks-logline-section-text: #57ab5a; + --color-checks-ansi-black: #22272e; + --color-checks-ansi-black-bright: #2d333b; + --color-checks-ansi-white: #909dab; + --color-checks-ansi-white-bright: #909dab; + --color-checks-ansi-gray: #636e7b; + --color-checks-ansi-red: #f47067; + --color-checks-ansi-red-bright: #ff938a; + --color-checks-ansi-green: #57ab5a; + --color-checks-ansi-green-bright: #6bc46d; + --color-checks-ansi-yellow: #c69026; + --color-checks-ansi-yellow-bright: #daaa3f; + --color-checks-ansi-blue: #539bf5; + --color-checks-ansi-blue-bright: #6cb6ff; + --color-checks-ansi-magenta: #b083f0; + --color-checks-ansi-magenta-bright: #dcbdfb; + --color-checks-ansi-cyan: #76e3ea; + --color-checks-ansi-cyan-bright: #b3f0ff; + --color-project-header-bg: #22272e; + --color-project-sidebar-bg: #2d333b; + --color-project-gradient-in: #2d333b; + --color-project-gradient-out: rgba(45,51,59,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-control-border-color-emphasis: #606771; + --color-avatar-bg: rgba(205,217,229,0.1); + --color-avatar-border: rgba(205,217,229,0.1); + --color-avatar-stack-fade: #444c56; + --color-avatar-stack-fade-more: #373e47; + --color-avatar-child-shadow: 0 0 0 2px #22272e; + --color-topic-tag-border: rgba(0,0,0,0); + --color-counter-border: rgba(0,0,0,0); + --color-select-menu-backdrop-border: #545d68; + --color-select-menu-tap-highlight: rgba(68,76,86,0.5); + --color-select-menu-tap-focus-bg: #143d79; + --color-overlay-shadow: 0 0 0 1px #444c56, 0 16px 32px rgba(28,33,40,0.85); + --color-overlay-backdrop: rgba(45,51,59,0.4); + --color-header-text: rgba(205,217,229,0.7); + --color-header-bg: #2d333b; + --color-header-divider: #768390; + --color-header-logo: #cdd9e5; + --color-header-search-bg: #22272e; + --color-header-search-border: #444c56; + --color-sidenav-selected-bg: #373e47; + --color-menu-bg-active: #2d333b; + --color-input-disabled-bg: rgba(99,110,123,0); + --color-timeline-badge-bg: #373e47; + --color-ansi-black: #545d68; + --color-ansi-black-bright: #636e7b; + --color-ansi-white: #909dab; + --color-ansi-white-bright: #cdd9e5; + --color-ansi-gray: #636e7b; + --color-ansi-red: #f47067; + --color-ansi-red-bright: #ff938a; + --color-ansi-green: #57ab5a; + --color-ansi-green-bright: #6bc46d; + --color-ansi-yellow: #c69026; + --color-ansi-yellow-bright: #daaa3f; + --color-ansi-blue: #539bf5; + --color-ansi-blue-bright: #6cb6ff; + --color-ansi-magenta: #b083f0; + --color-ansi-magenta-bright: #dcbdfb; + --color-ansi-cyan: #39c5cf; + --color-ansi-cyan-bright: #56d4dd; + --color-btn-text: #adbac7; + --color-btn-bg: #373e47; + --color-btn-border: rgba(205,217,229,0.1); + --color-btn-shadow: 0 0 transparent; + --color-btn-inset-shadow: 0 0 transparent; + --color-btn-hover-bg: #444c56; + --color-btn-hover-border: #768390; + --color-btn-active-bg: hsla(213,12%,27%,1); + --color-btn-active-border: #636e7b; + --color-btn-selected-bg: #2d333b; + --color-btn-counter-bg: #444c56; + --color-btn-primary-text: #ffffff; + --color-btn-primary-bg: #347d39; + --color-btn-primary-border: rgba(205,217,229,0.1); + --color-btn-primary-shadow: 0 0 transparent; + --color-btn-primary-inset-shadow: 0 0 transparent; + --color-btn-primary-hover-bg: #46954a; + --color-btn-primary-hover-border: rgba(205,217,229,0.1); + --color-btn-primary-selected-bg: #347d39; + --color-btn-primary-selected-shadow: 0 0 transparent; + --color-btn-primary-disabled-text: rgba(205,217,229,0.5); + --color-btn-primary-disabled-bg: rgba(52,125,57,0.6); + --color-btn-primary-disabled-border: rgba(205,217,229,0.1); + --color-btn-primary-icon: #cdd9e5; + --color-btn-primary-counter-bg: rgba(17,52,23,0.2); + --color-btn-outline-text: #4184e4; + --color-btn-outline-hover-text: #539bf5; + --color-btn-outline-hover-bg: #444c56; + --color-btn-outline-hover-border: rgba(205,217,229,0.1); + --color-btn-outline-hover-shadow: 0 1px 0 rgba(28,33,40,0.1); + --color-btn-outline-hover-inset-shadow: inset 0 1px 0 rgba(205,217,229,0.03); + --color-btn-outline-hover-counter-bg: rgba(15,45,92,0.2); + --color-btn-outline-selected-text: #cdd9e5; + --color-btn-outline-selected-bg: #1b4b91; + --color-btn-outline-selected-border: rgba(205,217,229,0.1); + --color-btn-outline-selected-shadow: 0 0 transparent; + --color-btn-outline-disabled-text: rgba(83,155,245,0.5); + --color-btn-outline-disabled-bg: #22272e; + --color-btn-outline-disabled-counter-bg: rgba(49,109,202,0.05); + --color-btn-outline-counter-bg: rgba(15,45,92,0.2); + --color-btn-outline-hover-counter-fg: #539bf5; + --color-btn-outline-disabled-counter-fg: rgba(83,155,245,0.5); + --color-btn-outline-counter-fg: #4184e4; + --color-btn-danger-text: #e5534b; + --color-btn-danger-hover-text: #cdd9e5; + --color-btn-danger-hover-bg: #c93c37; + --color-btn-danger-hover-border: #e5534b; + --color-btn-danger-hover-shadow: 0 0 transparent; + --color-btn-danger-hover-inset-shadow: 0 0 transparent; + --color-btn-danger-hover-icon: #cdd9e5; + --color-btn-danger-hover-counter-bg: rgba(255,255,255,0.2); + --color-btn-danger-selected-text: #ffffff; + --color-btn-danger-selected-bg: #ad2e2c; + --color-btn-danger-selected-border: #f47067; + --color-btn-danger-selected-shadow: 0 0 transparent; + --color-btn-danger-disabled-text: rgba(229,83,75,0.5); + --color-btn-danger-disabled-bg: #22272e; + --color-btn-danger-disabled-counter-bg: rgba(201,60,55,0.05); + --color-btn-danger-counter-bg: rgba(93,15,18,0.2); + --color-btn-danger-icon: #e5534b; + --color-btn-danger-counter-fg: #e5534b; + --color-btn-danger-disabled-counter-fg: rgba(229,83,75,0.5); + --color-btn-danger-hover-counter-fg: #cdd9e5; + --color-underlinenav-icon: #636e7b; + --color-underlinenav-border-hover: rgba(99,110,123,0.4); + --color-action-list-item-inline-divider: rgba(68,76,86,0.48); + --color-action-list-item-default-hover-bg: rgba(144,157,171,0.12); + --color-action-list-item-default-hover-border: rgba(0,0,0,0); + --color-action-list-item-default-active-bg: rgba(144,157,171,0.2); + --color-action-list-item-default-active-border: rgba(0,0,0,0); + --color-action-list-item-default-selected-bg: rgba(144,157,171,0.08); + --color-action-list-item-danger-hover-bg: rgba(229,83,75,0.16); + --color-action-list-item-danger-active-bg: rgba(229,83,75,0.24); + --color-action-list-item-danger-hover-text: #f47067; + --color-switch-track-bg: rgba(99,110,123,0.1); + --color-switch-track-hover-bg: hsla(213,11%,69%,0.1); + --color-switch-track-active-bg: rgba(99,110,123,0.4); + --color-switch-track-disabled-bg: #373e47; + --color-switch-track-fg: #768390; + --color-switch-track-disabled-fg: #1c2128; + --color-switch-track-border: rgba(0,0,0,0); + --color-switch-track-checked-bg: rgba(49,109,202,0.35); + --color-switch-track-checked-hover-bg: rgba(49,109,202,0.5); + --color-switch-track-checked-active-bg: rgba(49,109,202,0.65); + --color-switch-track-checked-fg: #cdd9e5; + --color-switch-track-checked-disabled-fg: #1c2128; + --color-switch-track-checked-border: rgba(0,0,0,0); + --color-switch-knob-bg: #22272e; + --color-switch-knob-border: #606771; + --color-switch-knob-disabled-bg: #2d333b; + --color-switch-knob-checked-bg: #22272e; + --color-switch-knob-checked-disabled-bg: #2d333b; + --color-switch-knob-checked-border: rgba(49,109,202,0.35); + --color-segmented-control-bg: rgba(99,110,123,0.1); + --color-segmented-control-button-bg: #22272e; + --color-segmented-control-button-hover-bg: #444c56; + --color-segmented-control-button-active-bg: #373e47; + --color-segmented-control-button-selected-border: #636e7b; + --color-tree-view-item-chevron-hover-bg: rgba(144,157,171,0.12); + --color-tree-view-item-directory-fill: #768390; + --color-fg-default: #adbac7; + --color-fg-muted: #768390; + --color-fg-subtle: #636e7b; + --color-fg-on-emphasis: #cdd9e5; + --color-canvas-default: #22272e; + --color-canvas-overlay: #2d333b; + --color-canvas-inset: #1c2128; + --color-canvas-subtle: #2d333b; + --color-border-default: #444c56; + --color-border-muted: #373e47; + --color-border-subtle: rgba(205,217,229,0.1); + --color-shadow-small: 0 0 transparent; + --color-shadow-medium: 0 3px 6px #1c2128; + --color-shadow-large: 0 8px 24px #1c2128; + --color-shadow-extra-large: 0 12px 48px #1c2128; + --color-neutral-emphasis-plus: #636e7b; + --color-neutral-emphasis: #636e7b; + --color-neutral-muted: rgba(99,110,123,0.4); + --color-neutral-subtle: rgba(99,110,123,0.1); + --color-accent-fg: #539bf5; + --color-accent-emphasis: #316dca; + --color-accent-muted: rgba(65,132,228,0.4); + --color-accent-subtle: rgba(65,132,228,0.1); + --color-success-fg: #57ab5a; + --color-success-emphasis: #347d39; + --color-success-muted: rgba(70,149,74,0.4); + --color-success-subtle: rgba(70,149,74,0.15); + --color-attention-fg: #c69026; + --color-attention-emphasis: #966600; + --color-attention-muted: rgba(174,124,20,0.4); + --color-attention-subtle: rgba(174,124,20,0.15); + --color-severe-fg: #cc6b2c; + --color-severe-emphasis: #ae5622; + --color-severe-muted: rgba(204,107,44,0.4); + --color-severe-subtle: rgba(204,107,44,0.1); + --color-danger-fg: #e5534b; + --color-danger-emphasis: #c93c37; + --color-danger-muted: rgba(229,83,75,0.4); + --color-danger-subtle: rgba(229,83,75,0.1); + --color-open-fg: #57ab5a; + --color-open-emphasis: #347d39; + --color-open-muted: rgba(70,149,74,0.4); + --color-open-subtle: rgba(70,149,74,0.15); + --color-closed-fg: #e5534b; + --color-closed-emphasis: #c93c37; + --color-closed-muted: rgba(229,83,75,0.4); + --color-closed-subtle: rgba(229,83,75,0.15); + --color-done-fg: #986ee2; + --color-done-emphasis: #8256d0; + --color-done-muted: rgba(152,110,226,0.4); + --color-done-subtle: rgba(152,110,226,0.1); + --color-sponsors-fg: #c96198; + --color-sponsors-emphasis: #ae4c82; + --color-sponsors-muted: rgba(201,97,152,0.4); + --color-sponsors-subtle: rgba(201,97,152,0.1); + --color-primer-fg-disabled: #545d68; + --color-primer-canvas-backdrop: rgba(28,33,40,0.8); + --color-primer-canvas-sticky: rgba(34,39,46,0.95); + --color-primer-border-active: #ec775c; + --color-primer-border-contrast: rgba(205,217,229,0.2); + --color-primer-shadow-highlight: 0 0 transparent; + --color-primer-shadow-inset: 0 0 transparent; + --color-scale-black: #1c2128; + --color-scale-white: #cdd9e5; + --color-scale-gray-0: #cdd9e5; + --color-scale-gray-1: #adbac7; + --color-scale-gray-2: #909dab; + --color-scale-gray-3: #768390; + --color-scale-gray-4: #636e7b; + --color-scale-gray-5: #545d68; + --color-scale-gray-6: #444c56; + --color-scale-gray-7: #373e47; + --color-scale-gray-8: #2d333b; + --color-scale-gray-9: #22272e; + --color-scale-blue-0: #c6e6ff; + --color-scale-blue-1: #96d0ff; + --color-scale-blue-2: #6cb6ff; + --color-scale-blue-3: #539bf5; + --color-scale-blue-4: #4184e4; + --color-scale-blue-5: #316dca; + --color-scale-blue-6: #255ab2; + --color-scale-blue-7: #1b4b91; + --color-scale-blue-8: #143d79; + --color-scale-blue-9: #0f2d5c; + --color-scale-green-0: #b4f1b4; + --color-scale-green-1: #8ddb8c; + --color-scale-green-2: #6bc46d; + --color-scale-green-3: #57ab5a; + --color-scale-green-4: #46954a; + --color-scale-green-5: #347d39; + --color-scale-green-6: #2b6a30; + --color-scale-green-7: #245829; + --color-scale-green-8: #1b4721; + --color-scale-green-9: #113417; + --color-scale-yellow-0: #fbe090; + --color-scale-yellow-1: #eac55f; + --color-scale-yellow-2: #daaa3f; + --color-scale-yellow-3: #c69026; + --color-scale-yellow-4: #ae7c14; + --color-scale-yellow-5: #966600; + --color-scale-yellow-6: #805400; + --color-scale-yellow-7: #6c4400; + --color-scale-yellow-8: #593600; + --color-scale-yellow-9: #452700; + --color-scale-orange-0: #ffddb0; + --color-scale-orange-1: #ffbc6f; + --color-scale-orange-2: #f69d50; + --color-scale-orange-3: #e0823d; + --color-scale-orange-4: #cc6b2c; + --color-scale-orange-5: #ae5622; + --color-scale-orange-6: #94471b; + --color-scale-orange-7: #7f3913; + --color-scale-orange-8: #682d0f; + --color-scale-orange-9: #4d210c; + --color-scale-red-0: #ffd8d3; + --color-scale-red-1: #ffb8b0; + --color-scale-red-2: #ff938a; + --color-scale-red-3: #f47067; + --color-scale-red-4: #e5534b; + --color-scale-red-5: #c93c37; + --color-scale-red-6: #ad2e2c; + --color-scale-red-7: #922323; + --color-scale-red-8: #78191b; + --color-scale-red-9: #5d0f12; + --color-scale-purple-0: #eedcff; + --color-scale-purple-1: #dcbdfb; + --color-scale-purple-2: #dcbdfb; + --color-scale-purple-3: #b083f0; + --color-scale-purple-4: #986ee2; + --color-scale-purple-5: #8256d0; + --color-scale-purple-6: #6b44bc; + --color-scale-purple-7: #5936a2; + --color-scale-purple-8: #472c82; + --color-scale-purple-9: #352160; + --color-scale-pink-0: #ffd7eb; + --color-scale-pink-1: #ffb3d8; + --color-scale-pink-2: #fc8dc7; + --color-scale-pink-3: #e275ad; + --color-scale-pink-4: #c96198; + --color-scale-pink-5: #ae4c82; + --color-scale-pink-6: #983b6e; + --color-scale-pink-7: #7e325a; + --color-scale-pink-8: #69264a; + --color-scale-pink-9: #551639; + --color-scale-coral-0: #ffdacf; + --color-scale-coral-1: #ffb9a5; + --color-scale-coral-2: #f79981; + --color-scale-coral-3: #ec775c; + --color-scale-coral-4: #de5b41; + --color-scale-coral-5: #c2442d; + --color-scale-coral-6: #a93524; + --color-scale-coral-7: #8d291b; + --color-scale-coral-8: #771d13; + --color-scale-coral-9: #5d1008; + } +} diff --git a/src/color-modes/colors_deprecated/_dark_high_contrast.scss b/src/color-modes/colors_deprecated/_dark_high_contrast.scss new file mode 100644 index 0000000000..a018d50263 --- /dev/null +++ b/src/color-modes/colors_deprecated/_dark_high_contrast.scss @@ -0,0 +1,450 @@ +@mixin primer-colors-dark_high_contrast { + & { + --color-canvas-default-transparent: rgba(10,12,16,0); + --color-page-header-bg: #0a0c10; + --color-marketing-icon-primary: #91cbff; + --color-marketing-icon-secondary: #409eff; + --color-diff-blob-addition-num-text: #f0f3f6; + --color-diff-blob-addition-fg: #0a0c10; + --color-diff-blob-addition-num-bg: rgba(38,205,77,0.3); + --color-diff-blob-addition-line-bg: rgba(9,180,58,0.15); + --color-diff-blob-addition-word-bg: #09b43a; + --color-diff-blob-deletion-num-text: #f0f3f6; + --color-diff-blob-deletion-fg: #0a0c10; + --color-diff-blob-deletion-num-bg: rgba(255,106,105,0.3); + --color-diff-blob-deletion-line-bg: rgba(255,106,105,0.1); + --color-diff-blob-deletion-word-bg: #ff6a69; + --color-diff-blob-hunk-num-bg: rgba(64,158,255,0.4); + --color-diff-blob-expander-icon: #f0f3f6; + --color-diff-blob-selected-line-highlight-mix-blend-mode: screen; + --color-diffstat-deletion-border: #ffb1af; + --color-diffstat-addition-border: #4ae168; + --color-diffstat-addition-bg: #26cd4d; + --color-search-keyword-hl: rgba(240,183,47,0.4); + --color-prettylights-syntax-comment: #bdc4cc; + --color-prettylights-syntax-constant: #91cbff; + --color-prettylights-syntax-entity: #dbb7ff; + --color-prettylights-syntax-storage-modifier-import: #f0f3f6; + --color-prettylights-syntax-entity-tag: #72f088; + --color-prettylights-syntax-keyword: #ff9492; + --color-prettylights-syntax-string: #addcff; + --color-prettylights-syntax-variable: #ffb757; + --color-prettylights-syntax-brackethighlighter-unmatched: #ff6a69; + --color-prettylights-syntax-invalid-illegal-text: #ffffff; + --color-prettylights-syntax-invalid-illegal-bg: #e82a2f; + --color-prettylights-syntax-carriage-return-text: #ffffff; + --color-prettylights-syntax-carriage-return-bg: #ff4445; + --color-prettylights-syntax-string-regexp: #72f088; + --color-prettylights-syntax-markup-list: #fbd669; + --color-prettylights-syntax-markup-heading: #409eff; + --color-prettylights-syntax-markup-italic: #f0f3f6; + --color-prettylights-syntax-markup-bold: #f0f3f6; + --color-prettylights-syntax-markup-deleted-text: #ffdedb; + --color-prettylights-syntax-markup-deleted-bg: #cc1421; + --color-prettylights-syntax-markup-inserted-text: #acf7b6; + --color-prettylights-syntax-markup-inserted-bg: #007728; + --color-prettylights-syntax-markup-changed-text: #ffe1b4; + --color-prettylights-syntax-markup-changed-bg: #a74c00; + --color-prettylights-syntax-markup-ignored-text: #f0f3f6; + --color-prettylights-syntax-markup-ignored-bg: #318bf8; + --color-prettylights-syntax-meta-diff-range: #dbb7ff; + --color-prettylights-syntax-brackethighlighter-angle: #bdc4cc; + --color-prettylights-syntax-sublimelinter-gutter-mark: #7a828e; + --color-prettylights-syntax-constant-other-reference-link: #addcff; + --color-codemirror-text: #f0f3f6; + --color-codemirror-bg: #0a0c10; + --color-codemirror-gutters-bg: #0a0c10; + --color-codemirror-guttermarker-text: #0a0c10; + --color-codemirror-guttermarker-subtle-text: #9ea7b3; + --color-codemirror-linenumber-text: #f0f3f6; + --color-codemirror-cursor: #f0f3f6; + --color-codemirror-selection-bg: rgba(64,158,255,0.4); + --color-codemirror-activeline-bg: rgba(158,167,179,0.1); + --color-codemirror-matchingbracket-text: #f0f3f6; + --color-codemirror-lines-bg: #0a0c10; + --color-codemirror-syntax-comment: #bdc4cc; + --color-codemirror-syntax-constant: #91cbff; + --color-codemirror-syntax-entity: #dbb7ff; + --color-codemirror-syntax-keyword: #ff9492; + --color-codemirror-syntax-storage: #ff9492; + --color-codemirror-syntax-string: #addcff; + --color-codemirror-syntax-support: #91cbff; + --color-codemirror-syntax-variable: #ffb757; + --color-checks-bg: #010409; + --color-checks-run-border-width: 1px; + --color-checks-container-border-width: 1px; + --color-checks-text-primary: #f0f3f6; + --color-checks-text-secondary: #f0f3f6; + --color-checks-text-link: #71b7ff; + --color-checks-btn-icon: #f0f3f6; + --color-checks-btn-hover-icon: #f0f3f6; + --color-checks-btn-hover-bg: rgba(158,167,179,0.1); + --color-checks-input-text: #f0f3f6; + --color-checks-input-placeholder-text: #9ea7b3; + --color-checks-input-focus-text: #f0f3f6; + --color-checks-input-bg: #272b33; + --color-checks-input-shadow: 0 0 0 1px var(--color-border-default); + --color-checks-donut-error: #ff6a69; + --color-checks-donut-pending: #f0b72f; + --color-checks-donut-success: #09b43a; + --color-checks-donut-neutral: #bdc4cc; + --color-checks-dropdown-text: #f0f3f6; + --color-checks-dropdown-bg: #272b33; + --color-checks-dropdown-border: #7a828e; + --color-checks-dropdown-shadow: rgba(1,4,9,0.3); + --color-checks-dropdown-hover-text: #f0f3f6; + --color-checks-dropdown-hover-bg: rgba(158,167,179,0.1); + --color-checks-dropdown-btn-hover-text: #f0f3f6; + --color-checks-dropdown-btn-hover-bg: rgba(158,167,179,0.1); + --color-checks-scrollbar-thumb-bg: rgba(158,167,179,0.4); + --color-checks-header-label-text: #f0f3f6; + --color-checks-header-label-open-text: #f0f3f6; + --color-checks-header-border: #7a828e; + --color-checks-header-icon: #f0f3f6; + --color-checks-line-text: #f0f3f6; + --color-checks-line-num-text: #9ea7b3; + --color-checks-line-timestamp-text: #9ea7b3; + --color-checks-line-hover-bg: rgba(158,167,179,0.1); + --color-checks-line-selected-bg: rgba(64,158,255,0.1); + --color-checks-line-selected-num-text: #71b7ff; + --color-checks-line-dt-fm-text: #0a0c10; + --color-checks-line-dt-fm-bg: #e09b13; + --color-checks-gate-bg: rgba(224,155,19,0.15); + --color-checks-gate-text: #f0f3f6; + --color-checks-gate-waiting-text: #f0b72f; + --color-checks-step-header-open-bg: #272b33; + --color-checks-step-error-text: #ff6a69; + --color-checks-step-warning-text: #f0b72f; + --color-checks-logline-text: #f0f3f6; + --color-checks-logline-num-text: #9ea7b3; + --color-checks-logline-debug-text: #b780ff; + --color-checks-logline-error-text: #f0f3f6; + --color-checks-logline-error-num-text: #9ea7b3; + --color-checks-logline-error-bg: rgba(255,106,105,0.1); + --color-checks-logline-warning-text: #f0f3f6; + --color-checks-logline-warning-num-text: #f0b72f; + --color-checks-logline-warning-bg: rgba(224,155,19,0.15); + --color-checks-logline-command-text: #71b7ff; + --color-checks-logline-section-text: #26cd4d; + --color-checks-ansi-black: #0a0c10; + --color-checks-ansi-black-bright: #272b33; + --color-checks-ansi-white: #d9dee3; + --color-checks-ansi-white-bright: #d9dee3; + --color-checks-ansi-gray: #9ea7b3; + --color-checks-ansi-red: #ff9492; + --color-checks-ansi-red-bright: #ffb1af; + --color-checks-ansi-green: #26cd4d; + --color-checks-ansi-green-bright: #4ae168; + --color-checks-ansi-yellow: #f0b72f; + --color-checks-ansi-yellow-bright: #f7c843; + --color-checks-ansi-blue: #71b7ff; + --color-checks-ansi-blue-bright: #91cbff; + --color-checks-ansi-magenta: #cb9eff; + --color-checks-ansi-magenta-bright: #dbb7ff; + --color-checks-ansi-cyan: #76e3ea; + --color-checks-ansi-cyan-bright: #b3f0ff; + --color-project-header-bg: #0a0c10; + --color-project-sidebar-bg: #272b33; + --color-project-gradient-in: #272b33; + --color-project-gradient-out: rgba(39,43,51,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-control-border-color-emphasis: #9ea7b3; + --color-avatar-bg: rgba(255,255,255,0.1); + --color-avatar-border: rgba(255,255,255,0.9); + --color-avatar-stack-fade: #525964; + --color-avatar-stack-fade-more: #272b33; + --color-avatar-child-shadow: 0 0 0 2px #0a0c10; + --color-topic-tag-border: #409eff; + --color-counter-border: rgba(0,0,0,0); + --color-select-menu-backdrop-border: #7a828e; + --color-select-menu-tap-highlight: rgba(82,89,100,0.5); + --color-select-menu-tap-focus-bg: #1e60d5; + --color-overlay-shadow: 0 0 0 1px #525964, 0 16px 32px rgba(1,4,9,0.85); + --color-overlay-backdrop: rgba(39,43,51,0.4); + --color-header-text: rgba(255,255,255,0.7); + --color-header-bg: #272b33; + --color-header-divider: #bdc4cc; + --color-header-logo: #ffffff; + --color-header-search-bg: #0a0c10; + --color-header-search-border: #525964; + --color-sidenav-selected-bg: #272b33; + --color-menu-bg-active: #272b33; + --color-input-disabled-bg: rgba(158,167,179,0); + --color-timeline-badge-bg: #272b33; + --color-ansi-black: #7a828e; + --color-ansi-black-bright: #9ea7b3; + --color-ansi-white: #d9dee3; + --color-ansi-white-bright: #ffffff; + --color-ansi-gray: #9ea7b3; + --color-ansi-red: #ff9492; + --color-ansi-red-bright: #ffb1af; + --color-ansi-green: #26cd4d; + --color-ansi-green-bright: #4ae168; + --color-ansi-yellow: #f0b72f; + --color-ansi-yellow-bright: #f7c843; + --color-ansi-blue: #71b7ff; + --color-ansi-blue-bright: #91cbff; + --color-ansi-magenta: #cb9eff; + --color-ansi-magenta-bright: #dbb7ff; + --color-ansi-cyan: #39c5cf; + --color-ansi-cyan-bright: #56d4dd; + --color-btn-text: #f0f3f6; + --color-btn-bg: #272b33; + --color-btn-border: #7a828e; + --color-btn-shadow: 0 0 transparent; + --color-btn-inset-shadow: 0 0 transparent; + --color-btn-hover-bg: #525964; + --color-btn-hover-border: #bdc4cc; + --color-btn-active-bg: hsla(217,10%,33%,1); + --color-btn-active-border: #9ea7b3; + --color-btn-selected-bg: rgba(82,89,100,0.9); + --color-btn-counter-bg: #525964; + --color-btn-primary-text: #0a0c10; + --color-btn-primary-bg: #09b43a; + --color-btn-primary-border: #4ae168; + --color-btn-primary-shadow: 0 0 transparent; + --color-btn-primary-inset-shadow: 0 0 transparent; + --color-btn-primary-hover-bg: #26cd4d; + --color-btn-primary-hover-border: #4ae168; + --color-btn-primary-selected-bg: #09b43a; + --color-btn-primary-selected-shadow: 0 0 transparent; + --color-btn-primary-disabled-text: rgba(10,12,16,0.5); + --color-btn-primary-disabled-bg: rgba(9,180,58,0.6); + --color-btn-primary-disabled-border: rgba(74,225,104,0.4); + --color-btn-primary-icon: #0a0c10; + --color-btn-primary-counter-bg: rgba(1,4,9,0.15); + --color-btn-outline-text: #409eff; + --color-btn-outline-hover-text: #71b7ff; + --color-btn-outline-hover-bg: #525964; + --color-btn-outline-hover-border: #7a828e; + --color-btn-outline-hover-shadow: 0 1px 0 rgba(1,4,9,0.1); + --color-btn-outline-hover-inset-shadow: inset 0 1px 0 rgba(255,255,255,0.03); + --color-btn-outline-hover-counter-bg: rgba(25,79,177,0.2); + --color-btn-outline-selected-text: #ffffff; + --color-btn-outline-selected-bg: #2672f3; + --color-btn-outline-selected-border: #7a828e; + --color-btn-outline-selected-shadow: 0 0 transparent; + --color-btn-outline-disabled-text: rgba(113,183,255,0.5); + --color-btn-outline-disabled-bg: #0a0c10; + --color-btn-outline-disabled-counter-bg: rgba(64,158,255,0.05); + --color-btn-outline-counter-bg: rgba(25,79,177,0.2); + --color-btn-outline-hover-counter-fg: #71b7ff; + --color-btn-outline-disabled-counter-fg: rgba(113,183,255,0.5); + --color-btn-outline-counter-fg: #409eff; + --color-btn-danger-text: #ff6a69; + --color-btn-danger-hover-text: #0a0c10; + --color-btn-danger-hover-bg: #ff6a69; + --color-btn-danger-hover-border: #ff6a69; + --color-btn-danger-hover-shadow: 0 0 transparent; + --color-btn-danger-hover-inset-shadow: 0 0 transparent; + --color-btn-danger-hover-icon: #0a0c10; + --color-btn-danger-hover-counter-bg: rgba(1,4,9,0.15); + --color-btn-danger-selected-text: #ffffff; + --color-btn-danger-selected-bg: #ff4445; + --color-btn-danger-selected-border: #ff9492; + --color-btn-danger-selected-shadow: 0 0 transparent; + --color-btn-danger-disabled-text: rgba(255,106,105,0.5); + --color-btn-danger-disabled-bg: #0a0c10; + --color-btn-danger-disabled-counter-bg: rgba(255,106,105,0.05); + --color-btn-danger-counter-bg: rgba(1,4,9,0.15); + --color-btn-danger-icon: #ff6a69; + --color-btn-danger-counter-fg: #ff6a69; + --color-btn-danger-disabled-counter-fg: rgba(255,106,105,0.5); + --color-btn-danger-hover-counter-fg: #ffffff; + --color-underlinenav-icon: #f0f3f6; + --color-underlinenav-border-hover: #bdc4cc; + --color-action-list-item-inline-divider: #7a828e; + --color-action-list-item-default-hover-bg: #272b33; + --color-action-list-item-default-hover-border: #7a828e; + --color-action-list-item-default-active-bg: #525964; + --color-action-list-item-default-active-border: #9ea7b3; + --color-action-list-item-default-selected-bg: #525964; + --color-action-list-item-danger-hover-bg: #ff6a69; + --color-action-list-item-danger-active-bg: #ff4445; + --color-action-list-item-danger-hover-text: #0a0c10; + --color-switch-track-bg: #9ea7b3; + --color-switch-track-hover-bg: hsla(214,12%,61%,1); + --color-switch-track-active-bg: hsla(214,12%,58%,1); + --color-switch-track-disabled-bg: #272b33; + --color-switch-track-fg: #0a0c10; + --color-switch-track-disabled-fg: #010409; + --color-switch-track-border: rgba(0,0,0,0); + --color-switch-track-checked-bg: #409eff; + --color-switch-track-checked-hover-bg: rgba(64,158,255,0.5); + --color-switch-track-checked-active-bg: rgba(64,158,255,0.65); + --color-switch-track-checked-fg: #0a0c10; + --color-switch-track-checked-disabled-fg: #010409; + --color-switch-track-checked-border: rgba(0,0,0,0); + --color-switch-knob-bg: #0a0c10; + --color-switch-knob-border: #9ea7b3; + --color-switch-knob-disabled-bg: #272b33; + --color-switch-knob-checked-bg: #0a0c10; + --color-switch-knob-checked-disabled-bg: #272b33; + --color-switch-knob-checked-border: #409eff; + --color-segmented-control-bg: rgba(158,167,179,0.1); + --color-segmented-control-button-bg: #0a0c10; + --color-segmented-control-button-hover-bg: #525964; + --color-segmented-control-button-active-bg: #272b33; + --color-segmented-control-button-selected-border: #9ea7b3; + --color-tree-view-item-chevron-hover-bg: #525964; + --color-tree-view-item-directory-fill: #f0f3f6; + --color-fg-default: #f0f3f6; + --color-fg-muted: #f0f3f6; + --color-fg-subtle: #9ea7b3; + --color-fg-on-emphasis: #0a0c10; + --color-canvas-default: #0a0c10; + --color-canvas-overlay: #272b33; + --color-canvas-inset: #010409; + --color-canvas-subtle: #272b33; + --color-border-default: #7a828e; + --color-border-muted: #7a828e; + --color-border-subtle: #7a828e; + --color-shadow-small: 0 0 transparent; + --color-shadow-medium: 0 3px 6px #010409; + --color-shadow-large: 0 8px 24px #010409; + --color-shadow-extra-large: 0 12px 48px #010409; + --color-neutral-emphasis-plus: #ffffff; + --color-neutral-emphasis: #9ea7b3; + --color-neutral-muted: rgba(158,167,179,0.4); + --color-neutral-subtle: rgba(158,167,179,0.1); + --color-accent-fg: #71b7ff; + --color-accent-emphasis: #409eff; + --color-accent-muted: #409eff; + --color-accent-subtle: rgba(64,158,255,0.1); + --color-success-fg: #26cd4d; + --color-success-emphasis: #09b43a; + --color-success-muted: #09b43a; + --color-success-subtle: rgba(9,180,58,0.15); + --color-attention-fg: #f0b72f; + --color-attention-emphasis: #e09b13; + --color-attention-muted: #e09b13; + --color-attention-subtle: rgba(224,155,19,0.15); + --color-severe-fg: #e7811d; + --color-severe-emphasis: #e7811d; + --color-severe-muted: #e7811d; + --color-severe-subtle: rgba(231,129,29,0.1); + --color-danger-fg: #ff6a69; + --color-danger-emphasis: #ff6a69; + --color-danger-muted: #ff6a69; + --color-danger-subtle: rgba(255,106,105,0.1); + --color-open-fg: #26cd4d; + --color-open-emphasis: #09b43a; + --color-open-muted: rgba(9,180,58,0.4); + --color-open-subtle: rgba(9,180,58,0.15); + --color-closed-fg: #ff6a69; + --color-closed-emphasis: #ff6a69; + --color-closed-muted: rgba(255,106,105,0.4); + --color-closed-subtle: rgba(255,106,105,0.15); + --color-done-fg: #b780ff; + --color-done-emphasis: #b87fff; + --color-done-muted: #b780ff; + --color-done-subtle: rgba(183,128,255,0.1); + --color-sponsors-fg: #ef6eb1; + --color-sponsors-emphasis: #ef6eb1; + --color-sponsors-muted: #ef6eb1; + --color-sponsors-subtle: rgba(239,110,177,0.1); + --color-primer-fg-disabled: #7a828e; + --color-primer-canvas-backdrop: rgba(1,4,9,0.8); + --color-primer-canvas-sticky: rgba(10,12,16,0.95); + --color-primer-border-active: #ff967d; + --color-primer-border-contrast: rgba(255,255,255,0.2); + --color-primer-shadow-highlight: 0 0 transparent; + --color-primer-shadow-inset: 0 0 transparent; + --color-scale-black: #010409; + --color-scale-white: #ffffff; + --color-scale-gray-0: #ffffff; + --color-scale-gray-1: #f0f3f6; + --color-scale-gray-2: #d9dee3; + --color-scale-gray-3: #bdc4cc; + --color-scale-gray-4: #9ea7b3; + --color-scale-gray-5: #7a828e; + --color-scale-gray-6: #525964; + --color-scale-gray-7: #272b33; + --color-scale-gray-8: #272b33; + --color-scale-gray-9: #0a0c10; + --color-scale-blue-0: #caeaff; + --color-scale-blue-1: #addcff; + --color-scale-blue-2: #91cbff; + --color-scale-blue-3: #71b7ff; + --color-scale-blue-4: #409eff; + --color-scale-blue-5: #409eff; + --color-scale-blue-6: #318bf8; + --color-scale-blue-7: #2672f3; + --color-scale-blue-8: #1e60d5; + --color-scale-blue-9: #194fb1; + --color-scale-green-0: #acf7b6; + --color-scale-green-1: #72f088; + --color-scale-green-2: #4ae168; + --color-scale-green-3: #26cd4d; + --color-scale-green-4: #09b43a; + --color-scale-green-5: #09b43a; + --color-scale-green-6: #02a232; + --color-scale-green-7: #008c2c; + --color-scale-green-8: #007728; + --color-scale-green-9: #006222; + --color-scale-yellow-0: #fbe59e; + --color-scale-yellow-1: #fbd669; + --color-scale-yellow-2: #f7c843; + --color-scale-yellow-3: #f0b72f; + --color-scale-yellow-4: #e09b13; + --color-scale-yellow-5: #e09b13; + --color-scale-yellow-6: #c88508; + --color-scale-yellow-7: #ae7104; + --color-scale-yellow-8: #945d02; + --color-scale-yellow-9: #7b4900; + --color-scale-orange-0: #ffe1b4; + --color-scale-orange-1: #ffcf86; + --color-scale-orange-2: #ffb757; + --color-scale-orange-3: #fe9a2d; + --color-scale-orange-4: #e7811d; + --color-scale-orange-5: #e7811d; + --color-scale-orange-6: #d57014; + --color-scale-orange-7: #bf5e0a; + --color-scale-orange-8: #a74c00; + --color-scale-orange-9: #8f3c00; + --color-scale-red-0: #ffdedb; + --color-scale-red-1: #ffc9c7; + --color-scale-red-2: #ffb1af; + --color-scale-red-3: #ff9492; + --color-scale-red-4: #ff6a69; + --color-scale-red-5: #ff6a69; + --color-scale-red-6: #ff4445; + --color-scale-red-7: #e82a2f; + --color-scale-red-8: #cc1421; + --color-scale-red-9: #ad0116; + --color-scale-purple-0: #f0dfff; + --color-scale-purple-1: #e6ccff; + --color-scale-purple-2: #dbb7ff; + --color-scale-purple-3: #cb9eff; + --color-scale-purple-4: #b780ff; + --color-scale-purple-5: #b87fff; + --color-scale-purple-6: #a66bff; + --color-scale-purple-7: #954ffd; + --color-scale-purple-8: #8031f7; + --color-scale-purple-9: #6921d7; + --color-scale-pink-0: #ffdceb; + --color-scale-pink-1: #ffc7e1; + --color-scale-pink-2: #ffadd4; + --color-scale-pink-3: #ff8dc7; + --color-scale-pink-4: #ef6eb1; + --color-scale-pink-5: #ef6eb1; + --color-scale-pink-6: #e456a3; + --color-scale-pink-7: #d23d91; + --color-scale-pink-8: #b72c7d; + --color-scale-pink-9: #9c1d6a; + --color-scale-coral-0: #ffded4; + --color-scale-coral-1: #ffcbb9; + --color-scale-coral-2: #ffb39b; + --color-scale-coral-3: #ff967d; + --color-scale-coral-4: #fc704f; + --color-scale-coral-5: #fc704f; + --color-scale-coral-6: #f75133; + --color-scale-coral-7: #e03b21; + --color-scale-coral-8: #c62612; + --color-scale-coral-9: #a91500; + } +} diff --git a/src/color-modes/colors_deprecated/_dark_tritanopia.scss b/src/color-modes/colors_deprecated/_dark_tritanopia.scss new file mode 100644 index 0000000000..a4e2de9689 --- /dev/null +++ b/src/color-modes/colors_deprecated/_dark_tritanopia.scss @@ -0,0 +1,450 @@ +@mixin primer-colors-dark_tritanopia { + & { + --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(88,166,255,0.3); + --color-diff-blob-addition-line-bg: rgba(56,139,253,0.15); + --color-diff-blob-addition-word-bg: rgba(56,139,253,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.1); + --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: #58a6ff; + --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: #a5d6ff; + --color-prettylights-syntax-keyword: #ff7b72; + --color-prettylights-syntax-string: #a5d6ff; + --color-prettylights-syntax-variable: #ffa198; + --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: #a5d6ff; + --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: #cae8ff; + --color-prettylights-syntax-markup-inserted-bg: #0c2d6b; + --color-prettylights-syntax-markup-changed-text: #ffdcd7; + --color-prettylights-syntax-markup-changed-bg: #67060c; + --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: #ffa198; + --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 var(--color-border-default); + --color-checks-donut-error: #f85149; + --color-checks-donut-pending: #d29922; + --color-checks-donut-success: #388bfd; + --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.1); + --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.1); + --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: #58a6ff; + --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: #58a6ff; + --color-checks-ansi-green-bright: #79c0ff; + --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-control-border-color-emphasis: #606771; + --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: 0 0 0 2px #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-overlay-backdrop: rgba(22,27,34,0.4); + --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: #58a6ff; + --color-ansi-green-bright: #79c0ff; + --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,0.1); + --color-btn-shadow: 0 0 transparent; + --color-btn-inset-shadow: 0 0 transparent; + --color-btn-hover-bg: #30363d; + --color-btn-hover-border: #8b949e; + --color-btn-active-bg: hsla(212,12%,18%,1); + --color-btn-active-border: #6e7681; + --color-btn-selected-bg: #161b22; + --color-btn-counter-bg: #30363d; + --color-btn-primary-text: #ffffff; + --color-btn-primary-bg: #1f6feb; + --color-btn-primary-border: rgba(240,246,252,0.1); + --color-btn-primary-shadow: 0 0 transparent; + --color-btn-primary-inset-shadow: 0 0 transparent; + --color-btn-primary-hover-bg: #388bfd; + --color-btn-primary-hover-border: rgba(240,246,252,0.1); + --color-btn-primary-selected-bg: #1f6feb; + --color-btn-primary-selected-shadow: 0 0 transparent; + --color-btn-primary-disabled-text: rgba(255,255,255,0.5); + --color-btn-primary-disabled-bg: rgba(31,111,235,0.6); + --color-btn-primary-disabled-border: rgba(240,246,252,0.1); + --color-btn-primary-icon: #ffffff; + --color-btn-primary-counter-bg: rgba(5,29,77,0.2); + --color-btn-outline-text: #388bfd; + --color-btn-outline-hover-text: #58a6ff; + --color-btn-outline-hover-bg: #30363d; + --color-btn-outline-hover-border: rgba(240,246,252,0.1); + --color-btn-outline-hover-shadow: 0 1px 0 rgba(1,4,9,0.1); + --color-btn-outline-hover-inset-shadow: inset 0 1px 0 rgba(255,255,255,0.03); + --color-btn-outline-hover-counter-bg: rgba(5,29,77,0.2); + --color-btn-outline-selected-text: #ffffff; + --color-btn-outline-selected-bg: #0d419d; + --color-btn-outline-selected-border: rgba(240,246,252,0.1); + --color-btn-outline-selected-shadow: 0 0 transparent; + --color-btn-outline-disabled-text: rgba(88,166,255,0.5); + --color-btn-outline-disabled-bg: #0d1117; + --color-btn-outline-disabled-counter-bg: rgba(31,111,235,0.05); + --color-btn-outline-counter-bg: rgba(5,29,77,0.2); + --color-btn-outline-hover-counter-fg: #58a6ff; + --color-btn-outline-disabled-counter-fg: rgba(88,166,255,0.5); + --color-btn-outline-counter-fg: #388bfd; + --color-btn-danger-text: #f85149; + --color-btn-danger-hover-text: #ffffff; + --color-btn-danger-hover-bg: #da3633; + --color-btn-danger-hover-border: #f85149; + --color-btn-danger-hover-shadow: 0 0 transparent; + --color-btn-danger-hover-inset-shadow: 0 0 transparent; + --color-btn-danger-hover-icon: #ffffff; + --color-btn-danger-hover-counter-bg: rgba(255,255,255,0.2); + --color-btn-danger-selected-text: #ffffff; + --color-btn-danger-selected-bg: #b62324; + --color-btn-danger-selected-border: #ff7b72; + --color-btn-danger-selected-shadow: 0 0 transparent; + --color-btn-danger-disabled-text: rgba(248,81,73,0.5); + --color-btn-danger-disabled-bg: #0d1117; + --color-btn-danger-disabled-counter-bg: rgba(218,54,51,0.05); + --color-btn-danger-counter-bg: rgba(73,2,2,0.2); + --color-btn-danger-icon: #f85149; + --color-btn-danger-counter-fg: #f85149; + --color-btn-danger-disabled-counter-fg: rgba(248,81,73,0.5); + --color-btn-danger-hover-counter-fg: #ffffff; + --color-underlinenav-icon: #6e7681; + --color-underlinenav-border-hover: rgba(110,118,129,0.4); + --color-action-list-item-inline-divider: rgba(48,54,61,0.48); + --color-action-list-item-default-hover-bg: rgba(177,186,196,0.12); + --color-action-list-item-default-hover-border: rgba(0,0,0,0); + --color-action-list-item-default-active-bg: rgba(177,186,196,0.2); + --color-action-list-item-default-active-border: rgba(0,0,0,0); + --color-action-list-item-default-selected-bg: rgba(177,186,196,0.08); + --color-action-list-item-danger-hover-bg: rgba(248,81,73,0.16); + --color-action-list-item-danger-active-bg: rgba(248,81,73,0.24); + --color-action-list-item-danger-hover-text: #ff7b72; + --color-switch-track-bg: rgba(110,118,129,0.1); + --color-switch-track-hover-bg: hsla(215,8%,72%,0.1); + --color-switch-track-active-bg: rgba(110,118,129,0.4); + --color-switch-track-disabled-bg: #21262d; + --color-switch-track-fg: #8b949e; + --color-switch-track-disabled-fg: #010409; + --color-switch-track-border: rgba(0,0,0,0); + --color-switch-track-checked-bg: rgba(31,111,235,0.35); + --color-switch-track-checked-hover-bg: rgba(31,111,235,0.5); + --color-switch-track-checked-active-bg: rgba(31,111,235,0.65); + --color-switch-track-checked-fg: #ffffff; + --color-switch-track-checked-disabled-fg: #010409; + --color-switch-track-checked-border: rgba(0,0,0,0); + --color-switch-knob-bg: #0d1117; + --color-switch-knob-border: #606771; + --color-switch-knob-disabled-bg: #161b22; + --color-switch-knob-checked-bg: #0d1117; + --color-switch-knob-checked-disabled-bg: #161b22; + --color-switch-knob-checked-border: rgba(31,111,235,0.35); + --color-segmented-control-bg: rgba(110,118,129,0.1); + --color-segmented-control-button-bg: #0d1117; + --color-segmented-control-button-hover-bg: #30363d; + --color-segmented-control-button-active-bg: #21262d; + --color-segmented-control-button-selected-border: #6e7681; + --color-tree-view-item-chevron-hover-bg: rgba(177,186,196,0.12); + --color-tree-view-item-directory-fill: #8b949e; + --color-fg-default: #c9d1d9; + --color-fg-muted: #8b949e; + --color-fg-subtle: #6e7681; + --color-fg-on-emphasis: #ffffff; + --color-canvas-default: #0d1117; + --color-canvas-overlay: #161b22; + --color-canvas-inset: #010409; + --color-canvas-subtle: #161b22; + --color-border-default: #30363d; + --color-border-muted: #21262d; + --color-border-subtle: rgba(240,246,252,0.1); + --color-shadow-small: 0 0 transparent; + --color-shadow-medium: 0 3px 6px #010409; + --color-shadow-large: 0 8px 24px #010409; + --color-shadow-extra-large: 0 12px 48px #010409; + --color-neutral-emphasis-plus: #6e7681; + --color-neutral-emphasis: #6e7681; + --color-neutral-muted: rgba(110,118,129,0.4); + --color-neutral-subtle: rgba(110,118,129,0.1); + --color-accent-fg: #58a6ff; + --color-accent-emphasis: #1f6feb; + --color-accent-muted: rgba(56,139,253,0.4); + --color-accent-subtle: rgba(56,139,253,0.1); + --color-success-fg: #58a6ff; + --color-success-emphasis: #1f6feb; + --color-success-muted: rgba(56,139,253,0.4); + --color-success-subtle: rgba(56,139,253,0.15); + --color-attention-fg: #d29922; + --color-attention-emphasis: #9e6a03; + --color-attention-muted: rgba(187,128,9,0.4); + --color-attention-subtle: rgba(187,128,9,0.15); + --color-severe-fg: #f85149; + --color-severe-emphasis: #da3633; + --color-severe-muted: rgba(248,81,73,0.4); + --color-severe-subtle: rgba(248,81,73,0.1); + --color-danger-fg: #f85149; + --color-danger-emphasis: #da3633; + --color-danger-muted: rgba(248,81,73,0.4); + --color-danger-subtle: rgba(248,81,73,0.1); + --color-open-fg: #ff7b72; + --color-open-emphasis: #da3633; + --color-open-muted: rgba(248,81,73,0.4); + --color-open-subtle: rgba(248,81,73,0.15); + --color-closed-fg: #8b949e; + --color-closed-emphasis: #6e7681; + --color-closed-muted: rgba(110,118,129,0.4); + --color-closed-subtle: rgba(110,118,129,0.1); + --color-done-fg: #a371f7; + --color-done-emphasis: #8957e5; + --color-done-muted: rgba(163,113,247,0.4); + --color-done-subtle: rgba(163,113,247,0.1); + --color-sponsors-fg: #db61a2; + --color-sponsors-emphasis: #bf4b8a; + --color-sponsors-muted: rgba(219,97,162,0.4); + --color-sponsors-subtle: rgba(219,97,162,0.1); + --color-primer-fg-disabled: #484f58; + --color-primer-canvas-backdrop: rgba(1,4,9,0.8); + --color-primer-canvas-sticky: rgba(13,17,23,0.95); + --color-primer-border-active: #f78166; + --color-primer-border-contrast: rgba(255,255,255,0.2); + --color-primer-shadow-highlight: 0 0 transparent; + --color-primer-shadow-inset: 0 0 transparent; + --color-scale-black: #010409; + --color-scale-white: #ffffff; + --color-scale-gray-0: #f0f6fc; + --color-scale-gray-1: #c9d1d9; + --color-scale-gray-2: #b1bac4; + --color-scale-gray-3: #8b949e; + --color-scale-gray-4: #6e7681; + --color-scale-gray-5: #484f58; + --color-scale-gray-6: #30363d; + --color-scale-gray-7: #21262d; + --color-scale-gray-8: #161b22; + --color-scale-gray-9: #0d1117; + --color-scale-blue-0: #cae8ff; + --color-scale-blue-1: #a5d6ff; + --color-scale-blue-2: #79c0ff; + --color-scale-blue-3: #58a6ff; + --color-scale-blue-4: #388bfd; + --color-scale-blue-5: #1f6feb; + --color-scale-blue-6: #1158c7; + --color-scale-blue-7: #0d419d; + --color-scale-blue-8: #0c2d6b; + --color-scale-blue-9: #051d4d; + --color-scale-green-0: #cae8ff; + --color-scale-green-1: #a5d6ff; + --color-scale-green-2: #79c0ff; + --color-scale-green-3: #58a6ff; + --color-scale-green-4: #388bfd; + --color-scale-green-5: #1f6feb; + --color-scale-green-6: #1158c7; + --color-scale-green-7: #0d419d; + --color-scale-green-8: #0c2d6b; + --color-scale-green-9: #051d4d; + --color-scale-yellow-0: #f8e3a1; + --color-scale-yellow-1: #f2cc60; + --color-scale-yellow-2: #e3b341; + --color-scale-yellow-3: #d29922; + --color-scale-yellow-4: #bb8009; + --color-scale-yellow-5: #9e6a03; + --color-scale-yellow-6: #845306; + --color-scale-yellow-7: #693e00; + --color-scale-yellow-8: #4b2900; + --color-scale-yellow-9: #341a00; + --color-scale-orange-0: #ffdcd7; + --color-scale-orange-1: #ffc1ba; + --color-scale-orange-2: #ffa198; + --color-scale-orange-3: #ff7b72; + --color-scale-orange-4: #f85149; + --color-scale-orange-5: #da3633; + --color-scale-orange-6: #b62324; + --color-scale-orange-7: #8e1519; + --color-scale-orange-8: #67060c; + --color-scale-orange-9: #490202; + --color-scale-red-0: #ffdcd7; + --color-scale-red-1: #ffc1ba; + --color-scale-red-2: #ffa198; + --color-scale-red-3: #ff7b72; + --color-scale-red-4: #f85149; + --color-scale-red-5: #da3633; + --color-scale-red-6: #b62324; + --color-scale-red-7: #8e1519; + --color-scale-red-8: #67060c; + --color-scale-red-9: #490202; + --color-scale-purple-0: #eddeff; + --color-scale-purple-1: #e2c5ff; + --color-scale-purple-2: #d2a8ff; + --color-scale-purple-3: #bc8cff; + --color-scale-purple-4: #a371f7; + --color-scale-purple-5: #8957e5; + --color-scale-purple-6: #6e40c9; + --color-scale-purple-7: #553098; + --color-scale-purple-8: #3c1e70; + --color-scale-purple-9: #271052; + --color-scale-pink-0: #ffdaec; + --color-scale-pink-1: #ffbedd; + --color-scale-pink-2: #ff9bce; + --color-scale-pink-3: #f778ba; + --color-scale-pink-4: #db61a2; + --color-scale-pink-5: #bf4b8a; + --color-scale-pink-6: #9e3670; + --color-scale-pink-7: #7d2457; + --color-scale-pink-8: #5e103e; + --color-scale-pink-9: #42062a; + --color-scale-coral-0: #ffddd2; + --color-scale-coral-1: #ffc2b2; + --color-scale-coral-2: #ffa28b; + --color-scale-coral-3: #f78166; + --color-scale-coral-4: #ea6045; + --color-scale-coral-5: #cf462d; + --color-scale-coral-6: #ac3220; + --color-scale-coral-7: #872012; + --color-scale-coral-8: #640d04; + --color-scale-coral-9: #460701; + } +} diff --git a/src/color-modes/colors_deprecated/_light.scss b/src/color-modes/colors_deprecated/_light.scss new file mode 100644 index 0000000000..d4db4b677b --- /dev/null +++ b/src/color-modes/colors_deprecated/_light.scss @@ -0,0 +1,450 @@ +@mixin primer-colors-light { + & { + --color-canvas-default-transparent: rgba(255,255,255,0); + --color-page-header-bg: #f6f8fa; + --color-marketing-icon-primary: #218bff; + --color-marketing-icon-secondary: #54aeff; + --color-diff-blob-addition-num-text: #1F2328; + --color-diff-blob-addition-fg: #1F2328; + --color-diff-blob-addition-num-bg: #ccffd8; + --color-diff-blob-addition-line-bg: #e6ffec; + --color-diff-blob-addition-word-bg: #abf2bc; + --color-diff-blob-deletion-num-text: #1F2328; + --color-diff-blob-deletion-fg: #1F2328; + --color-diff-blob-deletion-num-bg: #ffd7d5; + --color-diff-blob-deletion-line-bg: #ffebe9; + --color-diff-blob-deletion-word-bg: rgba(255,129,130,0.4); + --color-diff-blob-hunk-num-bg: rgba(84,174,255,0.4); + --color-diff-blob-expander-icon: #656d76; + --color-diff-blob-selected-line-highlight-mix-blend-mode: multiply; + --color-diffstat-deletion-border: rgba(31,35,40,0.15); + --color-diffstat-addition-border: rgba(31,35,40,0.15); + --color-diffstat-addition-bg: #1f883d; + --color-search-keyword-hl: #fff8c5; + --color-prettylights-syntax-comment: #6e7781; + --color-prettylights-syntax-constant: #0550ae; + --color-prettylights-syntax-entity: #6639ba; + --color-prettylights-syntax-storage-modifier-import: #24292f; + --color-prettylights-syntax-entity-tag: #116329; + --color-prettylights-syntax-keyword: #cf222e; + --color-prettylights-syntax-string: #0a3069; + --color-prettylights-syntax-variable: #953800; + --color-prettylights-syntax-brackethighlighter-unmatched: #82071e; + --color-prettylights-syntax-invalid-illegal-text: #f6f8fa; + --color-prettylights-syntax-invalid-illegal-bg: #82071e; + --color-prettylights-syntax-carriage-return-text: #f6f8fa; + --color-prettylights-syntax-carriage-return-bg: #cf222e; + --color-prettylights-syntax-string-regexp: #116329; + --color-prettylights-syntax-markup-list: #3b2300; + --color-prettylights-syntax-markup-heading: #0550ae; + --color-prettylights-syntax-markup-italic: #24292f; + --color-prettylights-syntax-markup-bold: #24292f; + --color-prettylights-syntax-markup-deleted-text: #82071e; + --color-prettylights-syntax-markup-deleted-bg: #ffebe9; + --color-prettylights-syntax-markup-inserted-text: #116329; + --color-prettylights-syntax-markup-inserted-bg: #dafbe1; + --color-prettylights-syntax-markup-changed-text: #953800; + --color-prettylights-syntax-markup-changed-bg: #ffd8b5; + --color-prettylights-syntax-markup-ignored-text: #eaeef2; + --color-prettylights-syntax-markup-ignored-bg: #0550ae; + --color-prettylights-syntax-meta-diff-range: #8250df; + --color-prettylights-syntax-brackethighlighter-angle: #57606a; + --color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f; + --color-prettylights-syntax-constant-other-reference-link: #0a3069; + --color-codemirror-text: #1F2328; + --color-codemirror-bg: #ffffff; + --color-codemirror-gutters-bg: #ffffff; + --color-codemirror-guttermarker-text: #ffffff; + --color-codemirror-guttermarker-subtle-text: #6e7781; + --color-codemirror-linenumber-text: #656d76; + --color-codemirror-cursor: #1F2328; + --color-codemirror-selection-bg: rgba(84,174,255,0.4); + --color-codemirror-activeline-bg: rgba(234,238,242,0.5); + --color-codemirror-matchingbracket-text: #1F2328; + --color-codemirror-lines-bg: #ffffff; + --color-codemirror-syntax-comment: #24292f; + --color-codemirror-syntax-constant: #0550ae; + --color-codemirror-syntax-entity: #8250df; + --color-codemirror-syntax-keyword: #cf222e; + --color-codemirror-syntax-storage: #cf222e; + --color-codemirror-syntax-string: #0a3069; + --color-codemirror-syntax-support: #0550ae; + --color-codemirror-syntax-variable: #953800; + --color-checks-bg: #24292f; + --color-checks-run-border-width: 0px; + --color-checks-container-border-width: 0px; + --color-checks-text-primary: #f6f8fa; + --color-checks-text-secondary: #8c959f; + --color-checks-text-link: #54aeff; + --color-checks-btn-icon: #afb8c1; + --color-checks-btn-hover-icon: #f6f8fa; + --color-checks-btn-hover-bg: rgba(255,255,255,0.125); + --color-checks-input-text: #eaeef2; + --color-checks-input-placeholder-text: #8c959f; + --color-checks-input-focus-text: #8c959f; + --color-checks-input-bg: #32383f; + --color-checks-input-shadow: none; + --color-checks-donut-error: #fa4549; + --color-checks-donut-pending: #bf8700; + --color-checks-donut-success: #1f883d; + --color-checks-donut-neutral: #afb8c1; + --color-checks-dropdown-text: #afb8c1; + --color-checks-dropdown-bg: #32383f; + --color-checks-dropdown-border: #424a53; + --color-checks-dropdown-shadow: rgba(31,35,40,0.3); + --color-checks-dropdown-hover-text: #f6f8fa; + --color-checks-dropdown-hover-bg: #424a53; + --color-checks-dropdown-btn-hover-text: #f6f8fa; + --color-checks-dropdown-btn-hover-bg: #32383f; + --color-checks-scrollbar-thumb-bg: #57606a; + --color-checks-header-label-text: #d0d7de; + --color-checks-header-label-open-text: #f6f8fa; + --color-checks-header-border: #32383f; + --color-checks-header-icon: #8c959f; + --color-checks-line-text: #d0d7de; + --color-checks-line-num-text: rgba(140,149,159,0.75); + --color-checks-line-timestamp-text: #8c959f; + --color-checks-line-hover-bg: #32383f; + --color-checks-line-selected-bg: rgba(33,139,255,0.15); + --color-checks-line-selected-num-text: #54aeff; + --color-checks-line-dt-fm-text: #24292f; + --color-checks-line-dt-fm-bg: #9a6700; + --color-checks-gate-bg: rgba(125,78,0,0.15); + --color-checks-gate-text: #d0d7de; + --color-checks-gate-waiting-text: #d4a72c; + --color-checks-step-header-open-bg: #32383f; + --color-checks-step-error-text: #ff8182; + --color-checks-step-warning-text: #d4a72c; + --color-checks-logline-text: #8c959f; + --color-checks-logline-num-text: rgba(140,149,159,0.75); + --color-checks-logline-debug-text: #c297ff; + --color-checks-logline-error-text: #d0d7de; + --color-checks-logline-error-num-text: #ff8182; + --color-checks-logline-error-bg: rgba(164,14,38,0.15); + --color-checks-logline-warning-text: #d0d7de; + --color-checks-logline-warning-num-text: #d4a72c; + --color-checks-logline-warning-bg: rgba(125,78,0,0.15); + --color-checks-logline-command-text: #54aeff; + --color-checks-logline-section-text: #4ac26b; + --color-checks-ansi-black: #24292f; + --color-checks-ansi-black-bright: #32383f; + --color-checks-ansi-white: #d0d7de; + --color-checks-ansi-white-bright: #d0d7de; + --color-checks-ansi-gray: #8c959f; + --color-checks-ansi-red: #ff8182; + --color-checks-ansi-red-bright: #ffaba8; + --color-checks-ansi-green: #4ac26b; + --color-checks-ansi-green-bright: #6fdd8b; + --color-checks-ansi-yellow: #d4a72c; + --color-checks-ansi-yellow-bright: #eac54f; + --color-checks-ansi-blue: #54aeff; + --color-checks-ansi-blue-bright: #80ccff; + --color-checks-ansi-magenta: #c297ff; + --color-checks-ansi-magenta-bright: #d8b9ff; + --color-checks-ansi-cyan: #76e3ea; + --color-checks-ansi-cyan-bright: #b3f0ff; + --color-project-header-bg: #24292f; + --color-project-sidebar-bg: #ffffff; + --color-project-gradient-in: #ffffff; + --color-project-gradient-out: rgba(255,255,255,0); + --color-mktg-btn-bg: #1b1f23; + --color-mktg-btn-shadow-outline: rgb(0 0 0 / 15%) 0 0 0 1px inset; + --color-mktg-btn-shadow-focus: rgb(0 0 0 / 15%) 0 0 0 4px; + --color-mktg-btn-shadow-hover: 0 3px 2px rgba(0, 0, 0, 0.07), 0 7px 5px rgba(0, 0, 0, 0.04), 0 12px 10px rgba(0, 0, 0, 0.03), 0 22px 18px rgba(0, 0, 0, 0.03), 0 42px 33px rgba(0, 0, 0, 0.02), 0 100px 80px rgba(0, 0, 0, 0.02); + --color-mktg-btn-shadow-hover-muted: rgb(0 0 0 / 70%) 0 0 0 2px inset; + --color-control-border-color-emphasis: #858F99; + --color-avatar-bg: #ffffff; + --color-avatar-border: rgba(31,35,40,0.15); + --color-avatar-stack-fade: #afb8c1; + --color-avatar-stack-fade-more: #d0d7de; + --color-avatar-child-shadow: 0 0 0 2px rgba(255,255,255,0.8); + --color-topic-tag-border: rgba(0,0,0,0); + --color-counter-border: rgba(0,0,0,0); + --color-select-menu-backdrop-border: rgba(0,0,0,0); + --color-select-menu-tap-highlight: rgba(175,184,193,0.5); + --color-select-menu-tap-focus-bg: #b6e3ff; + --color-overlay-shadow: 0 1px 3px rgba(31,35,40,0.12), 0 8px 24px rgba(66,74,83,0.12); + --color-overlay-backdrop: rgba(140,149,159,0.2); + --color-header-text: rgba(255,255,255,0.7); + --color-header-bg: #24292f; + --color-header-divider: #57606a; + --color-header-logo: #ffffff; + --color-header-search-bg: #24292f; + --color-header-search-border: #57606a; + --color-sidenav-selected-bg: #ffffff; + --color-menu-bg-active: rgba(0,0,0,0); + --color-input-disabled-bg: rgba(175,184,193,0.2); + --color-timeline-badge-bg: #eaeef2; + --color-ansi-black: #24292f; + --color-ansi-black-bright: #57606a; + --color-ansi-white: #6e7781; + --color-ansi-white-bright: #8c959f; + --color-ansi-gray: #6e7781; + --color-ansi-red: #cf222e; + --color-ansi-red-bright: #a40e26; + --color-ansi-green: #116329; + --color-ansi-green-bright: #1a7f37; + --color-ansi-yellow: #4d2d00; + --color-ansi-yellow-bright: #633c01; + --color-ansi-blue: #0969da; + --color-ansi-blue-bright: #218bff; + --color-ansi-magenta: #8250df; + --color-ansi-magenta-bright: #a475f9; + --color-ansi-cyan: #1b7c83; + --color-ansi-cyan-bright: #3192aa; + --color-btn-text: #24292f; + --color-btn-bg: #f6f8fa; + --color-btn-border: rgba(31,35,40,0.15); + --color-btn-shadow: 0 1px 0 rgba(31,35,40,0.04); + --color-btn-inset-shadow: inset 0 1px 0 rgba(255,255,255,0.25); + --color-btn-hover-bg: #f3f4f6; + --color-btn-hover-border: rgba(31,35,40,0.15); + --color-btn-active-bg: hsla(220,14%,93%,1); + --color-btn-active-border: rgba(31,35,40,0.15); + --color-btn-selected-bg: hsla(220,14%,94%,1); + --color-btn-counter-bg: rgba(31,35,40,0.08); + --color-btn-primary-text: #ffffff; + --color-btn-primary-bg: #1f883d; + --color-btn-primary-border: rgba(31,35,40,0.15); + --color-btn-primary-shadow: 0 1px 0 rgba(31,35,40,0.1); + --color-btn-primary-inset-shadow: inset 0 1px 0 rgba(255,255,255,0.03); + --color-btn-primary-hover-bg: #1a7f37; + --color-btn-primary-hover-border: rgba(31,35,40,0.15); + --color-btn-primary-selected-bg: hsla(137,66%,28%,1); + --color-btn-primary-selected-shadow: inset 0 1px 0 rgba(0,45,17,0.2); + --color-btn-primary-disabled-text: rgba(255,255,255,0.8); + --color-btn-primary-disabled-bg: #94d3a2; + --color-btn-primary-disabled-border: rgba(31,35,40,0.15); + --color-btn-primary-icon: rgba(255,255,255,0.8); + --color-btn-primary-counter-bg: rgba(0,45,17,0.2); + --color-btn-outline-text: #0969da; + --color-btn-outline-hover-text: #ffffff; + --color-btn-outline-hover-bg: #0969da; + --color-btn-outline-hover-border: rgba(31,35,40,0.15); + --color-btn-outline-hover-shadow: 0 1px 0 rgba(31,35,40,0.1); + --color-btn-outline-hover-inset-shadow: inset 0 1px 0 rgba(255,255,255,0.03); + --color-btn-outline-hover-counter-bg: rgba(255,255,255,0.2); + --color-btn-outline-selected-text: #ffffff; + --color-btn-outline-selected-bg: hsla(212,92%,42%,1); + --color-btn-outline-selected-border: rgba(31,35,40,0.15); + --color-btn-outline-selected-shadow: inset 0 1px 0 rgba(0,33,85,0.2); + --color-btn-outline-disabled-text: rgba(9,105,218,0.5); + --color-btn-outline-disabled-bg: #f6f8fa; + --color-btn-outline-disabled-counter-bg: rgba(9,105,218,0.05); + --color-btn-outline-counter-bg: #0969da1a; + --color-btn-outline-counter-fg: #0550ae; + --color-btn-outline-hover-counter-fg: #ffffff; + --color-btn-outline-disabled-counter-fg: rgba(9,105,218,0.5); + --color-btn-danger-text: #cf222e; + --color-btn-danger-hover-text: #ffffff; + --color-btn-danger-hover-bg: #a40e26; + --color-btn-danger-hover-border: rgba(31,35,40,0.15); + --color-btn-danger-hover-shadow: 0 1px 0 rgba(31,35,40,0.1); + --color-btn-danger-hover-inset-shadow: inset 0 1px 0 rgba(255,255,255,0.03); + --color-btn-danger-hover-counter-bg: rgba(255,255,255,0.2); + --color-btn-danger-selected-text: #ffffff; + --color-btn-danger-selected-bg: hsla(356,72%,44%,1); + --color-btn-danger-selected-border: rgba(31,35,40,0.15); + --color-btn-danger-selected-shadow: inset 0 1px 0 rgba(76,0,20,0.2); + --color-btn-danger-disabled-text: rgba(207,34,46,0.5); + --color-btn-danger-disabled-bg: #f6f8fa; + --color-btn-danger-disabled-counter-bg: rgba(207,34,46,0.05); + --color-btn-danger-counter-bg: rgba(207,34,46,0.1); + --color-btn-danger-icon: #cf222e; + --color-btn-danger-hover-icon: #ffffff; + --color-btn-danger-counter-fg: #a40e26; + --color-btn-danger-hover-counter-fg: #ffffff; + --color-btn-danger-disabled-counter-fg: rgba(207,34,46,0.5); + --color-underlinenav-icon: #6e7781; + --color-underlinenav-border-hover: rgba(175,184,193,0.2); + --color-action-list-item-inline-divider: rgba(208,215,222,0.48); + --color-action-list-item-default-hover-bg: rgba(208,215,222,0.32); + --color-action-list-item-default-hover-border: rgba(0,0,0,0); + --color-action-list-item-default-active-bg: rgba(208,215,222,0.48); + --color-action-list-item-default-active-border: rgba(0,0,0,0); + --color-action-list-item-default-selected-bg: rgba(208,215,222,0.24); + --color-action-list-item-danger-hover-bg: rgba(255,235,233,0.64); + --color-action-list-item-danger-active-bg: #ffebe9; + --color-action-list-item-danger-hover-text: #d1242f; + --color-switch-track-bg: #eaeef2; + --color-switch-track-hover-bg: hsla(210,24%,90%,1); + --color-switch-track-active-bg: hsla(210,24%,88%,1); + --color-switch-track-disabled-bg: #8c959f; + --color-switch-track-fg: #656d76; + --color-switch-track-disabled-fg: #ffffff; + --color-switch-track-border: rgba(0,0,0,0); + --color-switch-track-checked-bg: #0969da; + --color-switch-track-checked-hover-bg: #0860CA; + --color-switch-track-checked-active-bg: #0757BA; + --color-switch-track-checked-fg: #ffffff; + --color-switch-track-checked-disabled-fg: #ffffff; + --color-switch-track-checked-border: rgba(0,0,0,0); + --color-switch-knob-bg: #ffffff; + --color-switch-knob-disabled-bg: #f6f8fa; + --color-switch-knob-border: #858F99; + --color-switch-knob-checked-bg: #ffffff; + --color-switch-knob-checked-disabled-bg: #f6f8fa; + --color-switch-knob-checked-border: #0969da; + --color-segmented-control-bg: #eaeef2; + --color-segmented-control-button-bg: #ffffff; + --color-segmented-control-button-hover-bg: rgba(175,184,193,0.2); + --color-segmented-control-button-active-bg: rgba(175,184,193,0.4); + --color-segmented-control-button-selected-border: #8c959f; + --color-tree-view-item-chevron-hover-bg: rgba(208,215,222,0.32); + --color-tree-view-item-directory-fill: #54aeff; + --color-fg-default: #1F2328; + --color-fg-muted: #656d76; + --color-fg-subtle: #6e7781; + --color-fg-on-emphasis: #ffffff; + --color-canvas-default: #ffffff; + --color-canvas-overlay: #ffffff; + --color-canvas-inset: #f6f8fa; + --color-canvas-subtle: #f6f8fa; + --color-border-default: #d0d7de; + --color-border-muted: hsla(210,18%,87%,1); + --color-border-subtle: rgba(31,35,40,0.15); + --color-shadow-small: 0 1px 0 rgba(31,35,40,0.04); + --color-shadow-medium: 0 3px 6px rgba(140,149,159,0.15); + --color-shadow-large: 0 8px 24px rgba(140,149,159,0.2); + --color-shadow-extra-large: 0 12px 28px rgba(140,149,159,0.3); + --color-neutral-emphasis-plus: #24292f; + --color-neutral-emphasis: #6e7781; + --color-neutral-muted: rgba(175,184,193,0.2); + --color-neutral-subtle: rgba(234,238,242,0.5); + --color-accent-fg: #0969da; + --color-accent-emphasis: #0969da; + --color-accent-muted: rgba(84,174,255,0.4); + --color-accent-subtle: #ddf4ff; + --color-success-fg: #1a7f37; + --color-success-emphasis: #1f883d; + --color-success-muted: rgba(74,194,107,0.4); + --color-success-subtle: #dafbe1; + --color-attention-fg: #9a6700; + --color-attention-emphasis: #9a6700; + --color-attention-muted: rgba(212,167,44,0.4); + --color-attention-subtle: #fff8c5; + --color-severe-fg: #bc4c00; + --color-severe-emphasis: #bc4c00; + --color-severe-muted: rgba(251,143,68,0.4); + --color-severe-subtle: #fff1e5; + --color-danger-fg: #d1242f; + --color-danger-emphasis: #cf222e; + --color-danger-muted: rgba(255,129,130,0.4); + --color-danger-subtle: #ffebe9; + --color-open-fg: #1a7f37; + --color-open-emphasis: #1f883d; + --color-open-muted: rgba(74,194,107,0.4); + --color-open-subtle: #dafbe1; + --color-closed-fg: #d1242f; + --color-closed-emphasis: #cf222e; + --color-closed-muted: rgba(255,129,130,0.4); + --color-closed-subtle: #ffebe9; + --color-done-fg: #8250df; + --color-done-emphasis: #8250df; + --color-done-muted: rgba(194,151,255,0.4); + --color-done-subtle: #fbefff; + --color-sponsors-fg: #bf3989; + --color-sponsors-emphasis: #bf3989; + --color-sponsors-muted: rgba(255,128,200,0.4); + --color-sponsors-subtle: #ffeff7; + --color-primer-fg-disabled: #8c959f; + --color-primer-canvas-backdrop: rgba(31,35,40,0.5); + --color-primer-canvas-sticky: rgba(255,255,255,0.95); + --color-primer-border-active: #fd8c73; + --color-primer-border-contrast: rgba(31,35,40,0.1); + --color-primer-shadow-highlight: inset 0 1px 0 rgba(255,255,255,0.25); + --color-primer-shadow-inset: inset 0 1px 0 rgba(208,215,222,0.2); + --color-scale-black: #1F2328; + --color-scale-white: #ffffff; + --color-scale-gray-0: #f6f8fa; + --color-scale-gray-1: #eaeef2; + --color-scale-gray-2: #d0d7de; + --color-scale-gray-3: #afb8c1; + --color-scale-gray-4: #8c959f; + --color-scale-gray-5: #6e7781; + --color-scale-gray-6: #57606a; + --color-scale-gray-7: #424a53; + --color-scale-gray-8: #32383f; + --color-scale-gray-9: #24292f; + --color-scale-blue-0: #ddf4ff; + --color-scale-blue-1: #b6e3ff; + --color-scale-blue-2: #80ccff; + --color-scale-blue-3: #54aeff; + --color-scale-blue-4: #218bff; + --color-scale-blue-5: #0969da; + --color-scale-blue-6: #0550ae; + --color-scale-blue-7: #033d8b; + --color-scale-blue-8: #0a3069; + --color-scale-blue-9: #002155; + --color-scale-green-0: #dafbe1; + --color-scale-green-1: #aceebb; + --color-scale-green-2: #6fdd8b; + --color-scale-green-3: #4ac26b; + --color-scale-green-4: #2da44e; + --color-scale-green-5: #1a7f37; + --color-scale-green-6: #116329; + --color-scale-green-7: #044f1e; + --color-scale-green-8: #003d16; + --color-scale-green-9: #002d11; + --color-scale-yellow-0: #fff8c5; + --color-scale-yellow-1: #fae17d; + --color-scale-yellow-2: #eac54f; + --color-scale-yellow-3: #d4a72c; + --color-scale-yellow-4: #bf8700; + --color-scale-yellow-5: #9a6700; + --color-scale-yellow-6: #7d4e00; + --color-scale-yellow-7: #633c01; + --color-scale-yellow-8: #4d2d00; + --color-scale-yellow-9: #3b2300; + --color-scale-orange-0: #fff1e5; + --color-scale-orange-1: #ffd8b5; + --color-scale-orange-2: #ffb77c; + --color-scale-orange-3: #fb8f44; + --color-scale-orange-4: #e16f24; + --color-scale-orange-5: #bc4c00; + --color-scale-orange-6: #953800; + --color-scale-orange-7: #762c00; + --color-scale-orange-8: #5c2200; + --color-scale-orange-9: #471700; + --color-scale-red-0: #ffebe9; + --color-scale-red-1: #ffcecb; + --color-scale-red-2: #ffaba8; + --color-scale-red-3: #ff8182; + --color-scale-red-4: #fa4549; + --color-scale-red-5: #cf222e; + --color-scale-red-6: #a40e26; + --color-scale-red-7: #82071e; + --color-scale-red-8: #660018; + --color-scale-red-9: #4c0014; + --color-scale-purple-0: #fbefff; + --color-scale-purple-1: #ecd8ff; + --color-scale-purple-2: #d8b9ff; + --color-scale-purple-3: #c297ff; + --color-scale-purple-4: #a475f9; + --color-scale-purple-5: #8250df; + --color-scale-purple-6: #6639ba; + --color-scale-purple-7: #512a97; + --color-scale-purple-8: #3e1f79; + --color-scale-purple-9: #2e1461; + --color-scale-pink-0: #ffeff7; + --color-scale-pink-1: #ffd3eb; + --color-scale-pink-2: #ffadda; + --color-scale-pink-3: #ff80c8; + --color-scale-pink-4: #e85aad; + --color-scale-pink-5: #bf3989; + --color-scale-pink-6: #99286e; + --color-scale-pink-7: #772057; + --color-scale-pink-8: #611347; + --color-scale-pink-9: #4d0336; + --color-scale-coral-0: #fff0eb; + --color-scale-coral-1: #ffd6cc; + --color-scale-coral-2: #ffb4a1; + --color-scale-coral-3: #fd8c73; + --color-scale-coral-4: #ec6547; + --color-scale-coral-5: #c4432b; + --color-scale-coral-6: #9e2f1c; + --color-scale-coral-7: #801f0f; + --color-scale-coral-8: #691105; + --color-scale-coral-9: #510901; + } +} diff --git a/src/color-modes/colors_deprecated/_light_colorblind.scss b/src/color-modes/colors_deprecated/_light_colorblind.scss new file mode 100644 index 0000000000..05df7add09 --- /dev/null +++ b/src/color-modes/colors_deprecated/_light_colorblind.scss @@ -0,0 +1,450 @@ +@mixin primer-colors-light_colorblind { + & { + --color-canvas-default-transparent: rgba(255,255,255,0); + --color-page-header-bg: #f6f8fa; + --color-marketing-icon-primary: #218bff; + --color-marketing-icon-secondary: #54aeff; + --color-diff-blob-addition-num-text: #24292f; + --color-diff-blob-addition-fg: #24292f; + --color-diff-blob-addition-num-bg: rgba(84,174,255,0.4); + --color-diff-blob-addition-line-bg: rgba(221,244,255,0.5); + --color-diff-blob-addition-word-bg: rgba(84,174,255,0.4); + --color-diff-blob-deletion-num-text: #24292f; + --color-diff-blob-deletion-fg: #24292f; + --color-diff-blob-deletion-num-bg: rgba(247,153,57,0.4); + --color-diff-blob-deletion-line-bg: rgba(255,245,232,0.5); + --color-diff-blob-deletion-word-bg: rgba(255,188,109,0.5); + --color-diff-blob-hunk-num-bg: rgba(84,174,255,0.4); + --color-diff-blob-expander-icon: #57606a; + --color-diff-blob-selected-line-highlight-mix-blend-mode: multiply; + --color-diffstat-deletion-border: rgba(27,31,36,0.15); + --color-diffstat-addition-border: rgba(27,31,36,0.15); + --color-diffstat-addition-bg: #0969da; + --color-search-keyword-hl: #fff8c5; + --color-prettylights-syntax-comment: #6e7781; + --color-prettylights-syntax-constant: #0550ae; + --color-prettylights-syntax-entity: #6639ba; + --color-prettylights-syntax-storage-modifier-import: #24292f; + --color-prettylights-syntax-entity-tag: #0550ae; + --color-prettylights-syntax-keyword: #b35900; + --color-prettylights-syntax-string: #0a3069; + --color-prettylights-syntax-variable: #8a4600; + --color-prettylights-syntax-brackethighlighter-unmatched: #6f3800; + --color-prettylights-syntax-invalid-illegal-text: #f6f8fa; + --color-prettylights-syntax-invalid-illegal-bg: #6f3800; + --color-prettylights-syntax-carriage-return-text: #f6f8fa; + --color-prettylights-syntax-carriage-return-bg: #b35900; + --color-prettylights-syntax-string-regexp: #0550ae; + --color-prettylights-syntax-markup-list: #3b2300; + --color-prettylights-syntax-markup-heading: #0550ae; + --color-prettylights-syntax-markup-italic: #24292f; + --color-prettylights-syntax-markup-bold: #24292f; + --color-prettylights-syntax-markup-deleted-text: #6f3800; + --color-prettylights-syntax-markup-deleted-bg: #fff5e8; + --color-prettylights-syntax-markup-inserted-text: #0550ae; + --color-prettylights-syntax-markup-inserted-bg: #ddf4ff; + --color-prettylights-syntax-markup-changed-text: #8a4600; + --color-prettylights-syntax-markup-changed-bg: #ffddb0; + --color-prettylights-syntax-markup-ignored-text: #eaeef2; + --color-prettylights-syntax-markup-ignored-bg: #0550ae; + --color-prettylights-syntax-meta-diff-range: #8250df; + --color-prettylights-syntax-brackethighlighter-angle: #57606a; + --color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f; + --color-prettylights-syntax-constant-other-reference-link: #0a3069; + --color-codemirror-text: #24292f; + --color-codemirror-bg: #ffffff; + --color-codemirror-gutters-bg: #ffffff; + --color-codemirror-guttermarker-text: #ffffff; + --color-codemirror-guttermarker-subtle-text: #6e7781; + --color-codemirror-linenumber-text: #57606a; + --color-codemirror-cursor: #24292f; + --color-codemirror-selection-bg: rgba(84,174,255,0.4); + --color-codemirror-activeline-bg: rgba(234,238,242,0.5); + --color-codemirror-matchingbracket-text: #24292f; + --color-codemirror-lines-bg: #ffffff; + --color-codemirror-syntax-comment: #24292f; + --color-codemirror-syntax-constant: #0550ae; + --color-codemirror-syntax-entity: #8250df; + --color-codemirror-syntax-keyword: #b35900; + --color-codemirror-syntax-storage: #b35900; + --color-codemirror-syntax-string: #0a3069; + --color-codemirror-syntax-support: #0550ae; + --color-codemirror-syntax-variable: #8a4600; + --color-checks-bg: #24292f; + --color-checks-run-border-width: 0px; + --color-checks-container-border-width: 0px; + --color-checks-text-primary: #f6f8fa; + --color-checks-text-secondary: #8c959f; + --color-checks-text-link: #54aeff; + --color-checks-btn-icon: #afb8c1; + --color-checks-btn-hover-icon: #f6f8fa; + --color-checks-btn-hover-bg: rgba(255,255,255,0.125); + --color-checks-input-text: #eaeef2; + --color-checks-input-placeholder-text: #8c959f; + --color-checks-input-focus-text: #8c959f; + --color-checks-input-bg: #32383f; + --color-checks-input-shadow: none; + --color-checks-donut-error: #dd7815; + --color-checks-donut-pending: #bf8700; + --color-checks-donut-success: #0969da; + --color-checks-donut-neutral: #afb8c1; + --color-checks-dropdown-text: #afb8c1; + --color-checks-dropdown-bg: #32383f; + --color-checks-dropdown-border: #424a53; + --color-checks-dropdown-shadow: rgba(27,31,36,0.3); + --color-checks-dropdown-hover-text: #f6f8fa; + --color-checks-dropdown-hover-bg: #424a53; + --color-checks-dropdown-btn-hover-text: #f6f8fa; + --color-checks-dropdown-btn-hover-bg: #32383f; + --color-checks-scrollbar-thumb-bg: #57606a; + --color-checks-header-label-text: #d0d7de; + --color-checks-header-label-open-text: #f6f8fa; + --color-checks-header-border: #32383f; + --color-checks-header-icon: #8c959f; + --color-checks-line-text: #d0d7de; + --color-checks-line-num-text: rgba(140,149,159,0.75); + --color-checks-line-timestamp-text: #8c959f; + --color-checks-line-hover-bg: #32383f; + --color-checks-line-selected-bg: rgba(33,139,255,0.15); + --color-checks-line-selected-num-text: #54aeff; + --color-checks-line-dt-fm-text: #24292f; + --color-checks-line-dt-fm-bg: #9a6700; + --color-checks-gate-bg: rgba(125,78,0,0.15); + --color-checks-gate-text: #d0d7de; + --color-checks-gate-waiting-text: #d4a72c; + --color-checks-step-header-open-bg: #32383f; + --color-checks-step-error-text: #f79939; + --color-checks-step-warning-text: #d4a72c; + --color-checks-logline-text: #8c959f; + --color-checks-logline-num-text: rgba(140,149,159,0.75); + --color-checks-logline-debug-text: #c297ff; + --color-checks-logline-error-text: #d0d7de; + --color-checks-logline-error-num-text: #f79939; + --color-checks-logline-error-bg: rgba(138,70,0,0.15); + --color-checks-logline-warning-text: #d0d7de; + --color-checks-logline-warning-num-text: #d4a72c; + --color-checks-logline-warning-bg: rgba(125,78,0,0.15); + --color-checks-logline-command-text: #54aeff; + --color-checks-logline-section-text: #54aeff; + --color-checks-ansi-black: #24292f; + --color-checks-ansi-black-bright: #32383f; + --color-checks-ansi-white: #d0d7de; + --color-checks-ansi-white-bright: #d0d7de; + --color-checks-ansi-gray: #8c959f; + --color-checks-ansi-red: #f79939; + --color-checks-ansi-red-bright: #ffbc6d; + --color-checks-ansi-green: #54aeff; + --color-checks-ansi-green-bright: #80ccff; + --color-checks-ansi-yellow: #d4a72c; + --color-checks-ansi-yellow-bright: #eac54f; + --color-checks-ansi-blue: #54aeff; + --color-checks-ansi-blue-bright: #80ccff; + --color-checks-ansi-magenta: #c297ff; + --color-checks-ansi-magenta-bright: #d8b9ff; + --color-checks-ansi-cyan: #76e3ea; + --color-checks-ansi-cyan-bright: #b3f0ff; + --color-project-header-bg: #24292f; + --color-project-sidebar-bg: #ffffff; + --color-project-gradient-in: #ffffff; + --color-project-gradient-out: rgba(255,255,255,0); + --color-mktg-btn-bg: #1b1f23; + --color-mktg-btn-shadow-outline: rgb(0 0 0 / 15%) 0 0 0 1px inset; + --color-mktg-btn-shadow-focus: rgb(0 0 0 / 15%) 0 0 0 4px; + --color-mktg-btn-shadow-hover: 0 3px 2px rgba(0, 0, 0, 0.07), 0 7px 5px rgba(0, 0, 0, 0.04), 0 12px 10px rgba(0, 0, 0, 0.03), 0 22px 18px rgba(0, 0, 0, 0.03), 0 42px 33px rgba(0, 0, 0, 0.02), 0 100px 80px rgba(0, 0, 0, 0.02); + --color-mktg-btn-shadow-hover-muted: rgb(0 0 0 / 70%) 0 0 0 2px inset; + --color-control-border-color-emphasis: #858F99; + --color-avatar-bg: #ffffff; + --color-avatar-border: rgba(27,31,36,0.15); + --color-avatar-stack-fade: #afb8c1; + --color-avatar-stack-fade-more: #d0d7de; + --color-avatar-child-shadow: 0 0 0 2px rgba(255,255,255,0.8); + --color-topic-tag-border: rgba(0,0,0,0); + --color-counter-border: rgba(0,0,0,0); + --color-select-menu-backdrop-border: rgba(0,0,0,0); + --color-select-menu-tap-highlight: rgba(175,184,193,0.5); + --color-select-menu-tap-focus-bg: #b6e3ff; + --color-overlay-shadow: 0 1px 3px rgba(27,31,36,0.12), 0 8px 24px rgba(66,74,83,0.12); + --color-overlay-backdrop: rgba(140,149,159,0.2); + --color-header-text: rgba(255,255,255,0.7); + --color-header-bg: #24292f; + --color-header-divider: #57606a; + --color-header-logo: #ffffff; + --color-header-search-bg: #24292f; + --color-header-search-border: #57606a; + --color-sidenav-selected-bg: #ffffff; + --color-menu-bg-active: rgba(0,0,0,0); + --color-input-disabled-bg: rgba(175,184,193,0.2); + --color-timeline-badge-bg: #eaeef2; + --color-ansi-black: #24292f; + --color-ansi-black-bright: #57606a; + --color-ansi-white: #6e7781; + --color-ansi-white-bright: #8c959f; + --color-ansi-gray: #6e7781; + --color-ansi-red: #b35900; + --color-ansi-red-bright: #8a4600; + --color-ansi-green: #0550ae; + --color-ansi-green-bright: #0969da; + --color-ansi-yellow: #4d2d00; + --color-ansi-yellow-bright: #633c01; + --color-ansi-blue: #0969da; + --color-ansi-blue-bright: #218bff; + --color-ansi-magenta: #8250df; + --color-ansi-magenta-bright: #a475f9; + --color-ansi-cyan: #1b7c83; + --color-ansi-cyan-bright: #3192aa; + --color-btn-text: #24292f; + --color-btn-bg: #f6f8fa; + --color-btn-border: rgba(27,31,36,0.15); + --color-btn-shadow: 0 1px 0 rgba(27,31,36,0.04); + --color-btn-inset-shadow: inset 0 1px 0 rgba(255,255,255,0.25); + --color-btn-hover-bg: #f3f4f6; + --color-btn-hover-border: rgba(27,31,36,0.15); + --color-btn-active-bg: hsla(220,14%,93%,1); + --color-btn-active-border: rgba(27,31,36,0.15); + --color-btn-selected-bg: hsla(220,14%,94%,1); + --color-btn-counter-bg: rgba(27,31,36,0.08); + --color-btn-primary-text: #ffffff; + --color-btn-primary-bg: #0969da; + --color-btn-primary-border: rgba(27,31,36,0.15); + --color-btn-primary-shadow: 0 1px 0 rgba(27,31,36,0.1); + --color-btn-primary-inset-shadow: inset 0 1px 0 rgba(255,255,255,0.03); + --color-btn-primary-hover-bg: #0969da; + --color-btn-primary-hover-border: rgba(27,31,36,0.15); + --color-btn-primary-selected-bg: hsla(212,92%,43%,1); + --color-btn-primary-selected-shadow: inset 0 1px 0 rgba(0,33,85,0.2); + --color-btn-primary-disabled-text: rgba(255,255,255,0.8); + --color-btn-primary-disabled-bg: #80ccff; + --color-btn-primary-disabled-border: rgba(27,31,36,0.15); + --color-btn-primary-icon: rgba(255,255,255,0.8); + --color-btn-primary-counter-bg: rgba(0,33,85,0.2); + --color-btn-outline-text: #0969da; + --color-btn-outline-hover-text: #ffffff; + --color-btn-outline-hover-bg: #0969da; + --color-btn-outline-hover-border: rgba(27,31,36,0.15); + --color-btn-outline-hover-shadow: 0 1px 0 rgba(27,31,36,0.1); + --color-btn-outline-hover-inset-shadow: inset 0 1px 0 rgba(255,255,255,0.03); + --color-btn-outline-hover-counter-bg: rgba(255,255,255,0.2); + --color-btn-outline-selected-text: #ffffff; + --color-btn-outline-selected-bg: hsla(212,92%,42%,1); + --color-btn-outline-selected-border: rgba(27,31,36,0.15); + --color-btn-outline-selected-shadow: inset 0 1px 0 rgba(0,33,85,0.2); + --color-btn-outline-disabled-text: rgba(9,105,218,0.5); + --color-btn-outline-disabled-bg: #f6f8fa; + --color-btn-outline-disabled-counter-bg: rgba(9,105,218,0.05); + --color-btn-outline-counter-bg: #0969da1a; + --color-btn-outline-counter-fg: #0550ae; + --color-btn-outline-hover-counter-fg: #ffffff; + --color-btn-outline-disabled-counter-fg: rgba(9,105,218,0.5); + --color-btn-danger-text: #b35900; + --color-btn-danger-hover-text: #ffffff; + --color-btn-danger-hover-bg: #8a4600; + --color-btn-danger-hover-border: rgba(27,31,36,0.15); + --color-btn-danger-hover-shadow: 0 1px 0 rgba(27,31,36,0.1); + --color-btn-danger-hover-inset-shadow: inset 0 1px 0 rgba(255,255,255,0.03); + --color-btn-danger-hover-counter-bg: rgba(255,255,255,0.2); + --color-btn-danger-selected-text: #ffffff; + --color-btn-danger-selected-bg: hsla(30,100%,32%,1); + --color-btn-danger-selected-border: rgba(27,31,36,0.15); + --color-btn-danger-selected-shadow: inset 0 1px 0 rgba(65,32,0,0.2); + --color-btn-danger-disabled-text: rgba(179,89,0,0.5); + --color-btn-danger-disabled-bg: #f6f8fa; + --color-btn-danger-disabled-counter-bg: rgba(179,89,0,0.05); + --color-btn-danger-counter-bg: rgba(179,89,0,0.1); + --color-btn-danger-icon: #b35900; + --color-btn-danger-hover-icon: #ffffff; + --color-btn-danger-counter-fg: #8a4600; + --color-btn-danger-hover-counter-fg: #ffffff; + --color-btn-danger-disabled-counter-fg: rgba(179,89,0,0.5); + --color-underlinenav-icon: #6e7781; + --color-underlinenav-border-hover: rgba(175,184,193,0.2); + --color-action-list-item-inline-divider: rgba(208,215,222,0.48); + --color-action-list-item-default-hover-bg: rgba(208,215,222,0.32); + --color-action-list-item-default-hover-border: rgba(0,0,0,0); + --color-action-list-item-default-active-bg: rgba(208,215,222,0.48); + --color-action-list-item-default-active-border: rgba(0,0,0,0); + --color-action-list-item-default-selected-bg: rgba(208,215,222,0.24); + --color-action-list-item-danger-hover-bg: rgba(255,245,232,0.64); + --color-action-list-item-danger-active-bg: #fff5e8; + --color-action-list-item-danger-hover-text: #b35900; + --color-switch-track-bg: #eaeef2; + --color-switch-track-hover-bg: hsla(210,24%,90%,1); + --color-switch-track-active-bg: hsla(210,24%,88%,1); + --color-switch-track-disabled-bg: #8c959f; + --color-switch-track-fg: #57606a; + --color-switch-track-disabled-fg: #ffffff; + --color-switch-track-border: rgba(0,0,0,0); + --color-switch-track-checked-bg: #0969da; + --color-switch-track-checked-hover-bg: #0860CA; + --color-switch-track-checked-active-bg: #0757BA; + --color-switch-track-checked-fg: #ffffff; + --color-switch-track-checked-disabled-fg: #ffffff; + --color-switch-track-checked-border: rgba(0,0,0,0); + --color-switch-knob-bg: #ffffff; + --color-switch-knob-disabled-bg: #f6f8fa; + --color-switch-knob-border: #858F99; + --color-switch-knob-checked-bg: #ffffff; + --color-switch-knob-checked-disabled-bg: #f6f8fa; + --color-switch-knob-checked-border: #0969da; + --color-segmented-control-bg: #eaeef2; + --color-segmented-control-button-bg: #ffffff; + --color-segmented-control-button-hover-bg: rgba(175,184,193,0.2); + --color-segmented-control-button-active-bg: rgba(175,184,193,0.4); + --color-segmented-control-button-selected-border: #8c959f; + --color-tree-view-item-chevron-hover-bg: rgba(208,215,222,0.32); + --color-tree-view-item-directory-fill: #54aeff; + --color-fg-default: #24292f; + --color-fg-muted: #57606a; + --color-fg-subtle: #6e7781; + --color-fg-on-emphasis: #ffffff; + --color-canvas-default: #ffffff; + --color-canvas-overlay: #ffffff; + --color-canvas-inset: #f6f8fa; + --color-canvas-subtle: #f6f8fa; + --color-border-default: #d0d7de; + --color-border-muted: hsla(210,18%,87%,1); + --color-border-subtle: rgba(27,31,36,0.15); + --color-shadow-small: 0 1px 0 rgba(27,31,36,0.04); + --color-shadow-medium: 0 3px 6px rgba(140,149,159,0.15); + --color-shadow-large: 0 8px 24px rgba(140,149,159,0.2); + --color-shadow-extra-large: 0 12px 28px rgba(140,149,159,0.3); + --color-neutral-emphasis-plus: #24292f; + --color-neutral-emphasis: #6e7781; + --color-neutral-muted: rgba(175,184,193,0.2); + --color-neutral-subtle: rgba(234,238,242,0.5); + --color-accent-fg: #0969da; + --color-accent-emphasis: #0969da; + --color-accent-muted: rgba(84,174,255,0.4); + --color-accent-subtle: #ddf4ff; + --color-success-fg: #0969da; + --color-success-emphasis: #0969da; + --color-success-muted: rgba(84,174,255,0.4); + --color-success-subtle: #ddf4ff; + --color-attention-fg: #9a6700; + --color-attention-emphasis: #9a6700; + --color-attention-muted: rgba(212,167,44,0.4); + --color-attention-subtle: #fff8c5; + --color-severe-fg: #b35900; + --color-severe-emphasis: #b35900; + --color-severe-muted: rgba(247,153,57,0.4); + --color-severe-subtle: #fff5e8; + --color-danger-fg: #b35900; + --color-danger-emphasis: #b35900; + --color-danger-muted: rgba(247,153,57,0.4); + --color-danger-subtle: #fff5e8; + --color-open-fg: #b35900; + --color-open-emphasis: #dd7815; + --color-open-muted: rgba(247,153,57,0.4); + --color-open-subtle: #fff5e8; + --color-closed-fg: #6e7781; + --color-closed-emphasis: #6e7781; + --color-closed-muted: rgba(175,184,193,0.4); + --color-closed-subtle: #f6f8fa; + --color-done-fg: #8250df; + --color-done-emphasis: #8250df; + --color-done-muted: rgba(194,151,255,0.4); + --color-done-subtle: #fbefff; + --color-sponsors-fg: #bf3989; + --color-sponsors-emphasis: #bf3989; + --color-sponsors-muted: rgba(255,128,200,0.4); + --color-sponsors-subtle: #ffeff7; + --color-primer-fg-disabled: #8c959f; + --color-primer-canvas-backdrop: rgba(27,31,36,0.5); + --color-primer-canvas-sticky: rgba(255,255,255,0.95); + --color-primer-border-active: #fd8c73; + --color-primer-border-contrast: rgba(27,31,36,0.1); + --color-primer-shadow-highlight: inset 0 1px 0 rgba(255,255,255,0.25); + --color-primer-shadow-inset: inset 0 1px 0 rgba(208,215,222,0.2); + --color-scale-black: #1b1f24; + --color-scale-white: #ffffff; + --color-scale-gray-0: #f6f8fa; + --color-scale-gray-1: #eaeef2; + --color-scale-gray-2: #d0d7de; + --color-scale-gray-3: #afb8c1; + --color-scale-gray-4: #8c959f; + --color-scale-gray-5: #6e7781; + --color-scale-gray-6: #57606a; + --color-scale-gray-7: #424a53; + --color-scale-gray-8: #32383f; + --color-scale-gray-9: #24292f; + --color-scale-blue-0: #ddf4ff; + --color-scale-blue-1: #b6e3ff; + --color-scale-blue-2: #80ccff; + --color-scale-blue-3: #54aeff; + --color-scale-blue-4: #218bff; + --color-scale-blue-5: #0969da; + --color-scale-blue-6: #0550ae; + --color-scale-blue-7: #033d8b; + --color-scale-blue-8: #0a3069; + --color-scale-blue-9: #002155; + --color-scale-green-0: #ddf4ff; + --color-scale-green-1: #b6e3ff; + --color-scale-green-2: #80ccff; + --color-scale-green-3: #54aeff; + --color-scale-green-4: #218bff; + --color-scale-green-5: #0969da; + --color-scale-green-6: #0550ae; + --color-scale-green-7: #033d8b; + --color-scale-green-8: #0a3069; + --color-scale-green-9: #002155; + --color-scale-yellow-0: #fff8c5; + --color-scale-yellow-1: #fae17d; + --color-scale-yellow-2: #eac54f; + --color-scale-yellow-3: #d4a72c; + --color-scale-yellow-4: #bf8700; + --color-scale-yellow-5: #9a6700; + --color-scale-yellow-6: #7d4e00; + --color-scale-yellow-7: #633c01; + --color-scale-yellow-8: #4d2d00; + --color-scale-yellow-9: #3b2300; + --color-scale-orange-0: #fff5e8; + --color-scale-orange-1: #ffddb0; + --color-scale-orange-2: #ffbc6d; + --color-scale-orange-3: #f79939; + --color-scale-orange-4: #dd7815; + --color-scale-orange-5: #b35900; + --color-scale-orange-6: #8a4600; + --color-scale-orange-7: #6f3800; + --color-scale-orange-8: #572c00; + --color-scale-orange-9: #412000; + --color-scale-red-0: #fff5e8; + --color-scale-red-1: #ffddb0; + --color-scale-red-2: #ffbc6d; + --color-scale-red-3: #f79939; + --color-scale-red-4: #dd7815; + --color-scale-red-5: #b35900; + --color-scale-red-6: #8a4600; + --color-scale-red-7: #6f3800; + --color-scale-red-8: #572c00; + --color-scale-red-9: #412000; + --color-scale-purple-0: #fbefff; + --color-scale-purple-1: #ecd8ff; + --color-scale-purple-2: #d8b9ff; + --color-scale-purple-3: #c297ff; + --color-scale-purple-4: #a475f9; + --color-scale-purple-5: #8250df; + --color-scale-purple-6: #6639ba; + --color-scale-purple-7: #512a97; + --color-scale-purple-8: #3e1f79; + --color-scale-purple-9: #2e1461; + --color-scale-pink-0: #ffeff7; + --color-scale-pink-1: #ffd3eb; + --color-scale-pink-2: #ffadda; + --color-scale-pink-3: #ff80c8; + --color-scale-pink-4: #e85aad; + --color-scale-pink-5: #bf3989; + --color-scale-pink-6: #99286e; + --color-scale-pink-7: #772057; + --color-scale-pink-8: #611347; + --color-scale-pink-9: #4d0336; + --color-scale-coral-0: #fff0eb; + --color-scale-coral-1: #ffd6cc; + --color-scale-coral-2: #ffb4a1; + --color-scale-coral-3: #fd8c73; + --color-scale-coral-4: #ec6547; + --color-scale-coral-5: #c4432b; + --color-scale-coral-6: #9e2f1c; + --color-scale-coral-7: #801f0f; + --color-scale-coral-8: #691105; + --color-scale-coral-9: #510901; + } +} diff --git a/src/color-modes/colors_deprecated/_light_high_contrast.scss b/src/color-modes/colors_deprecated/_light_high_contrast.scss new file mode 100644 index 0000000000..c45c15b782 --- /dev/null +++ b/src/color-modes/colors_deprecated/_light_high_contrast.scss @@ -0,0 +1,450 @@ +@mixin primer-colors-light_high_contrast { + & { + --color-canvas-default-transparent: rgba(255,255,255,0); + --color-page-header-bg: #ffffff; + --color-marketing-icon-primary: #1168e3; + --color-marketing-icon-secondary: #368cf9; + --color-diff-blob-addition-num-text: #0e1116; + --color-diff-blob-addition-fg: #ffffff; + --color-diff-blob-addition-num-bg: #ccffd8; + --color-diff-blob-addition-line-bg: #e6ffec; + --color-diff-blob-addition-word-bg: #055d20; + --color-diff-blob-deletion-num-text: #0e1116; + --color-diff-blob-deletion-fg: #ffffff; + --color-diff-blob-deletion-num-bg: #ffd7d5; + --color-diff-blob-deletion-line-bg: #fff0ee; + --color-diff-blob-deletion-word-bg: #a0111f; + --color-diff-blob-hunk-num-bg: #9cd7ff; + --color-diff-blob-expander-icon: #0e1116; + --color-diff-blob-selected-line-highlight-mix-blend-mode: multiply; + --color-diffstat-deletion-border: rgba(1,4,9,0.8); + --color-diffstat-addition-border: rgba(1,4,9,0.8); + --color-diffstat-addition-bg: #055d20; + --color-search-keyword-hl: #fcf7be; + --color-prettylights-syntax-comment: #66707b; + --color-prettylights-syntax-constant: #023b95; + --color-prettylights-syntax-entity: #512598; + --color-prettylights-syntax-storage-modifier-import: #0e1116; + --color-prettylights-syntax-entity-tag: #024c1a; + --color-prettylights-syntax-keyword: #a0111f; + --color-prettylights-syntax-string: #032563; + --color-prettylights-syntax-variable: #702c00; + --color-prettylights-syntax-brackethighlighter-unmatched: #6e011a; + --color-prettylights-syntax-invalid-illegal-text: #ffffff; + --color-prettylights-syntax-invalid-illegal-bg: #6e011a; + --color-prettylights-syntax-carriage-return-text: #ffffff; + --color-prettylights-syntax-carriage-return-bg: #a0111f; + --color-prettylights-syntax-string-regexp: #024c1a; + --color-prettylights-syntax-markup-list: #2e1800; + --color-prettylights-syntax-markup-heading: #023b95; + --color-prettylights-syntax-markup-italic: #0e1116; + --color-prettylights-syntax-markup-bold: #0e1116; + --color-prettylights-syntax-markup-deleted-text: #6e011a; + --color-prettylights-syntax-markup-deleted-bg: #fff0ee; + --color-prettylights-syntax-markup-inserted-text: #024c1a; + --color-prettylights-syntax-markup-inserted-bg: #d2fedb; + --color-prettylights-syntax-markup-changed-text: #702c00; + --color-prettylights-syntax-markup-changed-bg: #ffc67b; + --color-prettylights-syntax-markup-ignored-text: #e7ecf0; + --color-prettylights-syntax-markup-ignored-bg: #023b95; + --color-prettylights-syntax-meta-diff-range: #622cbc; + --color-prettylights-syntax-brackethighlighter-angle: #4b535d; + --color-prettylights-syntax-sublimelinter-gutter-mark: #88929d; + --color-prettylights-syntax-constant-other-reference-link: #032563; + --color-codemirror-text: #0e1116; + --color-codemirror-bg: #ffffff; + --color-codemirror-gutters-bg: #ffffff; + --color-codemirror-guttermarker-text: #ffffff; + --color-codemirror-guttermarker-subtle-text: #66707b; + --color-codemirror-linenumber-text: #0e1116; + --color-codemirror-cursor: #0e1116; + --color-codemirror-selection-bg: #368cf9; + --color-codemirror-activeline-bg: #e7ecf0; + --color-codemirror-matchingbracket-text: #0e1116; + --color-codemirror-lines-bg: #ffffff; + --color-codemirror-syntax-comment: #0e1116; + --color-codemirror-syntax-constant: #023b95; + --color-codemirror-syntax-entity: #622cbc; + --color-codemirror-syntax-keyword: #a0111f; + --color-codemirror-syntax-storage: #a0111f; + --color-codemirror-syntax-string: #032563; + --color-codemirror-syntax-support: #023b95; + --color-codemirror-syntax-variable: #702c00; + --color-checks-bg: #0e1116; + --color-checks-run-border-width: 0px; + --color-checks-container-border-width: 0px; + --color-checks-text-primary: #ffffff; + --color-checks-text-secondary: #88929d; + --color-checks-text-link: #368cf9; + --color-checks-btn-icon: #acb6c0; + --color-checks-btn-hover-icon: #ffffff; + --color-checks-btn-hover-bg: rgba(255,255,255,0.125); + --color-checks-input-text: #e7ecf0; + --color-checks-input-placeholder-text: #88929d; + --color-checks-input-focus-text: #88929d; + --color-checks-input-bg: #20252c; + --color-checks-input-shadow: none; + --color-checks-donut-error: #d5232c; + --color-checks-donut-pending: #956400; + --color-checks-donut-success: #055d20; + --color-checks-donut-neutral: #acb6c0; + --color-checks-dropdown-text: #acb6c0; + --color-checks-dropdown-bg: #20252c; + --color-checks-dropdown-border: #343b43; + --color-checks-dropdown-shadow: rgba(1,4,9,0.3); + --color-checks-dropdown-hover-text: #ffffff; + --color-checks-dropdown-hover-bg: #343b43; + --color-checks-dropdown-btn-hover-text: #ffffff; + --color-checks-dropdown-btn-hover-bg: #20252c; + --color-checks-scrollbar-thumb-bg: #4b535d; + --color-checks-header-label-text: #ced5dc; + --color-checks-header-label-open-text: #ffffff; + --color-checks-header-border: #20252c; + --color-checks-header-icon: #88929d; + --color-checks-line-text: #ced5dc; + --color-checks-line-num-text: rgba(136,146,157,0.75); + --color-checks-line-timestamp-text: #88929d; + --color-checks-line-hover-bg: #20252c; + --color-checks-line-selected-bg: rgba(17,104,227,0.15); + --color-checks-line-selected-num-text: #368cf9; + --color-checks-line-dt-fm-text: #0e1116; + --color-checks-line-dt-fm-bg: #744500; + --color-checks-gate-bg: rgba(96,55,0,0.15); + --color-checks-gate-text: #ced5dc; + --color-checks-gate-waiting-text: #b58407; + --color-checks-step-header-open-bg: #20252c; + --color-checks-step-error-text: #ee5a5d; + --color-checks-step-warning-text: #b58407; + --color-checks-logline-text: #88929d; + --color-checks-logline-num-text: rgba(136,146,157,0.75); + --color-checks-logline-debug-text: #a371f7; + --color-checks-logline-error-text: #ced5dc; + --color-checks-logline-error-num-text: #ee5a5d; + --color-checks-logline-error-bg: rgba(134,6,29,0.15); + --color-checks-logline-warning-text: #ced5dc; + --color-checks-logline-warning-num-text: #b58407; + --color-checks-logline-warning-bg: rgba(96,55,0,0.15); + --color-checks-logline-command-text: #368cf9; + --color-checks-logline-section-text: #26a148; + --color-checks-ansi-black: #0e1116; + --color-checks-ansi-black-bright: #20252c; + --color-checks-ansi-white: #ced5dc; + --color-checks-ansi-white-bright: #ced5dc; + --color-checks-ansi-gray: #88929d; + --color-checks-ansi-red: #ee5a5d; + --color-checks-ansi-red-bright: #ff8e8a; + --color-checks-ansi-green: #26a148; + --color-checks-ansi-green-bright: #43c663; + --color-checks-ansi-yellow: #b58407; + --color-checks-ansi-yellow-bright: #d5a824; + --color-checks-ansi-blue: #368cf9; + --color-checks-ansi-blue-bright: #67b3fd; + --color-checks-ansi-magenta: #a371f7; + --color-checks-ansi-magenta-bright: #c49bff; + --color-checks-ansi-cyan: #76e3ea; + --color-checks-ansi-cyan-bright: #b3f0ff; + --color-project-header-bg: #0e1116; + --color-project-sidebar-bg: #ffffff; + --color-project-gradient-in: #ffffff; + --color-project-gradient-out: rgba(255,255,255,0); + --color-mktg-btn-bg: #1b1f23; + --color-mktg-btn-shadow-outline: rgb(0 0 0 / 15%) 0 0 0 1px inset; + --color-mktg-btn-shadow-focus: rgb(0 0 0 / 15%) 0 0 0 4px; + --color-mktg-btn-shadow-hover: 0 3px 2px rgba(0, 0, 0, 0.07), 0 7px 5px rgba(0, 0, 0, 0.04), 0 12px 10px rgba(0, 0, 0, 0.03), 0 22px 18px rgba(0, 0, 0, 0.03), 0 42px 33px rgba(0, 0, 0, 0.02), 0 100px 80px rgba(0, 0, 0, 0.02); + --color-mktg-btn-shadow-hover-muted: rgb(0 0 0 / 70%) 0 0 0 2px inset; + --color-control-border-color-emphasis: #20252c; + --color-avatar-bg: #ffffff; + --color-avatar-border: rgba(1,4,9,0.8); + --color-avatar-stack-fade: #acb6c0; + --color-avatar-stack-fade-more: #ced5dc; + --color-avatar-child-shadow: 0 0 0 2px rgba(255,255,255,0.8); + --color-topic-tag-border: #0349b4; + --color-counter-border: #20252c; + --color-select-menu-backdrop-border: rgba(0,0,0,0); + --color-select-menu-tap-highlight: rgba(172,182,192,0.5); + --color-select-menu-tap-focus-bg: #9cd7ff; + --color-overlay-shadow: 0 1px 3px rgba(1,4,9,0.12), 0 8px 24px rgba(52,59,67,0.12); + --color-overlay-backdrop: rgba(136,146,157,0.2); + --color-header-text: rgba(255,255,255,0.7); + --color-header-bg: #0e1116; + --color-header-divider: #acb6c0; + --color-header-logo: #ffffff; + --color-header-search-bg: #0e1116; + --color-header-search-border: #4b535d; + --color-sidenav-selected-bg: #ffffff; + --color-menu-bg-active: rgba(0,0,0,0); + --color-input-disabled-bg: rgba(172,182,192,0.2); + --color-timeline-badge-bg: #e7ecf0; + --color-ansi-black: #0e1116; + --color-ansi-black-bright: #4b535d; + --color-ansi-white: #66707b; + --color-ansi-white-bright: #88929d; + --color-ansi-gray: #66707b; + --color-ansi-red: #a0111f; + --color-ansi-red-bright: #86061d; + --color-ansi-green: #024c1a; + --color-ansi-green-bright: #055d20; + --color-ansi-yellow: #3f2200; + --color-ansi-yellow-bright: #4e2c00; + --color-ansi-blue: #0349b4; + --color-ansi-blue-bright: #1168e3; + --color-ansi-magenta: #622cbc; + --color-ansi-magenta-bright: #844ae7; + --color-ansi-cyan: #1b7c83; + --color-ansi-cyan-bright: #3192aa; + --color-btn-text: #0e1116; + --color-btn-bg: #e7ecf0; + --color-btn-border: rgba(1,4,9,0.8); + --color-btn-shadow: 0 1px 0 rgba(1,4,9,0.04); + --color-btn-inset-shadow: inset 0 1px 0 rgba(255,255,255,0.25); + --color-btn-hover-bg: #ced5dc; + --color-btn-hover-border: rgba(1,4,9,0.8); + --color-btn-active-bg: #acb6c0; + --color-btn-active-border: rgba(1,4,9,0.8); + --color-btn-selected-bg: #acb6c0; + --color-btn-counter-bg: rgba(1,4,9,0.08); + --color-btn-primary-text: #ffffff; + --color-btn-primary-bg: #055d20; + --color-btn-primary-border: #013d14; + --color-btn-primary-shadow: 0 1px 0 rgba(1,4,9,0.1); + --color-btn-primary-inset-shadow: inset 0 1px 0 rgba(255,255,255,0.03); + --color-btn-primary-hover-bg: #024c1a; + --color-btn-primary-hover-border: #013d14; + --color-btn-primary-selected-bg: hsla(139,95%,13%,1); + --color-btn-primary-selected-shadow: inset 0 1px 0 rgba(0,35,11,0.2); + --color-btn-primary-disabled-text: rgba(255,255,255,0.8); + --color-btn-primary-disabled-bg: #94d3a2; + --color-btn-primary-disabled-border: rgba(1,4,9,0.8); + --color-btn-primary-icon: rgba(255,255,255,0.8); + --color-btn-primary-counter-bg: rgba(0,35,11,0.2); + --color-btn-outline-text: #023b95; + --color-btn-outline-hover-text: #ffffff; + --color-btn-outline-hover-bg: #0349b4; + --color-btn-outline-hover-border: #022f7a; + --color-btn-outline-hover-shadow: 0 1px 0 rgba(1,4,9,0.1); + --color-btn-outline-hover-inset-shadow: inset 0 1px 0 rgba(255,255,255,0.03); + --color-btn-outline-hover-counter-bg: rgba(255,255,255,0.2); + --color-btn-outline-selected-text: #ffffff; + --color-btn-outline-selected-bg: #022f7a; + --color-btn-outline-selected-border: #022f7a; + --color-btn-outline-selected-shadow: inset 0 1px 0 rgba(2,26,74,0.2); + --color-btn-outline-disabled-text: rgba(3,73,180,0.5); + --color-btn-outline-disabled-bg: #e7ecf0; + --color-btn-outline-disabled-counter-bg: rgba(3,73,180,0.05); + --color-btn-outline-counter-bg: #0969da1a; + --color-btn-outline-counter-fg: #023b95; + --color-btn-outline-hover-counter-fg: #ffffff; + --color-btn-outline-disabled-counter-fg: rgba(3,73,180,0.5); + --color-btn-danger-text: #86061d; + --color-btn-danger-hover-text: #ffffff; + --color-btn-danger-hover-bg: #a0111f; + --color-btn-danger-hover-border: #6e011a; + --color-btn-danger-hover-shadow: 0 1px 0 rgba(1,4,9,0.1); + --color-btn-danger-hover-inset-shadow: inset 0 1px 0 rgba(255,255,255,0.03); + --color-btn-danger-hover-counter-bg: rgba(255,255,255,0.2); + --color-btn-danger-selected-text: #ffffff; + --color-btn-danger-selected-bg: #6e011a; + --color-btn-danger-selected-border: #6e011a; + --color-btn-danger-selected-shadow: inset 0 1px 0 rgba(67,0,17,0.2); + --color-btn-danger-disabled-text: rgba(160,17,31,0.5); + --color-btn-danger-disabled-bg: #e7ecf0; + --color-btn-danger-disabled-counter-bg: rgba(160,17,31,0.05); + --color-btn-danger-counter-bg: rgba(160,17,31,0.1); + --color-btn-danger-icon: #86061d; + --color-btn-danger-hover-icon: #ffffff; + --color-btn-danger-counter-fg: #86061d; + --color-btn-danger-hover-counter-fg: #ffffff; + --color-btn-danger-disabled-counter-fg: rgba(160,17,31,0.5); + --color-underlinenav-icon: #66707b; + --color-underlinenav-border-hover: rgba(172,182,192,0.2); + --color-action-list-item-inline-divider: #88929d; + --color-action-list-item-default-hover-bg: #e7ecf0; + --color-action-list-item-default-hover-border: #88929d; + --color-action-list-item-default-active-bg: #ced5dc; + --color-action-list-item-default-active-border: #20252c; + --color-action-list-item-default-selected-bg: #ced5dc; + --color-action-list-item-danger-hover-bg: #a0111f; + --color-action-list-item-danger-active-bg: #6e011a; + --color-action-list-item-danger-hover-text: #ffffff; + --color-switch-track-bg: #66707b; + --color-switch-track-hover-bg: hsla(211,9%,47%,1); + --color-switch-track-active-bg: hsla(211,9%,49%,1); + --color-switch-track-disabled-bg: #88929d; + --color-switch-track-fg: #ffffff; + --color-switch-track-disabled-fg: #ffffff; + --color-switch-track-border: rgba(0,0,0,0); + --color-switch-track-checked-bg: #0349b4; + --color-switch-track-checked-hover-bg: #0860CA; + --color-switch-track-checked-active-bg: #0757BA; + --color-switch-track-checked-fg: #ffffff; + --color-switch-track-checked-disabled-fg: #ffffff; + --color-switch-track-checked-border: rgba(0,0,0,0); + --color-switch-knob-bg: #ffffff; + --color-switch-knob-disabled-bg: #e7ecf0; + --color-switch-knob-border: #20252c; + --color-switch-knob-checked-bg: #ffffff; + --color-switch-knob-checked-disabled-bg: #e7ecf0; + --color-switch-knob-checked-border: #0349b4; + --color-segmented-control-bg: #e7ecf0; + --color-segmented-control-button-bg: #ffffff; + --color-segmented-control-button-hover-bg: rgba(172,182,192,0.2); + --color-segmented-control-button-active-bg: rgba(172,182,192,0.4); + --color-segmented-control-button-selected-border: #88929d; + --color-tree-view-item-chevron-hover-bg: #ced5dc; + --color-tree-view-item-directory-fill: #368cf9; + --color-fg-default: #0e1116; + --color-fg-muted: #0e1116; + --color-fg-subtle: #66707b; + --color-fg-on-emphasis: #ffffff; + --color-canvas-default: #ffffff; + --color-canvas-overlay: #ffffff; + --color-canvas-inset: #ffffff; + --color-canvas-subtle: #e7ecf0; + --color-border-default: #20252c; + --color-border-muted: #88929d; + --color-border-subtle: rgba(1,4,9,0.8); + --color-shadow-small: 0 1px 0 rgba(1,4,9,0.04); + --color-shadow-medium: 0 3px 6px rgba(136,146,157,0.15); + --color-shadow-large: 0 8px 24px rgba(136,146,157,0.2); + --color-shadow-extra-large: 0 12px 28px rgba(136,146,157,0.3); + --color-neutral-emphasis-plus: #0e1116; + --color-neutral-emphasis: #66707b; + --color-neutral-muted: rgba(172,182,192,0.2); + --color-neutral-subtle: #e7ecf0; + --color-accent-fg: #0349b4; + --color-accent-emphasis: #0349b4; + --color-accent-muted: #368cf9; + --color-accent-subtle: #dff7ff; + --color-success-fg: #055d20; + --color-success-emphasis: #055d20; + --color-success-muted: #26a148; + --color-success-subtle: #d2fedb; + --color-attention-fg: #744500; + --color-attention-emphasis: #744500; + --color-attention-muted: #b58407; + --color-attention-subtle: #fcf7be; + --color-severe-fg: #873800; + --color-severe-emphasis: #873800; + --color-severe-muted: #dc6d1a; + --color-severe-subtle: #fff2d5; + --color-danger-fg: #d1242f; + --color-danger-emphasis: #a0111f; + --color-danger-muted: #ee5a5d; + --color-danger-subtle: #fff0ee; + --color-open-fg: #055d20; + --color-open-emphasis: #055d20; + --color-open-muted: rgba(38,161,72,0.4); + --color-open-subtle: #d2fedb; + --color-closed-fg: #d1242f; + --color-closed-emphasis: #a0111f; + --color-closed-muted: rgba(238,90,93,0.4); + --color-closed-subtle: #fff0ee; + --color-done-fg: #622cbc; + --color-done-emphasis: #622cbc; + --color-done-muted: #a371f7; + --color-done-subtle: #faf0fe; + --color-sponsors-fg: #971368; + --color-sponsors-emphasis: #971368; + --color-sponsors-muted: #ed4baf; + --color-sponsors-subtle: #feeff7; + --color-primer-fg-disabled: #88929d; + --color-primer-canvas-backdrop: rgba(1,4,9,0.5); + --color-primer-canvas-sticky: rgba(255,255,255,0.95); + --color-primer-border-active: #ef5b48; + --color-primer-border-contrast: rgba(1,4,9,0.1); + --color-primer-shadow-highlight: inset 0 1px 0 rgba(255,255,255,0.25); + --color-primer-shadow-inset: inset 0 1px 0 rgba(206,213,220,0.2); + --color-scale-black: #010409; + --color-scale-white: #ffffff; + --color-scale-gray-0: #ffffff; + --color-scale-gray-1: #e7ecf0; + --color-scale-gray-2: #ced5dc; + --color-scale-gray-3: #acb6c0; + --color-scale-gray-4: #88929d; + --color-scale-gray-5: #66707b; + --color-scale-gray-6: #4b535d; + --color-scale-gray-7: #343b43; + --color-scale-gray-8: #20252c; + --color-scale-gray-9: #0e1116; + --color-scale-blue-0: #dff7ff; + --color-scale-blue-1: #9cd7ff; + --color-scale-blue-2: #67b3fd; + --color-scale-blue-3: #368cf9; + --color-scale-blue-4: #1168e3; + --color-scale-blue-5: #0349b4; + --color-scale-blue-6: #023b95; + --color-scale-blue-7: #022f7a; + --color-scale-blue-8: #032563; + --color-scale-blue-9: #021a4a; + --color-scale-green-0: #d2fedb; + --color-scale-green-1: #82e596; + --color-scale-green-2: #43c663; + --color-scale-green-3: #26a148; + --color-scale-green-4: #117f32; + --color-scale-green-5: #055d20; + --color-scale-green-6: #024c1a; + --color-scale-green-7: #013d14; + --color-scale-green-8: #003110; + --color-scale-green-9: #00230b; + --color-scale-yellow-0: #fcf7be; + --color-scale-yellow-1: #f0ce53; + --color-scale-yellow-2: #d5a824; + --color-scale-yellow-3: #b58407; + --color-scale-yellow-4: #956400; + --color-scale-yellow-5: #744500; + --color-scale-yellow-6: #603700; + --color-scale-yellow-7: #4e2c00; + --color-scale-yellow-8: #3f2200; + --color-scale-yellow-9: #2e1800; + --color-scale-orange-0: #fff2d5; + --color-scale-orange-1: #ffc67b; + --color-scale-orange-2: #f99636; + --color-scale-orange-3: #dc6d1a; + --color-scale-orange-4: #b45105; + --color-scale-orange-5: #873800; + --color-scale-orange-6: #702c00; + --color-scale-orange-7: #5b2300; + --color-scale-orange-8: #491b00; + --color-scale-orange-9: #361200; + --color-scale-red-0: #fff0ee; + --color-scale-red-1: #ffc1bc; + --color-scale-red-2: #ff8e8a; + --color-scale-red-3: #ee5a5d; + --color-scale-red-4: #d5232c; + --color-scale-red-5: #a0111f; + --color-scale-red-6: #86061d; + --color-scale-red-7: #6e011a; + --color-scale-red-8: #5a0016; + --color-scale-red-9: #430011; + --color-scale-purple-0: #faf0fe; + --color-scale-purple-1: #e0c5ff; + --color-scale-purple-2: #c49bff; + --color-scale-purple-3: #a371f7; + --color-scale-purple-4: #844ae7; + --color-scale-purple-5: #622cbc; + --color-scale-purple-6: #512598; + --color-scale-purple-7: #411d7b; + --color-scale-purple-8: #341763; + --color-scale-purple-9: #260f49; + --color-scale-pink-0: #feeff7; + --color-scale-pink-1: #ffbde0; + --color-scale-pink-2: #fc87ca; + --color-scale-pink-3: #ed4baf; + --color-scale-pink-4: #c9248e; + --color-scale-pink-5: #971368; + --color-scale-pink-6: #7d0c57; + --color-scale-pink-7: #660847; + --color-scale-pink-8: #53043a; + --color-scale-pink-9: #3e022b; + --color-scale-coral-0: #fff0ed; + --color-scale-coral-1: #ffc2b6; + --color-scale-coral-2: #ff8f7e; + --color-scale-coral-3: #ef5b48; + --color-scale-coral-4: #cd3425; + --color-scale-coral-5: #9f1710; + --color-scale-coral-6: #870706; + --color-scale-coral-7: #6f0107; + --color-scale-coral-8: #5b0002; + --color-scale-coral-9: #430200; + } +} diff --git a/src/color-modes/colors_deprecated/_light_tritanopia.scss b/src/color-modes/colors_deprecated/_light_tritanopia.scss new file mode 100644 index 0000000000..c1d662d54d --- /dev/null +++ b/src/color-modes/colors_deprecated/_light_tritanopia.scss @@ -0,0 +1,450 @@ +@mixin primer-colors-light_tritanopia { + & { + --color-canvas-default-transparent: rgba(255,255,255,0); + --color-page-header-bg: #f6f8fa; + --color-marketing-icon-primary: #218bff; + --color-marketing-icon-secondary: #54aeff; + --color-diff-blob-addition-num-text: #24292f; + --color-diff-blob-addition-fg: #24292f; + --color-diff-blob-addition-num-bg: rgba(84,174,255,0.4); + --color-diff-blob-addition-line-bg: rgba(221,244,255,0.5); + --color-diff-blob-addition-word-bg: rgba(84,174,255,0.4); + --color-diff-blob-deletion-num-text: #24292f; + --color-diff-blob-deletion-fg: #24292f; + --color-diff-blob-deletion-num-bg: rgba(255,129,130,0.4); + --color-diff-blob-deletion-line-bg: rgba(255,235,233,0.5); + --color-diff-blob-deletion-word-bg: rgba(255,171,168,0.5); + --color-diff-blob-hunk-num-bg: rgba(84,174,255,0.4); + --color-diff-blob-expander-icon: #57606a; + --color-diff-blob-selected-line-highlight-mix-blend-mode: multiply; + --color-diffstat-deletion-border: rgba(27,31,36,0.15); + --color-diffstat-addition-border: rgba(27,31,36,0.15); + --color-diffstat-addition-bg: #0969da; + --color-search-keyword-hl: #fff8c5; + --color-prettylights-syntax-comment: #6e7781; + --color-prettylights-syntax-constant: #0550ae; + --color-prettylights-syntax-entity: #6639ba; + --color-prettylights-syntax-storage-modifier-import: #24292f; + --color-prettylights-syntax-entity-tag: #0550ae; + --color-prettylights-syntax-keyword: #cf222e; + --color-prettylights-syntax-string: #0a3069; + --color-prettylights-syntax-variable: #a40e26; + --color-prettylights-syntax-brackethighlighter-unmatched: #82071e; + --color-prettylights-syntax-invalid-illegal-text: #f6f8fa; + --color-prettylights-syntax-invalid-illegal-bg: #82071e; + --color-prettylights-syntax-carriage-return-text: #f6f8fa; + --color-prettylights-syntax-carriage-return-bg: #cf222e; + --color-prettylights-syntax-string-regexp: #0550ae; + --color-prettylights-syntax-markup-list: #3b2300; + --color-prettylights-syntax-markup-heading: #0550ae; + --color-prettylights-syntax-markup-italic: #24292f; + --color-prettylights-syntax-markup-bold: #24292f; + --color-prettylights-syntax-markup-deleted-text: #82071e; + --color-prettylights-syntax-markup-deleted-bg: #ffebe9; + --color-prettylights-syntax-markup-inserted-text: #0550ae; + --color-prettylights-syntax-markup-inserted-bg: #ddf4ff; + --color-prettylights-syntax-markup-changed-text: #a40e26; + --color-prettylights-syntax-markup-changed-bg: #ffcecb; + --color-prettylights-syntax-markup-ignored-text: #eaeef2; + --color-prettylights-syntax-markup-ignored-bg: #0550ae; + --color-prettylights-syntax-meta-diff-range: #8250df; + --color-prettylights-syntax-brackethighlighter-angle: #57606a; + --color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f; + --color-prettylights-syntax-constant-other-reference-link: #0a3069; + --color-codemirror-text: #24292f; + --color-codemirror-bg: #ffffff; + --color-codemirror-gutters-bg: #ffffff; + --color-codemirror-guttermarker-text: #ffffff; + --color-codemirror-guttermarker-subtle-text: #6e7781; + --color-codemirror-linenumber-text: #57606a; + --color-codemirror-cursor: #24292f; + --color-codemirror-selection-bg: rgba(84,174,255,0.4); + --color-codemirror-activeline-bg: rgba(234,238,242,0.5); + --color-codemirror-matchingbracket-text: #24292f; + --color-codemirror-lines-bg: #ffffff; + --color-codemirror-syntax-comment: #24292f; + --color-codemirror-syntax-constant: #0550ae; + --color-codemirror-syntax-entity: #8250df; + --color-codemirror-syntax-keyword: #cf222e; + --color-codemirror-syntax-storage: #cf222e; + --color-codemirror-syntax-string: #0a3069; + --color-codemirror-syntax-support: #0550ae; + --color-codemirror-syntax-variable: #a40e26; + --color-checks-bg: #24292f; + --color-checks-run-border-width: 0px; + --color-checks-container-border-width: 0px; + --color-checks-text-primary: #f6f8fa; + --color-checks-text-secondary: #8c959f; + --color-checks-text-link: #54aeff; + --color-checks-btn-icon: #afb8c1; + --color-checks-btn-hover-icon: #f6f8fa; + --color-checks-btn-hover-bg: rgba(255,255,255,0.125); + --color-checks-input-text: #eaeef2; + --color-checks-input-placeholder-text: #8c959f; + --color-checks-input-focus-text: #8c959f; + --color-checks-input-bg: #32383f; + --color-checks-input-shadow: none; + --color-checks-donut-error: #fa4549; + --color-checks-donut-pending: #bf8700; + --color-checks-donut-success: #0969da; + --color-checks-donut-neutral: #afb8c1; + --color-checks-dropdown-text: #afb8c1; + --color-checks-dropdown-bg: #32383f; + --color-checks-dropdown-border: #424a53; + --color-checks-dropdown-shadow: rgba(27,31,36,0.3); + --color-checks-dropdown-hover-text: #f6f8fa; + --color-checks-dropdown-hover-bg: #424a53; + --color-checks-dropdown-btn-hover-text: #f6f8fa; + --color-checks-dropdown-btn-hover-bg: #32383f; + --color-checks-scrollbar-thumb-bg: #57606a; + --color-checks-header-label-text: #d0d7de; + --color-checks-header-label-open-text: #f6f8fa; + --color-checks-header-border: #32383f; + --color-checks-header-icon: #8c959f; + --color-checks-line-text: #d0d7de; + --color-checks-line-num-text: rgba(140,149,159,0.75); + --color-checks-line-timestamp-text: #8c959f; + --color-checks-line-hover-bg: #32383f; + --color-checks-line-selected-bg: rgba(33,139,255,0.15); + --color-checks-line-selected-num-text: #54aeff; + --color-checks-line-dt-fm-text: #24292f; + --color-checks-line-dt-fm-bg: #9a6700; + --color-checks-gate-bg: rgba(125,78,0,0.15); + --color-checks-gate-text: #d0d7de; + --color-checks-gate-waiting-text: #d4a72c; + --color-checks-step-header-open-bg: #32383f; + --color-checks-step-error-text: #ff8182; + --color-checks-step-warning-text: #d4a72c; + --color-checks-logline-text: #8c959f; + --color-checks-logline-num-text: rgba(140,149,159,0.75); + --color-checks-logline-debug-text: #c297ff; + --color-checks-logline-error-text: #d0d7de; + --color-checks-logline-error-num-text: #ff8182; + --color-checks-logline-error-bg: rgba(164,14,38,0.15); + --color-checks-logline-warning-text: #d0d7de; + --color-checks-logline-warning-num-text: #d4a72c; + --color-checks-logline-warning-bg: rgba(125,78,0,0.15); + --color-checks-logline-command-text: #54aeff; + --color-checks-logline-section-text: #54aeff; + --color-checks-ansi-black: #24292f; + --color-checks-ansi-black-bright: #32383f; + --color-checks-ansi-white: #d0d7de; + --color-checks-ansi-white-bright: #d0d7de; + --color-checks-ansi-gray: #8c959f; + --color-checks-ansi-red: #ff8182; + --color-checks-ansi-red-bright: #ffaba8; + --color-checks-ansi-green: #54aeff; + --color-checks-ansi-green-bright: #80ccff; + --color-checks-ansi-yellow: #d4a72c; + --color-checks-ansi-yellow-bright: #eac54f; + --color-checks-ansi-blue: #54aeff; + --color-checks-ansi-blue-bright: #80ccff; + --color-checks-ansi-magenta: #c297ff; + --color-checks-ansi-magenta-bright: #d8b9ff; + --color-checks-ansi-cyan: #76e3ea; + --color-checks-ansi-cyan-bright: #b3f0ff; + --color-project-header-bg: #24292f; + --color-project-sidebar-bg: #ffffff; + --color-project-gradient-in: #ffffff; + --color-project-gradient-out: rgba(255,255,255,0); + --color-mktg-btn-bg: #1b1f23; + --color-mktg-btn-shadow-outline: rgb(0 0 0 / 15%) 0 0 0 1px inset; + --color-mktg-btn-shadow-focus: rgb(0 0 0 / 15%) 0 0 0 4px; + --color-mktg-btn-shadow-hover: 0 3px 2px rgba(0, 0, 0, 0.07), 0 7px 5px rgba(0, 0, 0, 0.04), 0 12px 10px rgba(0, 0, 0, 0.03), 0 22px 18px rgba(0, 0, 0, 0.03), 0 42px 33px rgba(0, 0, 0, 0.02), 0 100px 80px rgba(0, 0, 0, 0.02); + --color-mktg-btn-shadow-hover-muted: rgb(0 0 0 / 70%) 0 0 0 2px inset; + --color-control-border-color-emphasis: #858F99; + --color-avatar-bg: #ffffff; + --color-avatar-border: rgba(27,31,36,0.15); + --color-avatar-stack-fade: #afb8c1; + --color-avatar-stack-fade-more: #d0d7de; + --color-avatar-child-shadow: 0 0 0 2px rgba(255,255,255,0.8); + --color-topic-tag-border: rgba(0,0,0,0); + --color-counter-border: rgba(0,0,0,0); + --color-select-menu-backdrop-border: rgba(0,0,0,0); + --color-select-menu-tap-highlight: rgba(175,184,193,0.5); + --color-select-menu-tap-focus-bg: #b6e3ff; + --color-overlay-shadow: 0 1px 3px rgba(27,31,36,0.12), 0 8px 24px rgba(66,74,83,0.12); + --color-overlay-backdrop: rgba(140,149,159,0.2); + --color-header-text: rgba(255,255,255,0.7); + --color-header-bg: #24292f; + --color-header-divider: #57606a; + --color-header-logo: #ffffff; + --color-header-search-bg: #24292f; + --color-header-search-border: #57606a; + --color-sidenav-selected-bg: #ffffff; + --color-menu-bg-active: rgba(0,0,0,0); + --color-input-disabled-bg: rgba(175,184,193,0.2); + --color-timeline-badge-bg: #eaeef2; + --color-ansi-black: #24292f; + --color-ansi-black-bright: #57606a; + --color-ansi-white: #6e7781; + --color-ansi-white-bright: #8c959f; + --color-ansi-gray: #6e7781; + --color-ansi-red: #cf222e; + --color-ansi-red-bright: #a40e26; + --color-ansi-green: #0550ae; + --color-ansi-green-bright: #0969da; + --color-ansi-yellow: #4d2d00; + --color-ansi-yellow-bright: #633c01; + --color-ansi-blue: #0969da; + --color-ansi-blue-bright: #218bff; + --color-ansi-magenta: #8250df; + --color-ansi-magenta-bright: #a475f9; + --color-ansi-cyan: #1b7c83; + --color-ansi-cyan-bright: #3192aa; + --color-btn-text: #24292f; + --color-btn-bg: #f6f8fa; + --color-btn-border: rgba(27,31,36,0.15); + --color-btn-shadow: 0 1px 0 rgba(27,31,36,0.04); + --color-btn-inset-shadow: inset 0 1px 0 rgba(255,255,255,0.25); + --color-btn-hover-bg: #f3f4f6; + --color-btn-hover-border: rgba(27,31,36,0.15); + --color-btn-active-bg: hsla(220,14%,93%,1); + --color-btn-active-border: rgba(27,31,36,0.15); + --color-btn-selected-bg: hsla(220,14%,94%,1); + --color-btn-counter-bg: rgba(27,31,36,0.08); + --color-btn-primary-text: #ffffff; + --color-btn-primary-bg: #0969da; + --color-btn-primary-border: rgba(27,31,36,0.15); + --color-btn-primary-shadow: 0 1px 0 rgba(27,31,36,0.1); + --color-btn-primary-inset-shadow: inset 0 1px 0 rgba(255,255,255,0.03); + --color-btn-primary-hover-bg: #0969da; + --color-btn-primary-hover-border: rgba(27,31,36,0.15); + --color-btn-primary-selected-bg: hsla(212,92%,43%,1); + --color-btn-primary-selected-shadow: inset 0 1px 0 rgba(0,33,85,0.2); + --color-btn-primary-disabled-text: rgba(255,255,255,0.8); + --color-btn-primary-disabled-bg: #80ccff; + --color-btn-primary-disabled-border: rgba(27,31,36,0.15); + --color-btn-primary-icon: rgba(255,255,255,0.8); + --color-btn-primary-counter-bg: rgba(0,33,85,0.2); + --color-btn-outline-text: #0969da; + --color-btn-outline-hover-text: #ffffff; + --color-btn-outline-hover-bg: #0969da; + --color-btn-outline-hover-border: rgba(27,31,36,0.15); + --color-btn-outline-hover-shadow: 0 1px 0 rgba(27,31,36,0.1); + --color-btn-outline-hover-inset-shadow: inset 0 1px 0 rgba(255,255,255,0.03); + --color-btn-outline-hover-counter-bg: rgba(255,255,255,0.2); + --color-btn-outline-selected-text: #ffffff; + --color-btn-outline-selected-bg: hsla(212,92%,42%,1); + --color-btn-outline-selected-border: rgba(27,31,36,0.15); + --color-btn-outline-selected-shadow: inset 0 1px 0 rgba(0,33,85,0.2); + --color-btn-outline-disabled-text: rgba(9,105,218,0.5); + --color-btn-outline-disabled-bg: #f6f8fa; + --color-btn-outline-disabled-counter-bg: rgba(9,105,218,0.05); + --color-btn-outline-counter-bg: #0969da1a; + --color-btn-outline-counter-fg: #0550ae; + --color-btn-outline-hover-counter-fg: #ffffff; + --color-btn-outline-disabled-counter-fg: rgba(9,105,218,0.5); + --color-btn-danger-text: #cf222e; + --color-btn-danger-hover-text: #ffffff; + --color-btn-danger-hover-bg: #a40e26; + --color-btn-danger-hover-border: rgba(27,31,36,0.15); + --color-btn-danger-hover-shadow: 0 1px 0 rgba(27,31,36,0.1); + --color-btn-danger-hover-inset-shadow: inset 0 1px 0 rgba(255,255,255,0.03); + --color-btn-danger-hover-counter-bg: rgba(255,255,255,0.2); + --color-btn-danger-selected-text: #ffffff; + --color-btn-danger-selected-bg: hsla(356,72%,44%,1); + --color-btn-danger-selected-border: rgba(27,31,36,0.15); + --color-btn-danger-selected-shadow: inset 0 1px 0 rgba(76,0,20,0.2); + --color-btn-danger-disabled-text: rgba(207,34,46,0.5); + --color-btn-danger-disabled-bg: #f6f8fa; + --color-btn-danger-disabled-counter-bg: rgba(207,34,46,0.05); + --color-btn-danger-counter-bg: rgba(207,34,46,0.1); + --color-btn-danger-icon: #cf222e; + --color-btn-danger-hover-icon: #ffffff; + --color-btn-danger-counter-fg: #a40e26; + --color-btn-danger-hover-counter-fg: #ffffff; + --color-btn-danger-disabled-counter-fg: rgba(207,34,46,0.5); + --color-underlinenav-icon: #6e7781; + --color-underlinenav-border-hover: rgba(175,184,193,0.2); + --color-action-list-item-inline-divider: rgba(208,215,222,0.48); + --color-action-list-item-default-hover-bg: rgba(208,215,222,0.32); + --color-action-list-item-default-hover-border: rgba(0,0,0,0); + --color-action-list-item-default-active-bg: rgba(208,215,222,0.48); + --color-action-list-item-default-active-border: rgba(0,0,0,0); + --color-action-list-item-default-selected-bg: rgba(208,215,222,0.24); + --color-action-list-item-danger-hover-bg: rgba(255,235,233,0.64); + --color-action-list-item-danger-active-bg: #ffebe9; + --color-action-list-item-danger-hover-text: #cf222e; + --color-switch-track-bg: #eaeef2; + --color-switch-track-hover-bg: hsla(210,24%,90%,1); + --color-switch-track-active-bg: hsla(210,24%,88%,1); + --color-switch-track-disabled-bg: #8c959f; + --color-switch-track-fg: #57606a; + --color-switch-track-disabled-fg: #ffffff; + --color-switch-track-border: rgba(0,0,0,0); + --color-switch-track-checked-bg: #0969da; + --color-switch-track-checked-hover-bg: #0860CA; + --color-switch-track-checked-active-bg: #0757BA; + --color-switch-track-checked-fg: #ffffff; + --color-switch-track-checked-disabled-fg: #ffffff; + --color-switch-track-checked-border: rgba(0,0,0,0); + --color-switch-knob-bg: #ffffff; + --color-switch-knob-disabled-bg: #f6f8fa; + --color-switch-knob-border: #858F99; + --color-switch-knob-checked-bg: #ffffff; + --color-switch-knob-checked-disabled-bg: #f6f8fa; + --color-switch-knob-checked-border: #0969da; + --color-segmented-control-bg: #eaeef2; + --color-segmented-control-button-bg: #ffffff; + --color-segmented-control-button-hover-bg: rgba(175,184,193,0.2); + --color-segmented-control-button-active-bg: rgba(175,184,193,0.4); + --color-segmented-control-button-selected-border: #8c959f; + --color-tree-view-item-chevron-hover-bg: rgba(208,215,222,0.32); + --color-tree-view-item-directory-fill: #54aeff; + --color-fg-default: #24292f; + --color-fg-muted: #57606a; + --color-fg-subtle: #6e7781; + --color-fg-on-emphasis: #ffffff; + --color-canvas-default: #ffffff; + --color-canvas-overlay: #ffffff; + --color-canvas-inset: #f6f8fa; + --color-canvas-subtle: #f6f8fa; + --color-border-default: #d0d7de; + --color-border-muted: hsla(210,18%,87%,1); + --color-border-subtle: rgba(27,31,36,0.15); + --color-shadow-small: 0 1px 0 rgba(27,31,36,0.04); + --color-shadow-medium: 0 3px 6px rgba(140,149,159,0.15); + --color-shadow-large: 0 8px 24px rgba(140,149,159,0.2); + --color-shadow-extra-large: 0 12px 28px rgba(140,149,159,0.3); + --color-neutral-emphasis-plus: #24292f; + --color-neutral-emphasis: #6e7781; + --color-neutral-muted: rgba(175,184,193,0.2); + --color-neutral-subtle: rgba(234,238,242,0.5); + --color-accent-fg: #0969da; + --color-accent-emphasis: #0969da; + --color-accent-muted: rgba(84,174,255,0.4); + --color-accent-subtle: #ddf4ff; + --color-success-fg: #0969da; + --color-success-emphasis: #0969da; + --color-success-muted: rgba(84,174,255,0.4); + --color-success-subtle: #ddf4ff; + --color-attention-fg: #9a6700; + --color-attention-emphasis: #9a6700; + --color-attention-muted: rgba(212,167,44,0.4); + --color-attention-subtle: #fff8c5; + --color-severe-fg: #cf222e; + --color-severe-emphasis: #cf222e; + --color-severe-muted: rgba(255,129,130,0.4); + --color-severe-subtle: #ffebe9; + --color-danger-fg: #cf222e; + --color-danger-emphasis: #cf222e; + --color-danger-muted: rgba(255,129,130,0.4); + --color-danger-subtle: #ffebe9; + --color-open-fg: #cf222e; + --color-open-emphasis: #fa4549; + --color-open-muted: rgba(255,129,130,0.4); + --color-open-subtle: #ffebe9; + --color-closed-fg: #6e7781; + --color-closed-emphasis: #6e7781; + --color-closed-muted: rgba(175,184,193,0.4); + --color-closed-subtle: #f6f8fa; + --color-done-fg: #8250df; + --color-done-emphasis: #8250df; + --color-done-muted: rgba(194,151,255,0.4); + --color-done-subtle: #fbefff; + --color-sponsors-fg: #bf3989; + --color-sponsors-emphasis: #bf3989; + --color-sponsors-muted: rgba(255,128,200,0.4); + --color-sponsors-subtle: #ffeff7; + --color-primer-fg-disabled: #8c959f; + --color-primer-canvas-backdrop: rgba(27,31,36,0.5); + --color-primer-canvas-sticky: rgba(255,255,255,0.95); + --color-primer-border-active: #fd8c73; + --color-primer-border-contrast: rgba(27,31,36,0.1); + --color-primer-shadow-highlight: inset 0 1px 0 rgba(255,255,255,0.25); + --color-primer-shadow-inset: inset 0 1px 0 rgba(208,215,222,0.2); + --color-scale-black: #1b1f24; + --color-scale-white: #ffffff; + --color-scale-gray-0: #f6f8fa; + --color-scale-gray-1: #eaeef2; + --color-scale-gray-2: #d0d7de; + --color-scale-gray-3: #afb8c1; + --color-scale-gray-4: #8c959f; + --color-scale-gray-5: #6e7781; + --color-scale-gray-6: #57606a; + --color-scale-gray-7: #424a53; + --color-scale-gray-8: #32383f; + --color-scale-gray-9: #24292f; + --color-scale-blue-0: #ddf4ff; + --color-scale-blue-1: #b6e3ff; + --color-scale-blue-2: #80ccff; + --color-scale-blue-3: #54aeff; + --color-scale-blue-4: #218bff; + --color-scale-blue-5: #0969da; + --color-scale-blue-6: #0550ae; + --color-scale-blue-7: #033d8b; + --color-scale-blue-8: #0a3069; + --color-scale-blue-9: #002155; + --color-scale-green-0: #ddf4ff; + --color-scale-green-1: #b6e3ff; + --color-scale-green-2: #80ccff; + --color-scale-green-3: #54aeff; + --color-scale-green-4: #218bff; + --color-scale-green-5: #0969da; + --color-scale-green-6: #0550ae; + --color-scale-green-7: #033d8b; + --color-scale-green-8: #0a3069; + --color-scale-green-9: #002155; + --color-scale-yellow-0: #fff8c5; + --color-scale-yellow-1: #fae17d; + --color-scale-yellow-2: #eac54f; + --color-scale-yellow-3: #d4a72c; + --color-scale-yellow-4: #bf8700; + --color-scale-yellow-5: #9a6700; + --color-scale-yellow-6: #7d4e00; + --color-scale-yellow-7: #633c01; + --color-scale-yellow-8: #4d2d00; + --color-scale-yellow-9: #3b2300; + --color-scale-orange-0: #ffebe9; + --color-scale-orange-1: #ffcecb; + --color-scale-orange-2: #ffaba8; + --color-scale-orange-3: #ff8182; + --color-scale-orange-4: #fa4549; + --color-scale-orange-5: #cf222e; + --color-scale-orange-6: #a40e26; + --color-scale-orange-7: #82071e; + --color-scale-orange-8: #660018; + --color-scale-orange-9: #4c0014; + --color-scale-red-0: #ffebe9; + --color-scale-red-1: #ffcecb; + --color-scale-red-2: #ffaba8; + --color-scale-red-3: #ff8182; + --color-scale-red-4: #fa4549; + --color-scale-red-5: #cf222e; + --color-scale-red-6: #a40e26; + --color-scale-red-7: #82071e; + --color-scale-red-8: #660018; + --color-scale-red-9: #4c0014; + --color-scale-purple-0: #fbefff; + --color-scale-purple-1: #ecd8ff; + --color-scale-purple-2: #d8b9ff; + --color-scale-purple-3: #c297ff; + --color-scale-purple-4: #a475f9; + --color-scale-purple-5: #8250df; + --color-scale-purple-6: #6639ba; + --color-scale-purple-7: #512a97; + --color-scale-purple-8: #3e1f79; + --color-scale-purple-9: #2e1461; + --color-scale-pink-0: #ffeff7; + --color-scale-pink-1: #ffd3eb; + --color-scale-pink-2: #ffadda; + --color-scale-pink-3: #ff80c8; + --color-scale-pink-4: #e85aad; + --color-scale-pink-5: #bf3989; + --color-scale-pink-6: #99286e; + --color-scale-pink-7: #772057; + --color-scale-pink-8: #611347; + --color-scale-pink-9: #4d0336; + --color-scale-coral-0: #fff0eb; + --color-scale-coral-1: #ffd6cc; + --color-scale-coral-2: #ffb4a1; + --color-scale-coral-3: #fd8c73; + --color-scale-coral-4: #ec6547; + --color-scale-coral-5: #c4432b; + --color-scale-coral-6: #9e2f1c; + --color-scale-coral-7: #801f0f; + --color-scale-coral-8: #691105; + --color-scale-coral-9: #510901; + } +} diff --git a/src/color-modes/themes/dark.scss b/src/color-modes/themes/dark.scss index fdeda0589b..12ccb6dcb5 100644 --- a/src/color-modes/themes/dark.scss +++ b/src/color-modes/themes/dark.scss @@ -1,5 +1,5 @@ @import '../../support/index.scss'; -@import '@primer/primitives/dist/scss/colors/_dark.scss'; +@import './colors_deprecated/_dark.scss'; @include color-mode-theme(dark) { @include primer-colors-dark; diff --git a/src/color-modes/themes/dark_colorblind.scss b/src/color-modes/themes/dark_colorblind.scss index 057a9f3d76..41b8f2401b 100644 --- a/src/color-modes/themes/dark_colorblind.scss +++ b/src/color-modes/themes/dark_colorblind.scss @@ -1,5 +1,5 @@ @import '../../support/index.scss'; -@import '@primer/primitives/dist/scss/colors/_dark_colorblind.scss'; +@import './colors_deprecated/_dark_colorblind.scss'; @include color-mode-theme(dark_colorblind) { @include primer-colors-dark_colorblind; diff --git a/src/color-modes/themes/dark_dimmed.scss b/src/color-modes/themes/dark_dimmed.scss index 6f9de21419..313065fb4e 100644 --- a/src/color-modes/themes/dark_dimmed.scss +++ b/src/color-modes/themes/dark_dimmed.scss @@ -1,5 +1,5 @@ @import '../../support/index.scss'; -@import '@primer/primitives/dist/scss/colors/_dark_dimmed.scss'; +@import './colors_deprecated/_dark_dimmed.scss'; @include color-mode-theme(dark_dimmed) { @include primer-colors-dark_dimmed; diff --git a/src/color-modes/themes/dark_high_contrast.scss b/src/color-modes/themes/dark_high_contrast.scss index 8203dd8eca..800216cd05 100644 --- a/src/color-modes/themes/dark_high_contrast.scss +++ b/src/color-modes/themes/dark_high_contrast.scss @@ -1,5 +1,5 @@ @import '../../support/index.scss'; -@import '@primer/primitives/dist/scss/colors/_dark_high_contrast.scss'; +@import './colors_deprecated/_dark_high_contrast.scss'; @include color-mode-theme(dark_high_contrast) { @include primer-colors-dark_high_contrast; diff --git a/src/color-modes/themes/dark_tritanopia.scss b/src/color-modes/themes/dark_tritanopia.scss index 9fb25c7a90..2160cdee27 100644 --- a/src/color-modes/themes/dark_tritanopia.scss +++ b/src/color-modes/themes/dark_tritanopia.scss @@ -1,5 +1,5 @@ @import '../../support/index.scss'; -@import '@primer/primitives/dist/scss/colors/_dark_tritanopia.scss'; +@import './colors_deprecated/_dark_tritanopia.scss'; @include color-mode-theme(dark_tritanopia) { @include primer-colors-dark_tritanopia; diff --git a/src/color-modes/themes/light.scss b/src/color-modes/themes/light.scss index 9aa84f2fd8..85623a745e 100644 --- a/src/color-modes/themes/light.scss +++ b/src/color-modes/themes/light.scss @@ -1,5 +1,5 @@ @import '../../support/index.scss'; -@import '@primer/primitives/dist/scss/colors/_light.scss'; +@import './colors_deprecated/_light.scss'; @include color-mode-theme(light, true) { @include primer-colors-light; diff --git a/src/color-modes/themes/light_colorblind.scss b/src/color-modes/themes/light_colorblind.scss index dd043514be..7caf579d76 100644 --- a/src/color-modes/themes/light_colorblind.scss +++ b/src/color-modes/themes/light_colorblind.scss @@ -1,5 +1,5 @@ @import '../../support/index.scss'; -@import '@primer/primitives/dist/scss/colors/_light_colorblind.scss'; +@import './colors_deprecated/_light_colorblind.scss'; @include color-mode-theme(light_colorblind) { @include primer-colors-light_colorblind; diff --git a/src/color-modes/themes/light_high_contrast.scss b/src/color-modes/themes/light_high_contrast.scss index 3ff08538f1..88f5898291 100644 --- a/src/color-modes/themes/light_high_contrast.scss +++ b/src/color-modes/themes/light_high_contrast.scss @@ -1,5 +1,5 @@ @import '../../support/index.scss'; -@import '@primer/primitives/dist/scss/colors/_light_high_contrast.scss'; +@import './colors_deprecated/_light_high_contrast.scss'; @include color-mode-theme(light_high_contrast) { @include primer-colors-light_high_contrast; diff --git a/src/color-modes/themes/light_tritanopia.scss b/src/color-modes/themes/light_tritanopia.scss index 63223001a0..d10ffc2ad3 100644 --- a/src/color-modes/themes/light_tritanopia.scss +++ b/src/color-modes/themes/light_tritanopia.scss @@ -1,5 +1,5 @@ @import '../../support/index.scss'; -@import '@primer/primitives/dist/scss/colors/_light_tritanopia.scss'; +@import './colors_deprecated/_light_tritanopia.scss'; @include color-mode-theme(light_tritanopia) { @include primer-colors-light_tritanopia;