@mixin primer-colors-light { & { --topicTag-borderColor: #ffffff00; --highlight-neutral-bgColor: #fff8c5; --page-header-bgColor: #f6f8fa; --diffBlob-addition-fgColor-text: #1f2328; --diffBlob-addition-fgColor-num: #1f2328; --diffBlob-addition-bgColor-num: #d1f8d9; --diffBlob-addition-bgColor-line: #dafbe1; --diffBlob-addition-bgColor-word: #aceebb; --diffBlob-deletion-fgColor-text: #1f2328; --diffBlob-deletion-fgColor-num: #1f2328; --diffBlob-deletion-bgColor-num: #ffcecb; --diffBlob-deletion-bgColor-line: #ffebe9; --diffBlob-deletion-bgColor-word: #ff818266; --diffBlob-hunk-bgColor-num: #54aeff66; --diffBlob-expander-iconColor: #636c76; --diffStat-addition-bgColor: #1f883d; --codeMirror-fgColor: #1f2328; --codeMirror-bgColor: #ffffff; --codeMirror-gutters-bgColor: #ffffff; --codeMirror-gutterMarker-fgColor-default: #ffffff; --codeMirror-gutterMarker-fgColor-muted: #636c76; --codeMirror-lineNumber-fgColor: #636c76; --codeMirror-cursor-fgColor: #1f2328; --codeMirror-selection-bgColor: #54aeff66; --codeMirror-activeline-bgColor: #eaeef280; --codeMirror-matchingBracket-fgColor: #1f2328; --codeMirror-lines-bgColor: #ffffff; --codeMirror-syntax-fgColor-comment: #24292f; --codeMirror-syntax-fgColor-constant: #0550ae; --codeMirror-syntax-fgColor-entity: #8250df; --codeMirror-syntax-fgColor-keyword: #cf222e; --codeMirror-syntax-fgColor-storage: #cf222e; --codeMirror-syntax-fgColor-string: #0a3069; --codeMirror-syntax-fgColor-support: #0550ae; --codeMirror-syntax-fgColor-variable: #953800; --header-fgColor-default: #ffffffb3; --header-fgColor-logo: #ffffff; --header-bgColor: #24292f; --header-borderColor-divider: #57606a; --headerSearch-bgColor: #24292f; --headerSearch-borderColor: #57606a; --avatar-bgColor: #ffffff; --avatar-borderColor: #d0d7de; --avatar-shadow: 0px 0px 0px 2px #ffffffcc; --avatarStack-fade-bgColor-default: #afb8c1; --avatarStack-fade-bgColor-muted: #d0d7de; --control-bgColor-rest: #f6f8fa; --control-bgColor-hover: #eef1f4; --control-bgColor-active: #e7ebef; --control-bgColor-disabled: #f6f8fa; --control-bgColor-selected: #f6f8fa; --control-fgColor-rest: #24292f; --control-fgColor-placeholder: #6e7781; --control-fgColor-disabled: #8c959f; --control-borderColor-rest: #d0d7de; --control-borderColor-emphasis: #868f99; --control-borderColor-disabled: #d0d7de; --control-borderColor-selected: #f6f8fa; --control-borderColor-success: #2da44e; --control-borderColor-danger: #cf222e; --control-borderColor-warning: #bf8700; --control-iconColor-rest: #636c76; --control-transparent-bgColor-rest: #00000000; --control-transparent-bgColor-hover: #d0d7de33; --control-transparent-bgColor-active: #d0d7de66; --control-transparent-bgColor-disabled: #f6f8fa; --control-transparent-bgColor-selected: #f6f8fa; --control-transparent-borderColor-rest: #00000000; --control-transparent-borderColor-hover: #00000000; --control-transparent-borderColor-active: #00000000; --control-danger-fgColor-rest: #d1242f; --control-danger-fgColor-hover: #d1242f; --control-danger-bgColor-hover: #ffebe9; --control-danger-bgColor-active: #ffebe966; --control-checked-bgColor-rest: #0969da; --control-checked-bgColor-hover: #0860ca; --control-checked-bgColor-active: #0757ba; --control-checked-bgColor-disabled: #8c959f; --control-checked-fgColor-rest: #ffffff; --control-checked-fgColor-disabled: #ffffff; --control-checked-borderColor-rest: #0969da; --control-checked-borderColor-hover: #00000000; --control-checked-borderColor-active: #00000000; --control-checked-borderColor-disabled: #8c959f; --controlTrack-bgColor-rest: #eaeef2; --controlTrack-bgColor-hover: #dee3e8; --controlTrack-bgColor-active: #d2d8de; --controlTrack-bgColor-disabled: #8c959f; --controlTrack-fgColor-rest: #636c76; --controlTrack-fgColor-disabled: #ffffff; --controlTrack-borderColor-rest: #00000000; --controlTrack-borderColor-disabled: #8c959f; --controlKnob-bgColor-rest: #ffffff; --controlKnob-bgColor-disabled: #f6f8fa; --controlKnob-bgColor-checked: #ffffff; --controlKnob-borderColor-rest: #868f99; --controlKnob-borderColor-disabled: #f6f8fa; --controlKnob-borderColor-checked: #0969da; --counter-borderColor: #ffffff00; --button-default-fgColor-rest: #24292f; --button-default-bgColor-rest: #f6f8fa; --button-default-bgColor-hover: #eef1f4; --button-default-bgColor-active: #e7ebef; --button-default-bgColor-selected: #e7ebef; --button-default-borderColor-rest: #d0d7de; --button-default-borderColor-hover: #d0d7de; --button-default-borderColor-active: #d0d7de; --button-default-shadow-resting: 0px 1px 0px 0px #1f23280a; --button-default-shadow-inset: inset 0px 1px 0px 0px #ffffff40; --button-primary-fgColor-rest: #ffffff; --button-primary-fgColor-disabled: #ffffffcc; --button-primary-iconColor-rest: #ffffffcc; --button-primary-bgColor-rest: #1f883d; --button-primary-bgColor-hover: #1c8139; --button-primary-bgColor-active: #197935; --button-primary-bgColor-disabled: #95d8a6; --button-primary-borderColor-rest: #d0d7decc; --button-primary-borderColor-hover: #d0d7decc; --button-primary-borderColor-disabled: #d0d7decc; --button-primary-shadow-selected: inset 0px 1px 0px 0px #002d114d; --button-invisible-fgColor-rest: #0969da; --button-invisible-fgColor-disabled: #8c959f; --button-invisible-bgColor-rest: #00000000; --button-invisible-bgColor-hover: #d0d7de33; --button-invisible-bgColor-active: #d0d7de66; --button-invisible-bgColor-disabled: #f6f8fa; --button-invisible-borderColor-rest: #00000000; --button-invisible-borderColor-hover: #00000000; --button-outline-fgColor-rest: #0969da; --button-outline-fgColor-hover: #ffffff; --button-outline-fgColor-active: #ffffff; --button-outline-fgColor-disabled: #0969da80; --button-outline-bgColor-rest: #f6f8fa; --button-outline-bgColor-hover: #0969da; --button-outline-bgColor-active: #0757ba; --button-outline-bgColor-disabled: #f6f8fa; --button-outline-borderColor-hover: #d0d7de; --button-outline-borderColor-active: #d0d7de; --button-outline-shadow-selected: inset 0px 1px 0px 0px #00215533; --button-danger-fgColor-rest: #d1242f; --button-danger-fgColor-hover: #ffffff; --button-danger-fgColor-active: #ffffff; --button-danger-fgColor-disabled: #d1242f80; --button-danger-iconColor-rest: #d1242f; --button-danger-iconColor-hover: #ffffff; --button-danger-bgColor-rest: #f6f8fa; --button-danger-bgColor-hover: #a40e26; --button-danger-bgColor-active: #8b0820; --button-danger-bgColor-disabled: #f6f8fa; --button-danger-borderColor-rest: #d0d7de; --button-danger-borderColor-hover: #d0d7de; --button-danger-borderColor-active: #d0d7de; --button-danger-shadow-selected: inset 0px 1px 0px 0px #4c001433; --buttonCounter-default-bgColor-rest: #eaeef280; --buttonCounter-primary-bgColor-rest: #ffffff33; --buttonCounter-outline-bgColor-rest: #0969da1a; --buttonCounter-outline-bgColor-hover: #ffffff33; --buttonCounter-outline-bgColor-disabled: #0969da0d; --buttonCounter-danger-bgColor-hover: #ffffff33; --buttonCounter-danger-bgColor-disabled: #cf222e0d; --buttonCounter-danger-bgColor-rest: #cf222e1a; --focus-outlineColor: #0969da; --focus-outline: #0969da solid 2px; --menu-bgColor-active: #ffffff00; --overlay-bgColor: #ffffff; --overlay-backdrop-bgColor: #8c959f33; --selectMenu-borderColor: #ffffff00; --selectMenu-bgColor-active: #b6e3ff; --sideNav-bgColor-selected: #ffffff; --timelineBadge-bgColor: #eaeef2; --treeViewItem-leadingVisual-bgColor-rest: #54aeff; --underlineNav-borderColor-active: #fd8c73; --underlineNav-borderColor-hover: #afb8c133; --underlineNav-iconColor-rest: #636c76; --fgColor-default: #1f2328; --fgColor-muted: #636c76; --fgColor-onEmphasis: #ffffff; --fgColor-disabled: #8c959f; --fgColor-link-rest: #0969da; --fgColor-link-inverse-rest: #54aeff; --fgColor-link-control: #868f99; --fgColor-accent: #0969da; --fgColor-success: #1a7f37; --fgColor-attention: #9a6700; --fgColor-severe: #bc4c00; --fgColor-danger: #d1242f; --fgColor-open: #1a7f37; --fgColor-closed: #d1242f; --fgColor-done: #8250df; --fgColor-sponsors: #bf3989; --bgColor-default: #ffffff; --bgColor-muted: #f6f8fa; --bgColor-emphasis: #24292f; --bgColor-disabled: #f6f8fa; --bgColor-neutral-muted: #eaeef280; --bgColor-neutral-emphasis: #6e7781; --bgColor-accent-muted: #ddf4ff; --bgColor-accent-emphasis: #0969da; --bgColor-success-muted: #dafbe1; --bgColor-success-emphasis: #1f883d; --bgColor-attention-muted: #fff8c5; --bgColor-attention-emphasis: #9a6700; --bgColor-severe-muted: #fff1e5; --bgColor-severe-emphasis: #bc4c00; --bgColor-danger-muted: #ffebe9; --bgColor-danger-emphasis: #cf222e; --bgColor-open-muted: #dafbe1; --bgColor-open-emphasis: #1f883d; --bgColor-closed-muted: #ffebe9; --bgColor-closed-emphasis: #cf222e; --bgColor-done-muted: #fbefff; --bgColor-done-emphasis: #8250df; --bgColor-sponsors-muted: #ffeff7; --bgColor-sponsors-emphasis: #bf3989; --borderColor-default: #d0d7de; --borderColor-muted: #d0d7de66; --borderColor-emphasis: #6e7781; --borderColor-disabled: #d0d7de; --borderColor-neutral-muted: #afb8c133; --borderColor-neutral-emphasis: #6e7781; --borderColor-accent-muted: #54aeff66; --borderColor-accent-emphasis: #0969da; --borderColor-success-muted: #4ac26b66; --borderColor-success-emphasis: #2da44e; --borderColor-attention-muted: #d4a72c66; --borderColor-attention-emphasis: #bf8700; --borderColor-severe-muted: #fb8f4466; --borderColor-severe-emphasis: #bc4c00; --borderColor-danger-muted: #ff818266; --borderColor-danger-emphasis: #cf222e; --borderColor-open-muted: #4ac26b66; --borderColor-open-emphasis: #2da44e; --borderColor-closed-muted: #ff818266; --borderColor-closed-emphasis: #cf222e; --borderColor-done-muted: #c297ff66; --borderColor-done-emphasis: #8250df; --borderColor-sponsors-muted: #ff80c866; --borderColor-sponsors-emphasis: #bf3989; --color-ansi-black-bright: #57606a; --color-ansi-white-bright: #8c959f; --color-ansi-gray: #6e7781; --color-ansi-red-bright: #a40e26; --color-ansi-green-bright: #1a7f37; --color-ansi-yellow-bright: #633c01; --color-ansi-blue-bright: #218bff; --color-ansi-magenta-bright: #a475f9; --color-ansi-cyan-bright: #3192aa; --color-prettylights-syntax-comment: #6e7781; --color-prettylights-syntax-constant-other-reference-link: #0a3069; --color-prettylights-syntax-entity-tag: #0550ae; --color-prettylights-syntax-storage-modifier-import: #24292f; --color-prettylights-syntax-keyword: #cf222e; --color-prettylights-syntax-string-regexp: #116329; --color-prettylights-syntax-variable: #953800; --color-prettylights-syntax-brackethighlighter-angle: #57606a; --color-prettylights-syntax-invalid-illegal-bg: #82071e; --color-prettylights-syntax-carriage-return-bg: #cf222e; --color-prettylights-syntax-markup-ignored-bg: #0550ae; --color-prettylights-syntax-meta-diff-range: #8250df; --color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f; --color-scale-black: #1f2328; /* Avoid using scales, use other functional tokens instead */ --color-scale-transparent: #ffffff00; /* Avoid using scales, use other functional tokens instead */ --color-scale-white: #ffffff; /* Avoid using scales, use other functional tokens instead */ --color-scale-gray-0: #f6f8fa; /* Avoid using scales, use other functional tokens instead */ --color-scale-gray-1: #eaeef2; /* Avoid using scales, use other functional tokens instead */ --color-scale-gray-2: #d0d7de; /* Avoid using scales, use other functional tokens instead */ --color-scale-gray-3: #afb8c1; /* Avoid using scales, use other functional tokens instead */ --color-scale-gray-4: #8c959f; /* Avoid using scales, use other functional tokens instead */ --color-scale-gray-5: #6e7781; /* Avoid using scales, use other functional tokens instead */ --color-scale-gray-6: #57606a; /* Avoid using scales, use other functional tokens instead */ --color-scale-gray-7: #424a53; /* Avoid using scales, use other functional tokens instead */ --color-scale-gray-8: #32383f; /* Avoid using scales, use other functional tokens instead */ --color-scale-gray-9: #24292f; /* Avoid using scales, use other functional tokens instead */ --color-scale-blue-0: #ddf4ff; /* Avoid using scales, use other functional tokens instead */ --color-scale-blue-1: #b6e3ff; /* Avoid using scales, use other functional tokens instead */ --color-scale-blue-2: #80ccff; /* Avoid using scales, use other functional tokens instead */ --color-scale-blue-3: #54aeff; /* Avoid using scales, use other functional tokens instead */ --color-scale-blue-4: #218bff; /* Avoid using scales, use other functional tokens instead */ --color-scale-blue-5: #0969da; /* Avoid using scales, use other functional tokens instead */ --color-scale-blue-6: #0550ae; /* Avoid using scales, use other functional tokens instead */ --color-scale-blue-7: #033d8b; /* Avoid using scales, use other functional tokens instead */ --color-scale-blue-8: #0a3069; /* Avoid using scales, use other functional tokens instead */ --color-scale-blue-9: #002155; /* Avoid using scales, use other functional tokens instead */ --color-scale-green-0: #dafbe1; /* Avoid using scales, use other functional tokens instead */ --color-scale-green-1: #aceebb; /* Avoid using scales, use other functional tokens instead */ --color-scale-green-2: #6fdd8b; /* Avoid using scales, use other functional tokens instead */ --color-scale-green-3: #4ac26b; /* Avoid using scales, use other functional tokens instead */ --color-scale-green-4: #2da44e; /* Avoid using scales, use other functional tokens instead */ --color-scale-green-5: #1a7f37; /* Avoid using scales, use other functional tokens instead */ --color-scale-green-6: #116329; /* Avoid using scales, use other functional tokens instead */ --color-scale-green-7: #044f1e; /* Avoid using scales, use other functional tokens instead */ --color-scale-green-8: #003d16; /* Avoid using scales, use other functional tokens instead */ --color-scale-green-9: #002d11; /* Avoid using scales, use other functional tokens instead */ --color-scale-yellow-0: #fff8c5; /* Avoid using scales, use other functional tokens instead */ --color-scale-yellow-1: #fae17d; /* Avoid using scales, use other functional tokens instead */ --color-scale-yellow-2: #eac54f; /* Avoid using scales, use other functional tokens instead */ --color-scale-yellow-3: #d4a72c; /* Avoid using scales, use other functional tokens instead */ --color-scale-yellow-4: #bf8700; /* Avoid using scales, use other functional tokens instead */ --color-scale-yellow-5: #9a6700; /* Avoid using scales, use other functional tokens instead */ --color-scale-yellow-6: #7d4e00; /* Avoid using scales, use other functional tokens instead */ --color-scale-yellow-7: #633c01; /* Avoid using scales, use other functional tokens instead */ --color-scale-yellow-8: #4d2d00; /* Avoid using scales, use other functional tokens instead */ --color-scale-yellow-9: #3b2300; /* Avoid using scales, use other functional tokens instead */ --color-scale-orange-0: #fff1e5; /* Avoid using scales, use other functional tokens instead */ --color-scale-orange-1: #ffd8b5; /* Avoid using scales, use other functional tokens instead */ --color-scale-orange-2: #ffb77c; /* Avoid using scales, use other functional tokens instead */ --color-scale-orange-3: #fb8f44; /* Avoid using scales, use other functional tokens instead */ --color-scale-orange-4: #e16f24; /* Avoid using scales, use other functional tokens instead */ --color-scale-orange-5: #bc4c00; /* Avoid using scales, use other functional tokens instead */ --color-scale-orange-6: #953800; /* Avoid using scales, use other functional tokens instead */ --color-scale-orange-7: #762c00; /* Avoid using scales, use other functional tokens instead */ --color-scale-orange-8: #5c2200; /* Avoid using scales, use other functional tokens instead */ --color-scale-orange-9: #471700; /* Avoid using scales, use other functional tokens instead */ --color-scale-red-0: #ffebe9; /* Avoid using scales, use other functional tokens instead */ --color-scale-red-1: #ffcecb; /* Avoid using scales, use other functional tokens instead */ --color-scale-red-2: #ffaba8; /* Avoid using scales, use other functional tokens instead */ --color-scale-red-3: #ff8182; /* Avoid using scales, use other functional tokens instead */ --color-scale-red-4: #fa4549; /* Avoid using scales, use other functional tokens instead */ --color-scale-red-5: #cf222e; /* Avoid using scales, use other functional tokens instead */ --color-scale-red-6: #a40e26; /* Avoid using scales, use other functional tokens instead */ --color-scale-red-7: #82071e; /* Avoid using scales, use other functional tokens instead */ --color-scale-red-8: #660018; /* Avoid using scales, use other functional tokens instead */ --color-scale-red-9: #4c0014; /* Avoid using scales, use other functional tokens instead */ --color-scale-purple-0: #fbefff; /* Avoid using scales, use other functional tokens instead */ --color-scale-purple-1: #ecd8ff; /* Avoid using scales, use other functional tokens instead */ --color-scale-purple-2: #d8b9ff; /* Avoid using scales, use other functional tokens instead */ --color-scale-purple-3: #c297ff; /* Avoid using scales, use other functional tokens instead */ --color-scale-purple-4: #a475f9; /* Avoid using scales, use other functional tokens instead */ --color-scale-purple-5: #8250df; /* Avoid using scales, use other functional tokens instead */ --color-scale-purple-6: #6639ba; /* Avoid using scales, use other functional tokens instead */ --color-scale-purple-7: #512a97; /* Avoid using scales, use other functional tokens instead */ --color-scale-purple-8: #3e1f79; /* Avoid using scales, use other functional tokens instead */ --color-scale-purple-9: #2e1461; /* Avoid using scales, use other functional tokens instead */ --color-scale-pink-0: #ffeff7; /* Avoid using scales, use other functional tokens instead */ --color-scale-pink-1: #ffd3eb; /* Avoid using scales, use other functional tokens instead */ --color-scale-pink-2: #ffadda; /* Avoid using scales, use other functional tokens instead */ --color-scale-pink-3: #ff80c8; /* Avoid using scales, use other functional tokens instead */ --color-scale-pink-4: #e85aad; /* Avoid using scales, use other functional tokens instead */ --color-scale-pink-5: #bf3989; /* Avoid using scales, use other functional tokens instead */ --color-scale-pink-6: #99286e; /* Avoid using scales, use other functional tokens instead */ --color-scale-pink-7: #772057; /* Avoid using scales, use other functional tokens instead */ --color-scale-pink-8: #611347; /* Avoid using scales, use other functional tokens instead */ --color-scale-pink-9: #4d0336; /* Avoid using scales, use other functional tokens instead */ --color-scale-coral-0: #fff0eb; /* Avoid using scales, use other functional tokens instead */ --color-scale-coral-1: #ffd6cc; /* Avoid using scales, use other functional tokens instead */ --color-scale-coral-2: #ffb4a1; /* Avoid using scales, use other functional tokens instead */ --color-scale-coral-3: #fd8c73; /* Avoid using scales, use other functional tokens instead */ --color-scale-coral-4: #ec6547; /* Avoid using scales, use other functional tokens instead */ --color-scale-coral-5: #c4432b; /* Avoid using scales, use other functional tokens instead */ --color-scale-coral-6: #9e2f1c; /* Avoid using scales, use other functional tokens instead */ --color-scale-coral-7: #801f0f; /* Avoid using scales, use other functional tokens instead */ --color-scale-coral-8: #691105; /* Avoid using scales, use other functional tokens instead */ --color-scale-coral-9: #510901; /* Avoid using scales, use other functional tokens instead */ --shadow-inset: inset 0px 1px 0px 0px #1f23280d; --shadow-highlight: inset 0px 1px 0px 0px #ffffff40; --shadow-resting-xsmall: 0px 1px 0px 0px #1f23280f; --shadow-resting-small: 0px 1px 0px 0px #1f23280a; --shadow-resting-medium: 0px 3px 6px 0px #8c959f26; --shadow-floating-small: 0px 1px 3px 0px #1f23281f, 0px 8px 24px 0px #424a531f; --shadow-floating-medium: 0px 4px 32px -4px #8c959f17, 0px 8px 16px -4px #8c959f17, 0px 24px 48px -12px #8c959f29, 0px 48px 96px -24px #8c959f3d; --shadow-floating-large: 0px 8px 24px 0px #8c959f33; --shadow-floating-xlarge: 0px 12px 28px 0px #8c959f4d; } }