/* ==UserStyle== @name Github Classic @namespace https://github.com/dundalek/userstyles @version 24.3.0 @homepageURL https://github.com/dundalek/userstyles @updateURL https://raw.githubusercontent.com/dundalek/userstyles/master/styles/github.user.css @license The Unlicense @author Jakub Dundalek @preprocessor stylus @var checkbox optionClassicFont "Classic Font" 1 @var checkbox optionCondensedPagehead "Condensed Pagehead" 1 @var checkbox optionSmallerLineHeight "Smaller Line Height" 1 @var checkbox optionThinnerHeader "Thinner Header" 1 @var checkbox optionCenteredHeaderBar "Centered Header Bar" 1 @var checkbox optionDarkAppHeader "Dark App Header" 1 @var checkbox optionThinnerBoxHeaders "Thinner Box Headers" 1 @var checkbox optionFileList "Adjust File List" 1 @var checkbox optionComments "Adjust Comments" 1 @var checkbox optionTallerBuildStatuses "Taller Build Statuses" 1 @var checkbox optionHideBanners "Hide Banners" 1 @var checkbox optionButtonStyling "Button Styling" 1 @var checkbox optionAdjustBorderRadius "Border Radius" 1 @var text optionAvatarBorderRadius "Avatar Border Radius" 3px @var text optionButtonBorderRadius "Button Border Radius" 3px @var checkbox optionOverrideColors "Override with less saturated colors" 1 @var checkbox optionHideFeed "Hide Home Feed" 0 ==/UserStyle== */ @-moz-document domain("github.com") { customLineHeight = 1.2 customLineHeightEm = 1.2em /* .js-feed-item-view is both on https://github.com/dashboard-feed and https://github.com/dashboard but this structure is made to match only on `dashboard-feed` */ main > div > .js-feed-item-view, main > div > .js-feed-item-view + * { margin: 0 24px; } /* === Classic fonts === */ if optionClassicFont { body, .markdown-body, div[data-portal-root=true][font-family="normal"] /* Override font in portal views, for example the new code view */ { font-family: Helvetica,Arial,sans-serif !important; } } /* === Smaller line height === */ if optionSmallerLineHeight { /* Default is 1.5 which wastes too much space, 1.2 looks better, smaller values break layout too much. */ body { line-height: customLineHeight !important; } /* Fixes icons in Star and Fork buttons that are otherwise misaligned with smaller line height. */ .btn-with-count .octicon { height: 13px !important; } } /* === Thinner header === */ if optionThinnerHeader { /* The header is too thick, let's make the padding smaller. */ .AppHeader .AppHeader-globalBar { padding: 8px 12px; } } /* === Condensed pagehead === */ if optionCondensedPagehead { /* Smaller top padding of the header */ #repository-container-header.pt-3 { padding-top: 15px !important; } /* Smaller vertical space under repo title. */ #repository-container-header > .mb-3 { margin-bottom: -9px !important; /* vertically center repo title */ align-items: center; } /* Hide extra line under repository name */ #repository-container-header > div > .border-bottom { border-bottom: 0px !important; } /* Smaller vertical space around nav tabs */ .UnderlineNav { min-height: 40px; } /* Compensate smaller for smaller .UnderlineNav to make the orange active tab indicator visible (otherwise gets pushed too much to the bottom) */ .UnderlineNav-item.selected::after, .UnderlineNav-item[aria-current]:not([aria-current="false"])::after, .UnderlineNav-item[role="tab"][aria-selected="true"]::after { bottom: -6px; } /* Unbold the active repo tab because it is too disctracting */ .UnderlineNav-item.selected { font-weight: 400 !important; } } /* === Centered Header Bar === */ if optionCenteredHeaderBar { @media (min-width: 1250px) { .AppHeader-localBar > .UnderlineNav { justify-content: center; } .AppHeader-localBar > .UnderlineNav .UnderlineNav-body { min-width: 1225px } } } /* === Smaller border radius === */ if optionAdjustBorderRadius { .avatar-user, .avatar.circle, .timeline-comment-label { border-radius: optionAvatarBorderRadius !important } .rounded-1 { border-radius: optionButtonBorderRadius !important; } .btn, .Button { border-radius: optionButtonBorderRadius !important; } .State, .Label, .IssueLabel { border-radius: optionButtonBorderRadius !important; } .topic-tag { border-radius: 8px !important; } /* Auto-complete suggestion box for issue numbers or mentions */ .suggester { border-radius: optionButtonBorderRadius !important; } .suggester li:first-child { border-top-left-radius: optionButtonBorderRadius !important; border-top-right-radius: optionButtonBorderRadius !important; } .suggester li:last-child { border-bottom-left-radius: optionButtonBorderRadius !important; border-bottom-right-radius: optionButtonBorderRadius !important; } /* Fixing the button groups below to not have border radius for inner edges. */ .btn.btn-with-count { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } .btn.BtnGroup-item { border-radius: 0 !important; } .BtnGroup-parent:first-child .btn.BtnGroup-item { border-top-left-radius: optionButtonBorderRadius !important; border-bottom-left-radius: optionButtonBorderRadius !important; } .social-count, .BtnGroup-parent:last-child .btn.BtnGroup-item { border-top-right-radius: optionButtonBorderRadius !important; border-bottom-right-radius: optionButtonBorderRadius !important; } } /* === Button styles === */ if optionButtonStyling { /* Bold text to make buttons stand out more, people are not eagles. */ .btn, .Button { font-weight: 600 !important; } /* Make the button background slightly grey, you can't click what can't see. Do not override: - primary buttons which are colorful (.e.g CLone) - outline buttons which get colorful on hover (e.g. Back to notifications.) */ html[data-color-mode=light] .btn:not(.btn-primary):not(.btn-outline) { background-color: #f7f7f7; } /* Darker grey on hover state. */ html[data-color-mode=light] .btn:not(.btn-primary):not(.btn-outline):hover { background-color: #eee; } /* Make the othe buttons pop out less. Changing colors would be too brittle, so lets just use transparency. */ .btn-primary:not(:hover) { opacity: 0.9 !important; } /* Issue status pops too much simirarly to primary buttons. */ .State { opacity: 0.85; } /* Numbers in tabs too distracting, tone the background down. */ html[data-color-mode=light] .Counter { background-color: #ececec; } } /* === Box headers === */ if optionThinnerBoxHeaders { /* Reclaim some vertical pixels by making the box header thinner */ .Box-header { padding-top: 10px !important; padding-bottom: 8px !important; } /* Making box header thinner on notifications pages needs special treatment. */ .notifications-list .Box-header { height: auto !important; } } /* === File list tweaks === */ if optionFileList { /* Bring back border around files, who is supposed to read that soup of letters? */ .repository-content [aria-labelledby="files"] .Box-row, .review-comment { border-bottom: 1px solid #eaecef !important; } .repository-content [aria-labelledby="files"] .Box-row:last-child, .review-comment:last-child { border-bottom: none !important; } /* Smaller spacing around the file icon */ .repository-content [aria-labelledby="files"] .Box-row > div:nth-child(1) { margin-right: 6px !important; margin-left: -6px !important; } /* Blue file link looks better and brings consitency with other links on the page. */ .repository-content [aria-labelledby="files"] .Box-row a.link-gray-dark { color: #0366d6 !important; } } /* === Tweak comments === */ if optionComments { /* Make comments not so spaced out */ .TimelineItem { padding: 6px 0 !important; } .TimelineItem.pt-0 { padding-top: 0 !important; } /* Slightly darker comment header to treat other people with respect and make their comments stand out more. */ html[data-color-mode=light] .timeline-comment:not(.current-user) .timeline-comment-header { background-color: #f5f5f9; } } /* === Larger height of build statuses === */ if optionTallerBuildStatuses { .branch-action-item.open > .merge-status-list, .branch-action-item.open > .merge-status-list-wrapper > .merge-status-list { max-height: 600px; } .commit-build-statuses .dropdown-menu { min-width: 860px; max-width: 860px; right: -430px; } .commit-build-statuses .dropdown-menu .merge-status-list { min-height: 600px; } } /* === Hide Banners === */ if optionHideBanners { /* Ged rid of spammy banners */ .signup-prompt, .js-notice { display: none; } /* Hide spammy copilot ads in code details header */ [data-testid="copilot-popover-button"] { display: none !important; } } /* == Override with less saturated colors == */ if optionOverrideColors { html[data-color-mode=light]:root,[data-color-mode=light][data-light-theme=light] { --color-box-bg-info: #F1F8FF; --color-alert-info-bg: #F1F8FF; /* These may need a little bit more saturation */ --color-diff-blob-hunk-line-bg: #F1F8FF; --color-diff-blob-hunk-num-bg: #F1F8FF; } } /* == Hide Home Feed == */ /* The new "For You" feed is useless, might as well hide it to avoid distraction. */ if optionHideFeed { /* feed-container[data-active-topic="for-you"] */ [data-target="feed-container.content"] { display: none; } } /* == Dark App Header */ if optionDarkAppHeader { /* Make the top-level bar dark by taking styles from dark theme */ html[data-color-mode=light] header.AppHeader { /* Taken from the dark dimmed theme */ --topicTag-borderColor: #00000000; --highlight-neutral-bgColor: #c6902666; --page-header-bgColor: #22272e; --diffBlob-addition-fgColor-text: #c5d1de; --diffBlob-addition-fgColor-num: #c5d1de; --diffBlob-addition-bgColor-num: #57ab5a4d; --diffBlob-addition-bgColor-line: #46954a26; --diffBlob-addition-bgColor-word: #46954a66; --diffBlob-deletion-fgColor-text: #c5d1de; --diffBlob-deletion-fgColor-num: #c5d1de; --diffBlob-deletion-bgColor-num: #e5534b4d; --diffBlob-deletion-bgColor-line: #e5534b26; --diffBlob-deletion-bgColor-word: #e5534b66; --diffBlob-hunk-bgColor-num: #4184e466; --diffBlob-expander-iconColor: #c5d1de; --codeMirror-fgColor: #c5d1de; --codeMirror-bgColor: #22272e; --codeMirror-gutters-bgColor: #22272e; --codeMirror-gutterMarker-fgColor-default: #22272e; --codeMirror-gutterMarker-fgColor-muted: #717e8b; --codeMirror-lineNumber-fgColor: #717e8b; --codeMirror-cursor-fgColor: #c5d1de; --codeMirror-selection-bgColor: #4184e466; --codeMirror-activeline-bgColor: #636e7b66; --codeMirror-matchingBracket-fgColor: #c5d1de; --codeMirror-lines-bgColor: #22272e; --codeMirror-syntax-fgColor-comment: #768390; --codeMirror-syntax-fgColor-constant: #6cb6ff; --codeMirror-syntax-fgColor-entity: #dcbdfb; --codeMirror-syntax-fgColor-keyword: #f47067; --codeMirror-syntax-fgColor-storage: #f47067; --codeMirror-syntax-fgColor-string: #96d0ff; --codeMirror-syntax-fgColor-support: #6cb6ff; --codeMirror-syntax-fgColor-variable: #f69d50; --header-fgColor-default: #cdd9e5b3; --header-fgColor-logo: #cdd9e5; --header-bgColor: #2d333bf2; --header-borderColor-divider: #768390; --headerSearch-bgColor: #22272e; --headerSearch-borderColor: #444c56; --data-blue-color: #0576ff; --data-auburn-color: #a86f6b; --data-orange-color: #984b10; --data-yellow-color: #895906; --data-green-color: #2f6f37; --data-teal-color: #106c70; --data-purple-color: #975bf1; --data-pink-color: #d34591; --data-red-color: #eb3342; --data-gray-color: #576270; --avatar-bgColor: #cdd9e51a; --avatar-borderColor: #444c56b3; --avatar-shadow: 0px 0px 0px 2px #22272e; --avatarStack-fade-bgColor-default: #444c56; --avatarStack-fade-bgColor-muted: #373e47; --control-bgColor-rest: #373e47; --control-bgColor-hover: #3d444e; --control-bgColor-active: #434a54; --control-bgColor-disabled: #373e47b3; --control-bgColor-selected: #2d333b; --control-fgColor-rest: #adbac7; --control-fgColor-placeholder: #545d68; --control-fgColor-disabled: #636e7b; --control-borderColor-rest: #444c56; --control-borderColor-emphasis: #606b77; --control-borderColor-disabled: #373e47b3; --control-borderColor-selected: #cdd9e5; --control-borderColor-success: #347d39; --control-borderColor-danger: #c93c37; --control-borderColor-warning: #966600; --control-iconColor-rest: #717e8b; --control-transparent-bgColor-rest: #00000000; --control-transparent-bgColor-hover: #909dab1f; --control-transparent-bgColor-active: #909dab33; --control-transparent-bgColor-disabled: #373e47b3; --control-transparent-bgColor-selected: #909dab14; --control-transparent-borderColor-rest: #00000000; --control-transparent-borderColor-hover: #00000000; --control-transparent-borderColor-active: #00000000; --control-danger-fgColor-rest: #e5534b; --control-danger-fgColor-hover: #f47067; --control-danger-bgColor-hover: #e5534b1a; --control-danger-bgColor-active: #e5534b66; --control-checked-bgColor-rest: #316dca; --control-checked-bgColor-hover: #3876d3; --control-checked-bgColor-active: #3f7fdb; --control-checked-bgColor-disabled: #636e7b; --control-checked-fgColor-rest: #cdd9e5; --control-checked-fgColor-disabled: #1c2128; --control-checked-borderColor-rest: #316dca; --control-checked-borderColor-hover: #3876d3; --control-checked-borderColor-active: #3f7fdb; --control-checked-borderColor-disabled: #636e7b; --controlTrack-bgColor-rest: #373e47; --controlTrack-bgColor-hover: #3d444e; --controlTrack-bgColor-active: #434a54; --controlTrack-bgColor-disabled: #636e7b; --controlTrack-fgColor-rest: #717e8b; --controlTrack-fgColor-disabled: #cdd9e5; --controlTrack-borderColor-rest: #00000000; --controlTrack-borderColor-disabled: #636e7b; --controlKnob-bgColor-rest: #1c2128; --controlKnob-bgColor-disabled: #373e47b3; --controlKnob-bgColor-checked: #cdd9e5; --controlKnob-borderColor-rest: #606b77; --controlKnob-borderColor-disabled: #373e47b3; --controlKnob-borderColor-checked: #316dca; --counter-borderColor: #00000000; --button-default-fgColor-rest: #adbac7; --button-default-bgColor-rest: #373e47; --button-default-bgColor-hover: #3d444e; --button-default-bgColor-active: #434a54; --button-default-bgColor-selected: #434a54; --button-default-bgColor-disabled: #373e47b3; --button-default-borderColor-rest: #444c56; --button-default-borderColor-hover: #444c56; --button-default-borderColor-active: #444c56; --button-default-borderColor-disabled: #373e47b3; --button-default-shadow-resting: 0px 0px 0px 0px #000000; --button-primary-fgColor-rest: #ffffff; --button-primary-fgColor-disabled: #cdd9e5cc; --button-primary-iconColor-rest: #ffffff; --button-primary-bgColor-rest: #347d39; --button-primary-bgColor-hover: #3b8640; --button-primary-bgColor-active: #428f46; --button-primary-bgColor-disabled: #50a254; --button-primary-borderColor-rest: #cdd9e51a; --button-primary-borderColor-hover: #cdd9e51a; --button-primary-borderColor-active: #cdd9e51a; --button-primary-borderColor-disabled: #50a254; --button-primary-shadow-selected: 0px 0px 0px 0px #000000; --button-invisible-fgColor-rest: #478be6; --button-invisible-fgColor-hover: #539bf5; --button-invisible-fgColor-disabled: #636e7b; --button-invisible-iconColor-rest: #717e8b; --button-invisible-iconColor-hover: #717e8b; --button-invisible-iconColor-disabled: #636e7b; --button-invisible-bgColor-rest: #00000000; --button-invisible-bgColor-hover: #909dab1f; --button-invisible-bgColor-active: #909dab33; --button-invisible-bgColor-disabled: #373e47b3; --button-invisible-borderColor-rest: #00000000; --button-invisible-borderColor-hover: #00000000; --button-invisible-borderColor-disabled: #373e47b3; --button-outline-fgColor-rest: #4184e4; --button-outline-fgColor-hover: #539bf5; --button-outline-fgColor-active: #cdd9e5; --button-outline-fgColor-disabled: #478be680; --button-outline-bgColor-rest: #cdd9e5; --button-outline-bgColor-hover: #444c56; --button-outline-bgColor-active: #1b4b91; --button-outline-bgColor-disabled: #22272e; --button-outline-borderColor-hover: #cdd9e51a; --button-outline-borderColor-selected: #cdd9e51a; --button-outline-shadow-selected: 0px 0px 0px 0px #000000; --button-danger-fgColor-rest: #e5534b; --button-danger-fgColor-hover: #cdd9e5; --button-danger-fgColor-active: #cdd9e5; --button-danger-fgColor-disabled: #e5534b80; --button-danger-iconColor-rest: #e5534b; --button-danger-iconColor-hover: #cdd9e5; --button-danger-bgColor-rest: #373e47; --button-danger-bgColor-hover: #ad2e2c; --button-danger-bgColor-active: #c33d38; --button-danger-bgColor-disabled: #373e47b3; --button-danger-borderColor-rest: #444c56; --button-danger-borderColor-hover: #cdd9e51a; --button-danger-borderColor-active: #cdd9e51a; --button-danger-shadow-selected: 0px 0px 0px 0px #000000; --button-inactive-fgColor: #768390; --button-inactive-bgColor: #373e47; --buttonCounter-default-bgColor-rest: #444c56; --buttonCounter-invisible-bgColor-rest: #444c56; --buttonCounter-primary-bgColor-rest: #11341733; --buttonCounter-outline-bgColor-rest: #0f2d5c33; --buttonCounter-outline-bgColor-hover: #0f2d5c33; --buttonCounter-outline-bgColor-disabled: #316dca0d; --buttonCounter-outline-fgColor-rest: #4184e4; --buttonCounter-outline-fgColor-hover: #539bf5; --buttonCounter-outline-fgColor-disabled: #478be680; --buttonCounter-danger-bgColor-hover: #cdd9e533; --buttonCounter-danger-bgColor-disabled: #c93c370d; --buttonCounter-danger-bgColor-rest: #5d0f1233; --buttonCounter-danger-fgColor-rest: #e5534b; --buttonCounter-danger-fgColor-hover: #cdd9e5; --buttonCounter-danger-fgColor-disabled: #e5534b80; --focus-outlineColor: #316dca; --menu-bgColor-active: #2d333b; --overlay-bgColor: #2d333b; --overlay-borderColor: #444c56b3; --overlay-backdrop-bgColor: #2d333b66; --selectMenu-borderColor: #545d68; --selectMenu-bgColor-active: #143d79; --sideNav-bgColor-selected: #373e47; --skeletonLoader-bgColor: #2d333b; --timelineBadge-bgColor: #373e47; --treeViewItem-leadingVisual-iconColor-rest: #717e8b; --underlineNav-borderColor-active: #ec775c; --underlineNav-borderColor-hover: #636e7b66; --underlineNav-iconColor-rest: #717e8b; --selection-bgColor: #316dcab3; --fgColor-default: #c5d1de; --fgColor-muted: #717e8b; --fgColor-onEmphasis: #cdd9e5; --fgColor-white: #ffffff; --fgColor-disabled: #636e7b; --fgColor-link: #478be6; --fgColor-neutral: #636e7b; --fgColor-accent: #478be6; --fgColor-success: #57ab5a; --fgColor-attention: #c69026; --fgColor-severe: #cc6b2c; --fgColor-danger: #e5534b; --fgColor-open: #57ab5a; --fgColor-closed: #e5534b; --fgColor-done: #986ee2; --fgColor-sponsors: #c96198; --bgColor-default: #22272e; --bgColor-muted: #2d333b; --bgColor-inset: #1c2128; --bgColor-emphasis: #636e7b; --bgColor-inverse: #cdd9e5; --bgColor-disabled: #373e47b3; --bgColor-transparent: #00000000; --bgColor-neutral-muted: #636e7b66; --bgColor-neutral-emphasis: #636e7b; --bgColor-accent-muted: #4184e41a; --bgColor-accent-emphasis: #316dca; --bgColor-success-muted: #46954a26; --bgColor-success-emphasis: #347d39; --bgColor-attention-muted: #ae7c1426; --bgColor-attention-emphasis: #966600; --bgColor-severe-muted: #cc6b2c1a; --bgColor-severe-emphasis: #ae5622; --bgColor-danger-muted: #e5534b1a; --bgColor-danger-emphasis: #c93c37; --bgColor-open-muted: #46954a1a; --bgColor-open-emphasis: #347d39; --bgColor-closed-muted: #e5534b26; --bgColor-closed-emphasis: #c93c37; --bgColor-done-muted: #986ee226; --bgColor-done-emphasis: #8256d0; --bgColor-sponsors-muted: #c961981a; --bgColor-sponsors-emphasis: #ae4c82; --borderColor-default: #444c56; --borderColor-muted: #444c56b3; --borderColor-emphasis: #545d68; --borderColor-disabled: #373e47b3; --borderColor-transparent: #00000000; --borderColor-neutral-muted: #636e7b66; --borderColor-neutral-emphasis: #636e7b; --borderColor-accent-muted: #4184e466; --borderColor-accent-emphasis: #316dca; --borderColor-success-muted: #46954a66; --borderColor-success-emphasis: #347d39; --borderColor-attention-muted: #ae7c1466; --borderColor-attention-emphasis: #966600; --borderColor-severe-muted: #cc6b2c66; --borderColor-severe-emphasis: #ae5622; --borderColor-danger-muted: #e5534b66; --borderColor-danger-emphasis: #c93c37; --borderColor-open-muted: #46954a66; --borderColor-open-emphasis: #347d39; --borderColor-closed-muted: #e5534b66; --borderColor-closed-emphasis: #c93c37; --borderColor-done-muted: #986ee266; --borderColor-done-emphasis: #8256d0; --borderColor-sponsors-muted: #c9619866; --borderColor-sponsors-emphasis: #ae4c82; --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-prettylights-syntax-comment: #768390; --color-prettylights-syntax-constant: #6cb6ff; --color-prettylights-syntax-constant-other-reference-link: #96d0ff; --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-brackethighlighter-angle: #768390; --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-sublimelinter-gutter-mark: #545d68; --color-scale-black: #1c2128; --color-scale-transparent: #00000000; --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; --shadow-inset: inset 0px 1px 0px 0px #1c21283d; --shadow-resting-xsmall: 0px 1px 0px 0px #1c2128cc; --shadow-resting-small: 0px 1px 0px 0px #1c212866, 0px 1px 3px 0px #1c212866; --shadow-resting-medium: 0px 3px 6px 0px #1c2128cc; --shadow-floating-small: 0px 0px 0px 1px #444c56, 0px 6px 12px -3px #1c212866, 0px 6px 18px 0px #1c212866; --shadow-floating-medium: 0px 0px 0px 1px #444c56, 0px 8px 16px -4px #1c212866, 0px 4px 32px -4px #1c212866, 0px 24px 48px -12px #1c212866, 0px 48px 96px -24px #1c212866; --shadow-floating-large: 0px 0px 0px 1px #444c56, 0px 24px 48px 0px #1c2128; --shadow-floating-xlarge: 0px 0px 0px 1px #444c56, 0px 32px 64px 0px #1c2128; --shadow-floating-legacy: 0px 6px 12px -3px #1c212866, 0px 6px 18px 0px #1c212866; --outline-focus: #316dca solid 2px; } /* Then make the secondary bar light again (because it is dark from the top-level override) by copying light theme */ html[data-color-mode=light] header.AppHeader .AppHeader-localBar { background: #F6F8FA; /* Taken from the light theme */ --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; --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: #afb8c133; --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; --data-blue-color: #006edb; --data-auburn-color: #9d615c; --data-orange-color: #eb670f; --data-yellow-color: #b88700; --data-green-color: #30a147; --data-teal-color: #179b9b; --data-purple-color: #894ceb; --data-pink-color: #ce2c85; --data-red-color: #df0c24; --data-gray-color: #808fa3; --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: #eaeef2b3; --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: #eaeef2b3; --control-borderColor-selected: #f6f8fa; --control-borderColor-success: #1a7f37; --control-borderColor-danger: #cf222e; --control-borderColor-warning: #bf8700; --control-iconColor-rest: #636c76; --control-transparent-bgColor-rest: #ffffff00; --control-transparent-bgColor-hover: #d0d7de33; --control-transparent-bgColor-active: #d0d7de66; --control-transparent-bgColor-disabled: #eaeef2b3; --control-transparent-bgColor-selected: #d0d7de33; --control-transparent-borderColor-rest: #ffffff00; --control-transparent-borderColor-hover: #ffffff00; --control-transparent-borderColor-active: #ffffff00; --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: #0860ca; --control-checked-borderColor-active: #0757ba; --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: #ffffff00; --controlTrack-borderColor-disabled: #8c959f; --controlKnob-bgColor-rest: #ffffff; --controlKnob-bgColor-disabled: #eaeef2b3; --controlKnob-bgColor-checked: #ffffff; --controlKnob-borderColor-rest: #868f99; --controlKnob-borderColor-disabled: #eaeef2b3; --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-bgColor-disabled: #eaeef2b3; --button-default-borderColor-rest: #d0d7de; --button-default-borderColor-hover: #d0d7de; --button-default-borderColor-active: #d0d7de; --button-default-borderColor-disabled: #eaeef2b3; --button-default-shadow-resting: 0px 1px 0px 0px #1f23280a; --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: #1f232826; --button-primary-borderColor-hover: #1f232826; --button-primary-borderColor-active: #1f232826; --button-primary-borderColor-disabled: #95d8a6; --button-primary-shadow-selected: inset 0px 1px 0px 0px #002d114d; --button-invisible-fgColor-rest: #0969da; --button-invisible-fgColor-hover: #0969da; --button-invisible-fgColor-disabled: #8c959f; --button-invisible-iconColor-rest: #636c76; --button-invisible-iconColor-hover: #636c76; --button-invisible-iconColor-disabled: #8c959f; --button-invisible-bgColor-rest: #ffffff00; --button-invisible-bgColor-hover: #d0d7de33; --button-invisible-bgColor-active: #d0d7de66; --button-invisible-bgColor-disabled: #eaeef2b3; --button-invisible-borderColor-rest: #ffffff00; --button-invisible-borderColor-hover: #ffffff00; --button-invisible-borderColor-disabled: #eaeef2b3; --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: #1f232826; --button-outline-borderColor-active: #1f232826; --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: #eaeef2b3; --button-danger-borderColor-rest: #d0d7de; --button-danger-borderColor-hover: #1f232826; --button-danger-borderColor-active: #1f232826; --button-danger-shadow-selected: inset 0px 1px 0px 0px #4c001433; --button-inactive-fgColor: #57606a; --button-inactive-bgColor: #eaeef2; --buttonCounter-default-bgColor-rest: #afb8c133; --buttonCounter-invisible-bgColor-rest: #afb8c133; --buttonCounter-primary-bgColor-rest: #002d1133; --buttonCounter-outline-bgColor-rest: #0969da1a; --buttonCounter-outline-bgColor-hover: #ffffff33; --buttonCounter-outline-bgColor-disabled: #0969da0d; --buttonCounter-outline-fgColor-rest: #0550ae; --buttonCounter-outline-fgColor-hover: #ffffff; --buttonCounter-outline-fgColor-disabled: #0969da80; --buttonCounter-danger-bgColor-hover: #ffffff33; --buttonCounter-danger-bgColor-disabled: #cf222e0d; --buttonCounter-danger-bgColor-rest: #cf222e1a; --buttonCounter-danger-fgColor-rest: #c21c2c; --buttonCounter-danger-fgColor-hover: #ffffff; --buttonCounter-danger-fgColor-disabled: #d1242f80; --focus-outlineColor: #0969da; --focus-outline: #0969da solid 2px; --menu-bgColor-active: #ffffff00; --overlay-bgColor: #ffffff; --overlay-borderColor: #d0d7de80; --overlay-backdrop-bgColor: #8c959f33; --selectMenu-borderColor: #ffffff00; --selectMenu-bgColor-active: #b6e3ff; --sideNav-bgColor-selected: #ffffff; --skeletonLoader-bgColor: #f6f8fa; --timelineBadge-bgColor: #eaeef2; --treeViewItem-leadingVisual-iconColor-rest: #54aeff; --underlineNav-borderColor-active: #fd8c73; --underlineNav-borderColor-hover: #afb8c133; --underlineNav-iconColor-rest: #636c76; --selection-bgColor: #0969da33; --fgColor-default: #1f2328; --fgColor-muted: #636c76; --fgColor-onEmphasis: #ffffff; --fgColor-white: #ffffff; --fgColor-disabled: #8c959f; --fgColor-link: #0969da; --fgColor-neutral: #6e7781; --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-inset: #f6f8fa; --bgColor-emphasis: #24292f; --bgColor-inverse: #24292f; --bgColor-disabled: #eaeef2b3; --bgColor-transparent: #ffffff00; --bgColor-neutral-muted: #afb8c133; --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: #d0d7deb3; --borderColor-emphasis: #6e7781; --borderColor-disabled: #eaeef2b3; --borderColor-transparent: #ffffff00; --borderColor-neutral-muted: #afb8c133; --borderColor-neutral-emphasis: #6e7781; --borderColor-accent-muted: #54aeff66; --borderColor-accent-emphasis: #0969da; --borderColor-success-muted: #4ac26b66; --borderColor-success-emphasis: #1a7f37; --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: #1a7f37; --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: #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-prettylights-syntax-comment: #57606a; --color-prettylights-syntax-constant: #0550ae; --color-prettylights-syntax-constant-other-reference-link: #0a3069; --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: #953800; --color-prettylights-syntax-brackethighlighter-unmatched: #82071e; --color-prettylights-syntax-brackethighlighter-angle: #57606a; --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-sublimelinter-gutter-mark: #8c959f; --color-scale-black: #1f2328; --color-scale-transparent: #ffffff00; --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; --shadow-inset: inset 0px 1px 0px 0px #1f23280a; --shadow-resting-xsmall: 0px 1px 0px 0px #1f23281a; --shadow-resting-small: 0px 1px 0px 0px #1f23280f, 0px 1px 3px 0px #1f232814; --shadow-resting-medium: 0px 3px 6px 0px #424a531f; --shadow-floating-small: 0px 0px 0px 1px #d0d7de80, 0px 6px 12px -3px #424a530a, 0px 6px 18px 0px #424a531f; --shadow-floating-medium: 0px 0px 0px 1px #d0d7de, 0px 8px 16px -4px #424a5314, 0px 4px 32px -4px #424a5314, 0px 24px 48px -12px #424a5314, 0px 48px 96px -24px #424a5314; --shadow-floating-large: 0px 0px 0px 1px #d0d7de, 0px 40px 80px 0px #424a533d; --shadow-floating-xlarge: 0px 0px 0px 1px #d0d7de, 0px 56px 112px 0px #424a5352; --shadow-floating-legacy: 0px 6px 12px -3px #424a530a, 0px 6px 18px 0px #424a531f; } } }