diff --git a/.gitignore b/.gitignore index 3bebedf8d..3c642eb1e 100644 --- a/.gitignore +++ b/.gitignore @@ -41,3 +41,6 @@ public/client.js # Compiled themes public/themes/ + +# CSS variables purging script (for development) +styles/themes/purge.py diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md index 59463c6cc..4bec6b50b 100644 --- a/CONTRIBUTING.md +++ b/CONTRIBUTING.md @@ -22,34 +22,27 @@ This project is built with [Next.js][next.js]. To get started: If you want to submit your custom theme to giscus, create a new file in [`styles/themes`][themes-dir]. The file name (without `.css`) will be the -theme's key. Make sure to use the theme's key in the `[data-theme=]` selector. -For example, use `[data-theme='my_theme']` for `my_theme.css`. Once you've -added the theme file, add the key and name to `Theme` in -[`lib/variables.ts`][variables] to register it. +theme's key. You can use the other theme files as reference (see +[`custom_example.css`][example]). Once you've added the theme file, add the key +and name to `Theme` in [`lib/variables.ts`][variables] to register it. -You can use the other theme files as reference. A lot of the variables aren't -actually used, but I haven't found a way to remove them reliably. (I've tried -PurgeCSS but it didn't play well with the setup.) - -For the most minimal example, I've removed the unused variables by hand -and you can see the result in [`custom_example.css`][example]. You can -`@import` [`github-syntax-dark`][syntax-dark] or -[`github-syntax-light`][syntax-light] for the syntax themes. - -If you want to customize the syntax themes, you can replace the `@import` with -the actual CSS instead. The classes with the `pl-` prefix are for the syntax -theme. See the compiled example [example][example-compiled] for more details. +You can `@import` [`github-syntax-dark`][syntax-dark] or +[`github-syntax-light`][syntax-light] for the syntax themes. If you want to +customize the syntax themes, you can replace the `@import` with the actual CSS +instead. The classes with the `pl-` prefix are for the syntax theme. See the +[compiled example][example-compiled] for more details. Several [classes prefixed with `gsc-`][gsc-classes] are used in the HTML generated by giscus. You can take advantage of this to further customize your theme. Note that the classes and HTML structure are subject to change, as -updates to giscus may require modifications to the HTML. +updates to giscus may require modifications to the HTML. You'll need to make +sure that your theme is up-to-date. -If you want to use a custom theme without submitting it to giscus (by using a -[custom theme URL][custom-theme-url]), make sure to use -**`[data-theme='custom']`** as the selector, -**otherwise your theme will not work**. That said, if you create a nice theme, -I'd appreciate it if you create a PR instead so others can use it easily. +If you want to use a custom theme without submitting it to giscus, you can do +so by using a [custom theme URL][custom-theme-url]. Note that you cannot +`@import` a syntax theme and must inline it in your CSS. That said, if you +create a nice theme, I'd appreciate it if you create a PR instead so others can +use it easily. [self-hosting]: SELF-HOSTING.md [next.js]: https://github.com/vercel/next.js @@ -58,6 +51,6 @@ I'd appreciate it if you create a PR instead so others can use it easily. [syntax-dark]: https://github.com/primer/github-syntax-dark [syntax-light]: https://github.com/primer/github-syntax-light [example-compiled]: https://giscus.app/themes/custom_example.css -[gsc-classes]: https://github.com/laymonage/giscus/search?q=gsc +[gsc-classes]: https://github.com/laymonage/giscus/search?l=TSX&q=gsc [custom-theme-url]: https://github.com/laymonage/giscus/blob/main/ADVANCED-USAGE.md#data-theme [variables]: lib/variables.ts diff --git a/lib/hooks.ts b/lib/hooks.ts index bbd05bb3d..899f3ebae 100644 --- a/lib/hooks.ts +++ b/lib/hooks.ts @@ -1,4 +1,5 @@ import { useState, useEffect, useRef, MutableRefObject, Dispatch, SetStateAction } from 'react'; +import { getTheme } from './utils'; export function useComponentVisible(initialIsVisible: boolean) { const [isComponentVisible, setIsComponentVisible] = useState(initialIsVisible); @@ -40,3 +41,53 @@ export function useDebounce(value: T, delay = 300) { return debouncedValue; } + +function onThemeError() { + document.head.removeChild(this); +} + +function onThemeLoad() { + const existingLink = document.querySelector('link#giscus-theme'); + if (existingLink) document.head.removeChild(existingLink); + this.id = 'giscus-theme'; + this.removeEventListener('load', onThemeLoad); + this.removeEventListener('error', onThemeError); +} + +export function useThemeChanger(themeUrl: string) { + useEffect(() => { + const link = document.createElement('link'); + + link.id = 'giscus-theme-temp'; + link.rel = 'stylesheet'; + link.crossOrigin = 'anonymous'; + link.href = themeUrl; + link.addEventListener('load', onThemeLoad, { once: true }); + link.addEventListener('error', onThemeError, { once: true }); + + document.head.appendChild(link); + }, [themeUrl]); +} + +export function useColorSchemeListener() { + const [, rerender] = useState({}); + + useEffect(() => { + const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)'); + const listener = () => rerender({}); + mediaQuery.addEventListener('change', listener); + return () => mediaQuery.removeEventListener('change', listener); + }, []); +} + +export function useTheme() { + const [theme, setTheme] = useState(''); + + const resolvedTheme = getTheme(theme); + const themeUrl = resolvedTheme === 'custom' ? theme : `/themes/${resolvedTheme}.css`; + + useThemeChanger(themeUrl); + useColorSchemeListener(); + + return { theme, resolvedTheme, themeUrl, setTheme }; +} diff --git a/package.json b/package.json index 620f7b1c5..1762adeb3 100644 --- a/package.json +++ b/package.json @@ -41,6 +41,7 @@ "@typescript-eslint/eslint-plugin": "^4.18.0", "@typescript-eslint/parser": "^4.18.0", "autoprefixer": "^10.2.5", + "cssnano": "^5.0.6", "eslint": "^7.22.0", "eslint-config-prettier": "^8.1.0", "eslint-plugin-prettier": "^3.3.1", diff --git a/pages/_app.tsx b/pages/_app.tsx index 11b95be69..e886aa304 100644 --- a/pages/_app.tsx +++ b/pages/_app.tsx @@ -8,9 +8,8 @@ import '../styles/base.css'; import '../styles/globals.css'; import type { AppProps } from 'next/app'; -import { useEffect, useState } from 'react'; import { ThemeContext } from '../lib/context'; -import { getTheme } from '../lib/utils'; +import { useTheme } from '../lib/hooks'; const meta = { title: 'giscus', @@ -20,53 +19,19 @@ const meta = { }; export default function App({ Component, pageProps }: AppProps) { - const [theme, setTheme] = useState(''); - const [, rerender] = useState({}); - - const resolvedTheme = getTheme(theme); - - useEffect(() => { - const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)'); - const listener = () => rerender({}); - mediaQuery.addEventListener('change', listener); - return () => mediaQuery.removeEventListener('change', listener); - }, []); - - useEffect(() => { - const link = - document.querySelector('link#giscus-theme') || - document.createElement('link'); - - const themeUrl = resolvedTheme === 'custom' ? theme : `/themes/${resolvedTheme}.css`; - - link.id = 'giscus-theme'; - link.rel = 'stylesheet'; - link.crossOrigin = 'anonymous'; - link.href = themeUrl; - - document.head.appendChild(link); - }, [resolvedTheme, theme]); + const { resolvedTheme, setTheme } = useTheme(); return ( {meta.title} - - - - - - - - - diff --git a/pages/_document.tsx b/pages/_document.tsx new file mode 100644 index 000000000..298ac335b --- /dev/null +++ b/pages/_document.tsx @@ -0,0 +1,33 @@ +import Document, { Html, Head, Main, NextScript } from 'next/document'; + +class CustomDocument extends Document { + render() { + return ( + + + + + + + + + + + + + + +
+ + + + ); + } +} + +export default CustomDocument; diff --git a/postcss.config.js b/postcss.config.js index 12a703d90..f6757fda1 100644 --- a/postcss.config.js +++ b/postcss.config.js @@ -2,5 +2,6 @@ module.exports = { plugins: { tailwindcss: {}, autoprefixer: {}, + cssnano: { preset: 'default' }, }, }; diff --git a/styles/base.css b/styles/base.css index 8327b2b91..1eaafb390 100644 --- a/styles/base.css +++ b/styles/base.css @@ -1,13 +1,9 @@ -/* - -This file contains adapted styles from the Primer CSS -design system, original styles licensed under: - -MIT License -Copyright (c) 2021 GitHub Inc. -https://github.com/primer/css/blob/main/LICENSE - -*/ +/*! This file contains adapted styles from the Primer CSS + * design system, original styles licensed under: + * MIT License + * Copyright (c) 2021 GitHub Inc. + * https://github.com/primer/css/blob/main/LICENSE + */ * { border-color: var(--color-border-primary); @@ -179,7 +175,7 @@ a { border-color: var(--color-alert-error-border); } -/* Compatibility shim for @primer/css to style GitHub-generated HTML */ +/*! Compatibility shim for @primer/css to style GitHub-generated HTML */ .border-0 { @apply border-none; @@ -338,7 +334,7 @@ img.emoji { @apply float-left mt-1 -ml-5 align-middle; } -/* Giscus-specific styles */ +/*! Giscus-specific styles */ .gsc-tl-line { background-color: var(--color-border-secondary); diff --git a/styles/themes/custom_example.css b/styles/themes/custom_example.css index 555b32082..b3e33513e 100644 --- a/styles/themes/custom_example.css +++ b/styles/themes/custom_example.css @@ -1,20 +1,12 @@ @import 'github-syntax-dark/lib/github-dark.css'; -/* +/*! + * Modified from GitHub's Dark Dimmed theme, licensed under the MIT License + * Copyright (c) 2018 GitHub Inc. + * https://github.com/primer/primitives/blob/main/LICENSE + */ -Modified from GitHub's Dark Dimmed theme, -licensed under the MIT License - -Copyright (c) 2018 GitHub Inc. -https://github.com/primer/primitives/blob/main/LICENSE - -*/ - -[data-theme='custom'] { - color-scheme: dark; -} - -[data-theme='custom'] { +main { --color-text-primary: #adbac7; --color-text-secondary: #768390; --color-text-tertiary: #768390; @@ -72,10 +64,16 @@ https://github.com/primer/primitives/blob/main/LICENSE --color-upvote-icon-bg: var(--color-scale-blue-8); } -[data-theme='custom'] .pagination-loader-container { +main .pagination-loader-container { background-image: url(https://github.com/images/modules/pulls/progressive-disclosure-line-dark.svg); } +/*! Custom CSS */ + +main { + color-scheme: dark; +} + .gsc-reactions-count, .gsc-upvotes { display: none; diff --git a/styles/themes/dark.css b/styles/themes/dark.css index e34f6a2f2..76a22e02d 100644 --- a/styles/themes/dark.css +++ b/styles/themes/dark.css @@ -1,626 +1,42 @@ @import 'github-syntax-dark/lib/github-dark.css'; -/* +/*! MIT License + * Copyright (c) 2018 GitHub Inc. + * https://github.com/primer/primitives/blob/main/LICENSE + */ -MIT License -Copyright (c) 2018 GitHub Inc. -https://github.com/primer/primitives/blob/main/LICENSE - -*/ - -[data-theme='dark'] { - color-scheme: dark; -} - -[data-theme='dark'] { - --color-auto-black: red; - --color-auto-white: red; - --color-auto-gray-0: red; - --color-auto-gray-1: red; - --color-auto-gray-2: red; - --color-auto-gray-3: red; - --color-auto-gray-4: red; - --color-auto-gray-5: red; - --color-auto-gray-6: red; - --color-auto-gray-7: red; - --color-auto-gray-8: red; - --color-auto-gray-9: red; - --color-auto-blue-0: red; - --color-auto-blue-1: red; - --color-auto-blue-2: red; - --color-auto-blue-3: red; - --color-auto-blue-4: red; - --color-auto-blue-5: red; - --color-auto-blue-6: red; - --color-auto-blue-7: red; - --color-auto-blue-8: red; - --color-auto-blue-9: red; - --color-auto-green-0: red; - --color-auto-green-1: red; - --color-auto-green-2: red; - --color-auto-green-3: red; - --color-auto-green-4: red; - --color-auto-green-5: red; - --color-auto-green-6: red; - --color-auto-green-7: red; - --color-auto-green-8: red; - --color-auto-green-9: red; - --color-auto-yellow-0: red; - --color-auto-yellow-1: red; - --color-auto-yellow-2: red; - --color-auto-yellow-3: red; - --color-auto-yellow-4: red; - --color-auto-yellow-5: red; - --color-auto-yellow-6: red; - --color-auto-yellow-7: red; - --color-auto-yellow-8: red; - --color-auto-yellow-9: red; - --color-auto-orange-0: red; - --color-auto-orange-1: red; - --color-auto-orange-2: red; - --color-auto-orange-3: red; - --color-auto-orange-4: red; - --color-auto-orange-5: red; - --color-auto-orange-6: red; - --color-auto-orange-7: red; - --color-auto-orange-8: red; - --color-auto-orange-9: red; - --color-auto-red-0: red; - --color-auto-red-1: red; - --color-auto-red-2: red; - --color-auto-red-3: red; - --color-auto-red-4: red; - --color-auto-red-5: red; - --color-auto-red-6: red; - --color-auto-red-7: red; - --color-auto-red-8: red; - --color-auto-red-9: red; - --color-auto-purple-0: red; - --color-auto-purple-1: red; - --color-auto-purple-2: red; - --color-auto-purple-3: red; - --color-auto-purple-4: red; - --color-auto-purple-5: red; - --color-auto-purple-6: red; - --color-auto-purple-7: red; - --color-auto-purple-8: red; - --color-auto-purple-9: red; - --color-auto-pink-0: red; - --color-auto-pink-1: red; - --color-auto-pink-2: red; - --color-auto-pink-3: red; - --color-auto-pink-4: red; - --color-auto-pink-5: red; - --color-auto-pink-6: red; - --color-auto-pink-7: red; - --color-auto-pink-8: red; - --color-auto-pink-9: red; +main { --color-text-primary: #c9d1d9; --color-text-secondary: #8b949e; --color-text-tertiary: #8b949e; - --color-text-placeholder: #484f58; - --color-text-disabled: #484f58; - --color-text-inverse: #f0f6fc; --color-text-link: #58a6ff; --color-text-danger: #f85149; --color-text-success: #3fb950; - --color-text-warning: #d29922; - --color-text-white: red; - --color-icon-primary: #c9d1d9; - --color-icon-secondary: #8b949e; - --color-icon-tertiary: #8b949e; - --color-icon-info: #58a6ff; - --color-icon-danger: #f85149; - --color-icon-success: #3fb950; - --color-icon-warning: #d29922; --color-border-primary: #30363d; --color-border-secondary: #21262d; --color-border-tertiary: rgba(110, 118, 129, 0.4); - --color-border-overlay: #30363d; - --color-border-inverse: #f0f6fc; --color-border-info: #1f6feb; - --color-border-danger: #da3633; - --color-border-success: #238636; - --color-border-warning: #9e6a03; - --color-border-default: #30363d; - --color-border-muted: #21262d; - --color-border-subtle: rgba(240, 246, 252, 0.1); --color-bg-canvas: #0d1117; - --color-bg-canvas-mobile: transparent; - --color-bg-canvas-inverse: #6e7681; --color-bg-canvas-inset: #010409; --color-bg-primary: #0d1117; --color-bg-secondary: #161b22; --color-bg-tertiary: #161b22; --color-bg-overlay: #161b22; - --color-bg-backdrop: rgba(1, 4, 9, 0.8); --color-bg-info: rgba(56, 139, 253, 0.15); - --color-bg-info-inverse: #1f6feb; - --color-bg-danger: rgba(248, 81, 73, 0.15); - --color-bg-danger-inverse: #da3633; - --color-bg-success: rgba(46, 160, 67, 0.15); - --color-bg-success-inverse: #238636; - --color-bg-warning: rgba(187, 128, 9, 0.15); - --color-bg-warning-inverse: #9e6a03; - --color-shadow-highlight: 0 0 transparent; - --color-shadow-inset: 0 0 transparent; - --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-state-hover-primary-bg: #1f6feb; - --color-state-hover-primary-border: #1f6feb; - --color-state-hover-primary-text: #f0f6fc; - --color-state-hover-primary-icon: #f0f6fc; - --color-state-hover-secondary-bg: rgba(110, 118, 129, 0.1); - --color-state-hover-secondary-border: rgba(110, 118, 129, 0.1); - --color-state-selected-primary-bg: #1f6feb; - --color-state-selected-primary-border: #1f6feb; - --color-state-selected-primary-text: #f0f6fc; - --color-state-selected-primary-icon: #f0f6fc; --color-state-focus-border: #1f6feb; --color-state-focus-shadow: 0 0 0 3px #0c2d6b; - --color-fade-fg-10: red; - --color-fade-fg-15: red; - --color-fade-fg-30: red; - --color-fade-fg-50: red; - --color-fade-fg-70: red; - --color-fade-fg-85: red; - --color-fade-black-10: red; - --color-fade-black-15: red; - --color-fade-black-30: red; - --color-fade-black-50: red; - --color-fade-black-70: red; - --color-fade-black-85: red; - --color-fade-white-10: red; - --color-fade-white-15: red; - --color-fade-white-30: red; - --color-fade-white-50: red; - --color-fade-white-70: red; - --color-fade-white-85: red; - --color-alert-info-text: #58a6ff; - --color-alert-info-icon: #58a6ff; - --color-alert-info-bg: rgba(56, 139, 253, 0.15); - --color-alert-info-border: rgba(56, 139, 253, 0.4); - --color-alert-warn-text: #d29922; - --color-alert-warn-icon: #d29922; - --color-alert-warn-bg: rgba(187, 128, 9, 0.15); - --color-alert-warn-border: rgba(187, 128, 9, 0.4); --color-alert-error-text: #f85149; - --color-alert-error-icon: #f85149; --color-alert-error-bg: rgba(248, 81, 73, 0.15); --color-alert-error-border: rgba(248, 81, 73, 0.4); - --color-alert-success-text: #3fb950; - --color-alert-success-icon: #3fb950; - --color-alert-success-bg: rgba(46, 160, 67, 0.15); - --color-alert-success-border: rgba(46, 160, 67, 0.4); - --color-autocomplete-shadow: 0 3px 6px #010409; - --color-autocomplete-row-border: #21262d; - --color-blankslate-icon: #8b949e; - --color-counter-text: #c9d1d9; - --color-counter-bg: rgba(110, 118, 129, 0.4); - --color-counter-primary-text: #f0f6fc; - --color-counter-primary-bg: #6e7681; --color-counter-secondary-text: #8b949e; --color-counter-secondary-bg: rgba(110, 118, 129, 0.1); - --color-box-blue-border: rgba(56, 139, 253, 0.4); - --color-box-row-yellow-bg: rgba(187, 128, 9, 0.15); - --color-box-row-blue-bg: rgba(56, 139, 253, 0.15); - --color-box-header-blue-bg: rgba(56, 139, 253, 0.15); - --color-box-header-blue-border: rgba(56, 139, 253, 0.4); --color-box-border-info: rgba(56, 139, 253, 0.4); - --color-box-bg-info: rgba(56, 139, 253, 0.15); - --color-box-border-warning: rgba(187, 128, 9, 0.4); - --color-box-bg-warning: rgba(187, 128, 9, 0.15); - --color-branch-name-text: #8b949e; - --color-branch-name-icon: #8b949e; - --color-branch-name-bg: rgba(110, 118, 129, 0.1); - --color-branch-name-link-text: #58a6ff; - --color-branch-name-link-icon: #58a6ff; - --color-branch-name-link-bg: rgba(56, 139, 253, 0.15); --color-markdown-code-bg: rgba(110, 118, 129, 0.1); - --color-markdown-frame-border: #30363d; - --color-markdown-blockquote-border: #30363d; - --color-markdown-table-border: #30363d; - --color-markdown-table-tr-border: #21262d; - --color-filter-item-bar-bg: rgba(110, 118, 129, 0.1); --color-hidden-text-expander-bg: rgba(110, 118, 129, 0.4); - --color-hidden-text-expander-bg-hover: rgba(56, 139, 253, 0.4); - --color-drag-and-drop-border: #30363d; - --color-upload-enabled-border: #30363d; - --color-upload-enabled-border-focused: #1f6feb; - --color-previewable-comment-form-border: #30363d; - --color-verified-badge-text: #3fb950; - --color-verified-badge-bg: #0d1117; - --color-verified-badge-border: #30363d; - --color-social-count-bg: #0d1117; - --color-tooltip-text: #f0f6fc; - --color-tooltip-bg: #6e7681; - --color-search-keyword-hl: rgba(187, 128, 9, 0.15); - --color-files-explorer-icon: #58a6ff; - --color-hl-author-bg: rgba(56, 139, 253, 0.15); - --color-hl-author-border: rgba(56, 139, 253, 0.4); - --color-logo-subdued: rgba(110, 118, 129, 0.4); - --color-discussion-border: rgba(46, 160, 67, 0.4); - --color-discussion-bg-success: #238636; - --color-actions-workflow-table-sticky-bg: rgba(13, 17, 23, 0.95); - --color-repo-language-color-border: rgba(240, 246, 252, 0.2); - --color-code-selection-bg: rgba(56, 139, 253, 0.4); - --color-highlight-text: #c9d1d9; - --color-highlight-bg: rgba(187, 128, 9, 0.15); - --color-blob-line-highlight-bg: rgba(187, 128, 9, 0.15); - --color-blob-line-highlight-border: rgba(187, 128, 9, 0.4); - --color-topic-tag-text: #58a6ff; - --color-topic-tag-bg: rgba(56, 139, 253, 0.15); - --color-topic-tag-hover-bg: rgba(56, 139, 253, 0.4); - --color-topic-tag-active-bg: rgba(56, 139, 253, 0.15); - --color-footer-invertocat-octicon: #484f58; - --color-footer-invertocat-octicon-hover: #8b949e; - --color-dropdown-shadow: 0 8px 24px #010409; --color-label-border: #30363d; - --color-label-primary-text: #c9d1d9; - --color-label-primary-border: #6e7681; - --color-label-secondary-text: #8b949e; - --color-label-secondary-border: #30363d; - --color-label-info-text: #58a6ff; - --color-label-info-border: #1f6feb; - --color-label-success-text: #3fb950; - --color-label-success-border: #238636; - --color-label-warning-text: #d29922; - --color-label-warning-border: #9e6a03; - --color-label-danger-text: #f85149; - --color-label-danger-border: #da3633; - --color-label-orange-text: #db6d28; - --color-label-orange-border: #bd561d; --color-input-bg: #0d1117; --color-input-contrast-bg: #010409; --color-input-border: #30363d; - --color-input-shadow: 0 0 transparent; - --color-input-disabled-bg: rgba(110, 118, 129, 0.4); - --color-input-disabled-border: #30363d; - --color-input-warning-border: #9e6a03; - --color-input-error-border: #da3633; - --color-input-tooltip-success-text: #c9d1d9; - --color-input-tooltip-success-bg: rgba(46, 160, 67, 0.15); - --color-input-tooltip-success-border: rgba(46, 160, 67, 0.4); - --color-input-tooltip-warning-text: #c9d1d9; - --color-input-tooltip-warning-bg: rgba(187, 128, 9, 0.15); - --color-input-tooltip-warning-border: rgba(187, 128, 9, 0.4); - --color-input-tooltip-error-text: #c9d1d9; - --color-input-tooltip-error-bg: rgba(248, 81, 73, 0.15); - --color-input-tooltip-error-border: rgba(248, 81, 73, 0.4); - --color-toast-text: #c9d1d9; - --color-toast-bg: #0d1117; - --color-toast-border: #30363d; - --color-toast-shadow: 0 8px 24px #010409; - --color-toast-icon: #f0f6fc; - --color-toast-icon-bg: #1f6feb; - --color-toast-icon-border: transparent; - --color-toast-success-text: #c9d1d9; - --color-toast-success-border: #30363d; - --color-toast-success-icon: #f0f6fc; - --color-toast-success-icon-bg: #238636; - --color-toast-success-icon-border: transparent; - --color-toast-warning-text: #c9d1d9; - --color-toast-warning-border: #30363d; - --color-toast-warning-icon: #c9d1d9; - --color-toast-warning-icon-bg: #9e6a03; - --color-toast-warning-icon-border: transparent; - --color-toast-danger-text: #c9d1d9; - --color-toast-danger-border: #30363d; - --color-toast-danger-icon: #f0f6fc; - --color-toast-danger-icon-bg: #da3633; - --color-toast-danger-icon-border: transparent; - --color-toast-loading-text: #c9d1d9; - --color-toast-loading-border: #30363d; - --color-toast-loading-icon: #f0f6fc; - --color-toast-loading-icon-bg: #6e7681; - --color-toast-loading-icon-border: transparent; - --color-timeline-text: #8b949e; - --color-timeline-badge-bg: #161b22; - --color-timeline-badge-success-border: transparent; - --color-timeline-target-badge-border: #1f6feb; - --color-timeline-target-badge-shadow: rgba(56, 139, 253, 0.4); - --color-diffstat-neutral-bg: rgba(110, 118, 129, 0.4); - --color-diffstat-neutral-border: rgba(240, 246, 252, 0.1); - --color-diffstat-deletion-bg: #da3633; - --color-diffstat-addition-bg: #238636; - --color-diffstat-deletion-border: rgba(240, 246, 252, 0.1); - --color-diffstat-addition-border: rgba(240, 246, 252, 0.1); - --color-diff-addition-text: #3fb950; - --color-diff-addition-bg: rgba(46, 160, 67, 0.15); - --color-diff-addition-border: rgba(46, 160, 67, 0.4); - --color-diff-deletion-text: #f85149; - --color-diff-deletion-bg: rgba(248, 81, 73, 0.15); - --color-diff-deletion-border: rgba(248, 81, 73, 0.4); - --color-diff-change-text: #d29922; - --color-diff-change-bg: rgba(187, 128, 9, 0.15); - --color-diff-change-border: rgba(187, 128, 9, 0.4); - --color-merge-box-success-icon-bg: #238636; - --color-merge-box-success-icon-text: #f0f6fc; - --color-merge-box-success-icon-border: transparent; - --color-merge-box-success-indicator-bg: #238636; - --color-merge-box-success-indicator-border: transparent; - --color-merge-box-merged-icon-bg: #8957e5; - --color-merge-box-merged-icon-text: #f0f6fc; - --color-merge-box-merged-icon-border: transparent; - --color-merge-box-merged-box-border: #8957e5; - --color-merge-box-neutral-icon-bg: #6e7681; - --color-merge-box-neutral-icon-text: #f0f6fc; - --color-merge-box-neutral-icon-border: transparent; - --color-merge-box-neutral-indicator-bg: #6e7681; - --color-merge-box-neutral-indicator-border: transparent; - --color-merge-box-warning-icon-bg: #9e6a03; - --color-merge-box-warning-icon-text: #f0f6fc; - --color-merge-box-warning-icon-border: transparent; - --color-merge-box-warning-box-border: #9e6a03; - --color-merge-box-warning-merge-highlight: transparent; - --color-merge-box-error-icon-bg: #da3633; - --color-merge-box-error-icon-text: #f0f6fc; - --color-merge-box-error-icon-border: transparent; - --color-merge-box-error-indicator-bg: #da3633; - --color-merge-box-error-indicator-border: transparent; - --color-underlinenav-border: transparent; - --color-underlinenav-border-hover: rgba(110, 118, 129, 0.4); - --color-underlinenav-border-active: #f78166; - --color-underlinenav-text: #c9d1d9; - --color-underlinenav-text-hover: #c9d1d9; - --color-underlinenav-text-active: #c9d1d9; - --color-underlinenav-icon: #484f58; - --color-underlinenav-icon-hover: #484f58; - --color-underlinenav-icon-active: #c9d1d9; - --color-underlinenav-counter-text: #c9d1d9; - --color-underlinenav-counter-bg: rgba(110, 118, 129, 0.4); - --color-select-menu-border-secondary: #21262d; - --color-select-menu-shadow: 0 8px 24px #010409; - --color-select-menu-backdrop-bg: rgba(1, 4, 9, 0.8); - --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-sidenav-border-active: #f78166; - --color-sidenav-selected-bg: #21262d; - --color-menu-heading-text: #c9d1d9; - --color-menu-border-active: #f78166; - --color-menu-bg-active: #161b22; - --color-project-card-bg: #161b22; - --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-pr-state-draft-text: #f0f6fc; - --color-pr-state-draft-bg: #6e7681; - --color-pr-state-draft-border: transparent; - --color-pr-state-open-text: #f0f6fc; - --color-pr-state-open-bg: #238636; - --color-pr-state-open-border: transparent; - --color-pr-state-merged-text: #f0f6fc; - --color-pr-state-merged-bg: #8957e5; - --color-pr-state-merged-border: transparent; - --color-pr-state-closed-text: #f0f6fc; - --color-pr-state-closed-bg: #da3633; - --color-pr-state-closed-border: transparent; - --color-diff-blob-num-text: #8b949e; - --color-diff-blob-num-hover-text: #c9d1d9; - --color-diff-blob-addition-num-hover-text: #c9d1d9; - --color-diff-blob-addition-num-bg: rgba(46, 160, 67, 0.4); - --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-addition-num-text: #3fb950; - --color-diff-blob-addition-fg: #c9d1d9; - --color-diff-blob-deletion-num-hover-text: #c9d1d9; - --color-diff-blob-deletion-num-bg: rgba(248, 81, 73, 0.4); - --color-diff-blob-deletion-line-bg: rgba(248, 81, 73, 0.15); - --color-diff-blob-deletion-word-bg: rgba(248, 81, 73, 0.4); - --color-diff-blob-deletion-num-text: #f85149; - --color-diff-blob-deletion-fg: #c9d1d9; - --color-diff-blob-hunk-text: #8b949e; - --color-diff-blob-hunk-num-bg: rgba(56, 139, 253, 0.4); - --color-diff-blob-hunk-line-bg: rgba(56, 139, 253, 0.15); - --color-diff-blob-empty-block-bg: rgba(110, 118, 129, 0.1); - --color-diff-blob-selected-line-highlight-bg: rgba(187, 128, 9, 0.15); - --color-diff-blob-selected-line-highlight-border: rgba(187, 128, 9, 0.4); - --color-diff-blob-expander-hover-icon: #f0f6fc; - --color-diff-blob-expander-hover-bg: #1f6feb; - --color-diff-blob-expander-icon: #8b949e; - --color-diff-blob-comment-button-icon: #f0f6fc; - --color-diff-blob-comment-button-bg: #1f6feb; - --color-diff-blob-comment-button-gradient-bg: transparent; - --color-diff-blob-selected-line-highlight-mix-blend-mode: screen; - --color-global-nav-logo: red; - --color-global-nav-bg: red; - --color-global-nav-text: red; - --color-global-nav-icon: red; - --color-global-nav-input-bg: red; - --color-global-nav-input-border: red; - --color-global-nav-input-icon: red; - --color-global-nav-input-placeholder: red; - --color-intro-shelf-gradient-left: rgba(56, 139, 253, 0.15); - --color-intro-shelf-gradient-right: rgba(46, 160, 67, 0.15); - --color-intro-shelf-gradient-in: #0d1117; - --color-intro-shelf-gradient-out: rgba(240, 246, 252, 0); - --color-marketing-icon-primary: #79c0ff; - --color-marketing-icon-secondary: #1f6feb; - --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: #c9d1d9; - --color-codemirror-bg: #0d1117; - --color-codemirror-gutters-bg: #0d1117; - --color-codemirror-guttermarker-text: #0d1117; - --color-codemirror-guttermarker-subtle-text: #484f58; - --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: #ffa657; - --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: #484f58; - --color-checks-input-focus-text: #c9d1d9; - --color-checks-input-bg: #0d1117; - --color-checks-input-shadow: 0 0 0 1px (obj) => get_1.default(obj, path); - --color-checks-donut-error: #f85149; - --color-checks-donut-pending: #d29922; - --color-checks-donut-success: #2ea043; - --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: #484f58; - --color-checks-line-timestamp-text: #484f58; - --color-checks-line-hover-bg: rgba(110, 118, 129, 0.1); - --color-checks-line-selected-bg: rgba(56, 139, 253, 0.15); - --color-checks-line-selected-num-text: #58a6ff; - --color-checks-line-dt-fm-text: #f0f6fc; - --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: #484f58; - --color-checks-logline-debug-text: #a371f7; - --color-checks-logline-error-text: #8b949e; - --color-checks-logline-error-num-text: #484f58; - --color-checks-logline-error-bg: rgba(248, 81, 73, 0.15); - --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: #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-header-search-bg: #0d1117; - --color-header-search-border: #30363d; - --color-mktg-success: #29933d; - --color-mktg-info: #2a7bf3; - --color-mktg-bg-shade-gradient-top: rgba(1, 4, 9, 0.065); - --color-mktg-bg-shade-gradient-bottom: rgba(1, 4, 9, 0); - --color-mktg-btn-bg-top: #617eef; - --color-mktg-btn-bg-bottom: #4969ed; - --color-mktg-btn-bg-overlay-top: #4968e4; - --color-mktg-btn-bg-overlay-bottom: #3355e0; - --color-mktg-btn-text: #f0f6fc; - --color-mktg-btn-primary-bg-top: #34b759; - --color-mktg-btn-primary-bg-bottom: #2ea44f; - --color-mktg-btn-primary-bg-overlay-top: #279b42; - --color-mktg-btn-primary-bg-overlay-bottom: #22863a; - --color-mktg-btn-primary-text: #f0f6fc; - --color-mktg-btn-enterprise-bg-top: #8670ff; - --color-mktg-btn-enterprise-bg-bottom: #6f57ff; - --color-mktg-btn-enterprise-bg-overlay-top: #7463de; - --color-mktg-btn-enterprise-bg-overlay-bottom: #614eda; - --color-mktg-btn-enterprise-text: #f0f6fc; - --color-mktg-btn-outline-text: #f0f6fc; - --color-mktg-btn-outline-border: rgba(240, 246, 252, 0.3); - --color-mktg-btn-outline-hover-text: #f0f6fc; - --color-mktg-btn-outline-hover-border: rgba(240, 246, 252, 0.5); - --color-mktg-btn-outline-focus-border: #f0f6fc; - --color-mktg-btn-outline-focus-border-inset: rgba(240, 246, 252, 0.5); - --color-mktg-btn-dark-text: #f0f6fc; - --color-mktg-btn-dark-border: rgba(240, 246, 252, 0.3); - --color-mktg-btn-dark-hover-text: #f0f6fc; - --color-mktg-btn-dark-hover-border: rgba(240, 246, 252, 0.5); - --color-mktg-btn-dark-focus-border: #f0f6fc; - --color-mktg-btn-dark-focus-border-inset: rgba(240, 246, 252, 0.5); - --color-avatar-bg: rgba(240, 246, 252, 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: -2px -2px 0 #0d1117; - --color-overlay-shadow: 0 0 0 1px #30363d, 0 16px 32px rgba(1, 4, 9, 0.85); - --color-header-text: rgba(240, 246, 252, 0.7); - --color-header-bg: #161b22; - --color-header-logo: #f0f6fc; - --color-ansi-black: #484f58; - --color-ansi-black-bright: #6e7681; - --color-ansi-white: #b1bac4; - --color-ansi-white-bright: #f0f6fc; - --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); @@ -630,13 +46,6 @@ https://github.com/primer/primitives/blob/main/LICENSE --color-btn-hover-border: #8b949e; --color-btn-active-bg: #282e33; --color-btn-active-border: #6e7681; - --color-btn-selected-bg: #161b22; - --color-btn-focus-bg: #21262d; - --color-btn-focus-border: #8b949e; - --color-btn-focus-shadow: 0 0 0 3px rgba(139, 148, 158, 0.3); - --color-btn-shadow-active: inset 0 0.15em 0.3em rgba(1, 4, 9, 0.15); - --color-btn-shadow-input-focus: 0 0 0 0.2em rgba(31, 111, 235, 0.3); - --color-btn-counter-bg: #30363d; --color-btn-primary-text: #fff; --color-btn-primary-bg: #238636; --color-btn-primary-border: rgba(240, 246, 252, 0.1); @@ -649,239 +58,17 @@ https://github.com/primer/primitives/blob/main/LICENSE --color-btn-primary-disabled-text: rgba(240, 246, 252, 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-focus-bg: #238636; - --color-btn-primary-focus-border: rgba(240, 246, 252, 0.1); - --color-btn-primary-focus-shadow: 0 0 0 3px rgba(46, 164, 79, 0.4); - --color-btn-primary-icon: #f0f6fc; - --color-btn-primary-counter-bg: rgba(240, 246, 252, 0.2); - --color-btn-outline-text: #58a6ff; - --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(240, 246, 252, 0.03); - --color-btn-outline-hover-counter-bg: rgba(240, 246, 252, 0.2); - --color-btn-outline-selected-text: #f0f6fc; - --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-focus-border: rgba(240, 246, 252, 0.1); - --color-btn-outline-focus-shadow: 0 0 0 3px rgba(17, 88, 199, 0.4); - --color-btn-outline-counter-bg: rgba(31, 111, 235, 0.1); - --color-btn-danger-text: #f85149; - --color-btn-danger-hover-text: #0d1117; - --color-btn-danger-hover-bg: #da3633; - --color-btn-danger-hover-border: #ffa198; - --color-btn-danger-hover-shadow: 0 0 transparent; - --color-btn-danger-hover-inset-shadow: 0 0 transparent; - --color-btn-danger-hover-icon: #0d1117; - --color-btn-danger-hover-counter-bg: rgba(255, 255, 255, 0.2); - --color-btn-danger-selected-text: #fff; - --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-focus-border: #f85149; - --color-btn-danger-focus-shadow: 0 0 0 3px rgba(248, 81, 73, 0.4); - --color-btn-danger-counter-bg: rgba(218, 54, 51, 0.1); - --color-btn-danger-icon: #f85149; - --color-fg-default: #c9d1d9; - --color-fg-muted: #8b949e; - --color-fg-subtle: #484f58; - --color-fg-on-emphasis: #f0f6fc; - --color-canvas-default: #0d1117; - --color-canvas-overlay: #161b22; - --color-canvas-inset: #010409; - --color-canvas-subtle: #161b22; - --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.15); - --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.15); - --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.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.15); - --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.15); - --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(240, 246, 252, 0.2); - --color-primer-shadow-highlight: 0 0 transparent; - --color-primer-shadow-inset: 0 0 transparent; - --color-primer-shadow-focus: 0 0 0 3px #0c2d6b; - --color-scale-black: #010409; - --color-scale-white: #f0f6fc; - --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; /* Extensions from color-modes.scss */ - --color-workflow-card-connector: var(--color-scale-gray-5); - --color-workflow-card-connector-bg: var(--color-scale-gray-5); - --color-workflow-card-connector-inactive: var(--color-border-primary); - --color-workflow-card-connector-inactive-bg: var(--color-border-primary); - --color-workflow-card-connector-highlight: var(--color-scale-blue-5); - --color-workflow-card-connector-highlight-bg: var(--color-scale-blue-5); - --color-workflow-card-bg: var(--color-scale-gray-7); - --color-workflow-card-inactive-bg: var(--color-bg-canvas-inset); - --color-workflow-card-header-shadow: rgba(27, 31, 35, 0.04); - --color-workflow-card-progress-complete-bg: var(--color-scale-blue-5); - --color-workflow-card-progress-incomplete-bg: var(--color-scale-gray-6); - --color-discussions-answer-border: rgba(var(--color-scale-green-3), 0.3); - --color-discussions-answer-icon: var(--color-scale-green-3); - --color-discussions-answer-text: var(--color-scale-green-3); - --color-discussions-state-answered-icon: var(--color-scale-green-3); - --color-bg-discussions-row-emoji-box: var(--color-scale-gray-6); --color-upvote-icon-bg: var(--color-scale-blue-8); - --color-downvote-icon-bg: var(--color-scale-red-8); - --color-search-hover-hl: var(--color-scale-gray-8); - --color-notifications-button-text: var(--color-text-white); - --color-notifications-button-hover-text: var(--color-text-white); - --color-notifications-button-hover-bg: var(--color-scale-blue-4); - --color-notifications-row-read-bg: var(--color-bg-primary); - --color-notifications-row-bg: var(--color-bg-tertiary); - --color-page-header-bg: var(--color-bg-canvas); - --color-timeline-merged-bg: var(--color-scale-purple-6); - --color-current-user-tip-bg: var(--color-box-bg-info); - --color-current-user-tip-border: #1f477e; - --color-icon-directory: var(--color-fg-muted, var(--color-files-explorer-icon)); - --color-calendar-halloween-graph-day-L1-bg: #631c03; - --color-calendar-halloween-graph-day-L2-bg: #bd561d; - --color-calendar-halloween-graph-day-L3-bg: #fa7a18; - --color-calendar-halloween-graph-day-L4-bg: #fddf68; - --color-calendar-graph-day-bg: var(--color-scale-gray-8); - --color-calendar-graph-day-border: rgba(27, 31, 35, 0.06); - --color-calendar-graph-day-L1-bg: #0e4429; - --color-calendar-graph-day-L2-bg: #006d32; - --color-calendar-graph-day-L3-bg: #26a641; - --color-calendar-graph-day-L4-bg: #39d353; - --color-calendar-graph-day-L1-border: hsla(0, 0%, 100%, 0.05); - --color-calendar-graph-day-L2-border: hsla(0, 0%, 100%, 0.05); - --color-calendar-graph-day-L3-border: hsla(0, 0%, 100%, 0.05); - --color-calendar-graph-day-L4-border: hsla(0, 0%, 100%, 0.05); - --color-text-white: var(--color-scale-white); - - --color-social-reaction-border: var(--color-scale-blue-8); - --color-social-reaction-bg: var(--color-scale-gray-8); - --color-social-reaction-bg-hover: var(--color-scale-gray-7); - --color-social-reaction-bg-reacted-hover: var(--color-scale-blue-8); } -[data-theme='dark'] .pagination-loader-container { +main .pagination-loader-container { background-image: url(https://github.com/images/modules/pulls/progressive-disclosure-line-dark.svg); } + +/*! Custom CSS */ +main { + color-scheme: dark; +} diff --git a/styles/themes/dark_dimmed.css b/styles/themes/dark_dimmed.css index c1d537e14..53b441756 100644 --- a/styles/themes/dark_dimmed.css +++ b/styles/themes/dark_dimmed.css @@ -1,626 +1,42 @@ @import 'github-syntax-dark/lib/github-dark.css'; -/* +/*! MIT License + * Copyright (c) 2018 GitHub Inc. + * https://github.com/primer/primitives/blob/main/LICENSE + */ -MIT License -Copyright (c) 2018 GitHub Inc. -https://github.com/primer/primitives/blob/main/LICENSE - -*/ - -[data-theme='dark_dimmed'] { - color-scheme: dark; -} - -[data-theme='dark_dimmed'] { - --color-auto-black: red; - --color-auto-white: red; - --color-auto-gray-0: red; - --color-auto-gray-1: red; - --color-auto-gray-2: red; - --color-auto-gray-3: red; - --color-auto-gray-4: red; - --color-auto-gray-5: red; - --color-auto-gray-6: red; - --color-auto-gray-7: red; - --color-auto-gray-8: red; - --color-auto-gray-9: red; - --color-auto-blue-0: red; - --color-auto-blue-1: red; - --color-auto-blue-2: red; - --color-auto-blue-3: red; - --color-auto-blue-4: red; - --color-auto-blue-5: red; - --color-auto-blue-6: red; - --color-auto-blue-7: red; - --color-auto-blue-8: red; - --color-auto-blue-9: red; - --color-auto-green-0: red; - --color-auto-green-1: red; - --color-auto-green-2: red; - --color-auto-green-3: red; - --color-auto-green-4: red; - --color-auto-green-5: red; - --color-auto-green-6: red; - --color-auto-green-7: red; - --color-auto-green-8: red; - --color-auto-green-9: red; - --color-auto-yellow-0: red; - --color-auto-yellow-1: red; - --color-auto-yellow-2: red; - --color-auto-yellow-3: red; - --color-auto-yellow-4: red; - --color-auto-yellow-5: red; - --color-auto-yellow-6: red; - --color-auto-yellow-7: red; - --color-auto-yellow-8: red; - --color-auto-yellow-9: red; - --color-auto-orange-0: red; - --color-auto-orange-1: red; - --color-auto-orange-2: red; - --color-auto-orange-3: red; - --color-auto-orange-4: red; - --color-auto-orange-5: red; - --color-auto-orange-6: red; - --color-auto-orange-7: red; - --color-auto-orange-8: red; - --color-auto-orange-9: red; - --color-auto-red-0: red; - --color-auto-red-1: red; - --color-auto-red-2: red; - --color-auto-red-3: red; - --color-auto-red-4: red; - --color-auto-red-5: red; - --color-auto-red-6: red; - --color-auto-red-7: red; - --color-auto-red-8: red; - --color-auto-red-9: red; - --color-auto-purple-0: red; - --color-auto-purple-1: red; - --color-auto-purple-2: red; - --color-auto-purple-3: red; - --color-auto-purple-4: red; - --color-auto-purple-5: red; - --color-auto-purple-6: red; - --color-auto-purple-7: red; - --color-auto-purple-8: red; - --color-auto-purple-9: red; - --color-auto-pink-0: red; - --color-auto-pink-1: red; - --color-auto-pink-2: red; - --color-auto-pink-3: red; - --color-auto-pink-4: red; - --color-auto-pink-5: red; - --color-auto-pink-6: red; - --color-auto-pink-7: red; - --color-auto-pink-8: red; - --color-auto-pink-9: red; +main { --color-text-primary: #adbac7; --color-text-secondary: #768390; --color-text-tertiary: #768390; - --color-text-placeholder: #545d68; - --color-text-disabled: #545d68; - --color-text-inverse: #cdd9e5; --color-text-link: #539bf5; --color-text-danger: #e5534b; --color-text-success: #57ab5a; - --color-text-warning: #c69026; - --color-text-white: red; - --color-icon-primary: #adbac7; - --color-icon-secondary: #768390; - --color-icon-tertiary: #768390; - --color-icon-info: #539bf5; - --color-icon-danger: #e5534b; - --color-icon-success: #57ab5a; - --color-icon-warning: #c69026; --color-border-primary: #444c56; --color-border-secondary: #373e47; --color-border-tertiary: rgba(99, 110, 123, 0.4); - --color-border-overlay: #444c56; - --color-border-inverse: #cdd9e5; --color-border-info: #316dca; - --color-border-danger: #c93c37; - --color-border-success: #347d39; - --color-border-warning: #966600; - --color-border-default: #444c56; - --color-border-muted: #373e47; - --color-border-subtle: rgba(205, 217, 229, 0.1); --color-bg-canvas: #22272e; - --color-bg-canvas-mobile: transparent; - --color-bg-canvas-inverse: #636e7b; --color-bg-canvas-inset: #1c2128; --color-bg-primary: #22272e; --color-bg-secondary: #2d333b; --color-bg-tertiary: #2d333b; --color-bg-overlay: #2d333b; - --color-bg-backdrop: rgba(28, 33, 40, 0.8); --color-bg-info: rgba(65, 132, 228, 0.15); - --color-bg-info-inverse: #316dca; - --color-bg-danger: rgba(229, 83, 75, 0.15); - --color-bg-danger-inverse: #c93c37; - --color-bg-success: rgba(70, 149, 74, 0.15); - --color-bg-success-inverse: #347d39; - --color-bg-warning: rgba(174, 124, 20, 0.15); - --color-bg-warning-inverse: #966600; - --color-shadow-highlight: 0 0 transparent; - --color-shadow-inset: 0 0 transparent; - --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-state-hover-primary-bg: #316dca; - --color-state-hover-primary-border: #316dca; - --color-state-hover-primary-text: #cdd9e5; - --color-state-hover-primary-icon: #cdd9e5; - --color-state-hover-secondary-bg: rgba(99, 110, 123, 0.1); - --color-state-hover-secondary-border: rgba(99, 110, 123, 0.1); - --color-state-selected-primary-bg: #316dca; - --color-state-selected-primary-border: #316dca; - --color-state-selected-primary-text: #cdd9e5; - --color-state-selected-primary-icon: #cdd9e5; --color-state-focus-border: #316dca; --color-state-focus-shadow: 0 0 0 3px #143d79; - --color-fade-fg-10: red; - --color-fade-fg-15: red; - --color-fade-fg-30: red; - --color-fade-fg-50: red; - --color-fade-fg-70: red; - --color-fade-fg-85: red; - --color-fade-black-10: red; - --color-fade-black-15: red; - --color-fade-black-30: red; - --color-fade-black-50: red; - --color-fade-black-70: red; - --color-fade-black-85: red; - --color-fade-white-10: red; - --color-fade-white-15: red; - --color-fade-white-30: red; - --color-fade-white-50: red; - --color-fade-white-70: red; - --color-fade-white-85: red; - --color-alert-info-text: #539bf5; - --color-alert-info-icon: #539bf5; - --color-alert-info-bg: rgba(65, 132, 228, 0.15); - --color-alert-info-border: rgba(65, 132, 228, 0.4); - --color-alert-warn-text: #c69026; - --color-alert-warn-icon: #c69026; - --color-alert-warn-bg: rgba(174, 124, 20, 0.15); - --color-alert-warn-border: rgba(174, 124, 20, 0.4); --color-alert-error-text: #e5534b; - --color-alert-error-icon: #e5534b; --color-alert-error-bg: rgba(229, 83, 75, 0.15); --color-alert-error-border: rgba(229, 83, 75, 0.4); - --color-alert-success-text: #57ab5a; - --color-alert-success-icon: #57ab5a; - --color-alert-success-bg: rgba(70, 149, 74, 0.15); - --color-alert-success-border: rgba(70, 149, 74, 0.4); - --color-autocomplete-shadow: 0 3px 6px #1c2128; - --color-autocomplete-row-border: #373e47; - --color-blankslate-icon: #768390; - --color-counter-text: #adbac7; - --color-counter-bg: rgba(99, 110, 123, 0.4); - --color-counter-primary-text: #cdd9e5; - --color-counter-primary-bg: #636e7b; --color-counter-secondary-text: #768390; --color-counter-secondary-bg: rgba(99, 110, 123, 0.1); - --color-box-blue-border: rgba(65, 132, 228, 0.4); - --color-box-row-yellow-bg: rgba(174, 124, 20, 0.15); - --color-box-row-blue-bg: rgba(65, 132, 228, 0.15); - --color-box-header-blue-bg: rgba(65, 132, 228, 0.15); - --color-box-header-blue-border: rgba(65, 132, 228, 0.4); --color-box-border-info: rgba(65, 132, 228, 0.4); - --color-box-bg-info: rgba(65, 132, 228, 0.15); - --color-box-border-warning: rgba(174, 124, 20, 0.4); - --color-box-bg-warning: rgba(174, 124, 20, 0.15); - --color-branch-name-text: #768390; - --color-branch-name-icon: #768390; - --color-branch-name-bg: rgba(99, 110, 123, 0.1); - --color-branch-name-link-text: #539bf5; - --color-branch-name-link-icon: #539bf5; - --color-branch-name-link-bg: rgba(65, 132, 228, 0.15); --color-markdown-code-bg: rgba(99, 110, 123, 0.1); - --color-markdown-frame-border: #444c56; - --color-markdown-blockquote-border: #444c56; - --color-markdown-table-border: #444c56; - --color-markdown-table-tr-border: #373e47; - --color-filter-item-bar-bg: rgba(99, 110, 123, 0.1); --color-hidden-text-expander-bg: rgba(99, 110, 123, 0.4); - --color-hidden-text-expander-bg-hover: rgba(65, 132, 228, 0.4); - --color-drag-and-drop-border: #444c56; - --color-upload-enabled-border: #444c56; - --color-upload-enabled-border-focused: #316dca; - --color-previewable-comment-form-border: #444c56; - --color-verified-badge-text: #57ab5a; - --color-verified-badge-bg: #22272e; - --color-verified-badge-border: #444c56; - --color-social-count-bg: #22272e; - --color-tooltip-text: #cdd9e5; - --color-tooltip-bg: #636e7b; - --color-search-keyword-hl: rgba(174, 124, 20, 0.15); - --color-files-explorer-icon: #539bf5; - --color-hl-author-bg: rgba(65, 132, 228, 0.15); - --color-hl-author-border: rgba(65, 132, 228, 0.4); - --color-logo-subdued: rgba(99, 110, 123, 0.4); - --color-discussion-border: rgba(70, 149, 74, 0.4); - --color-discussion-bg-success: #347d39; - --color-actions-workflow-table-sticky-bg: rgba(34, 39, 46, 0.95); - --color-repo-language-color-border: rgba(205, 217, 229, 0.2); - --color-code-selection-bg: rgba(65, 132, 228, 0.4); - --color-highlight-text: #adbac7; - --color-highlight-bg: rgba(174, 124, 20, 0.15); - --color-blob-line-highlight-bg: rgba(174, 124, 20, 0.15); - --color-blob-line-highlight-border: rgba(174, 124, 20, 0.4); - --color-topic-tag-text: #539bf5; - --color-topic-tag-bg: rgba(65, 132, 228, 0.15); - --color-topic-tag-hover-bg: rgba(65, 132, 228, 0.4); - --color-topic-tag-active-bg: rgba(65, 132, 228, 0.15); - --color-footer-invertocat-octicon: #545d68; - --color-footer-invertocat-octicon-hover: #768390; - --color-dropdown-shadow: 0 8px 24px #1c2128; --color-label-border: #444c56; - --color-label-primary-text: #adbac7; - --color-label-primary-border: #636e7b; - --color-label-secondary-text: #768390; - --color-label-secondary-border: #444c56; - --color-label-info-text: #539bf5; - --color-label-info-border: #316dca; - --color-label-success-text: #57ab5a; - --color-label-success-border: #347d39; - --color-label-warning-text: #c69026; - --color-label-warning-border: #966600; - --color-label-danger-text: #e5534b; - --color-label-danger-border: #c93c37; - --color-label-orange-text: #cc6b2c; - --color-label-orange-border: #ae5622; --color-input-bg: #22272e; --color-input-contrast-bg: #1c2128; --color-input-border: #444c56; - --color-input-shadow: 0 0 transparent; - --color-input-disabled-bg: rgba(99, 110, 123, 0.4); - --color-input-disabled-border: #444c56; - --color-input-warning-border: #966600; - --color-input-error-border: #c93c37; - --color-input-tooltip-success-text: #adbac7; - --color-input-tooltip-success-bg: rgba(70, 149, 74, 0.15); - --color-input-tooltip-success-border: rgba(70, 149, 74, 0.4); - --color-input-tooltip-warning-text: #adbac7; - --color-input-tooltip-warning-bg: rgba(174, 124, 20, 0.15); - --color-input-tooltip-warning-border: rgba(174, 124, 20, 0.4); - --color-input-tooltip-error-text: #adbac7; - --color-input-tooltip-error-bg: rgba(229, 83, 75, 0.15); - --color-input-tooltip-error-border: rgba(229, 83, 75, 0.4); - --color-toast-text: #adbac7; - --color-toast-bg: #22272e; - --color-toast-border: #444c56; - --color-toast-shadow: 0 8px 24px #1c2128; - --color-toast-icon: #cdd9e5; - --color-toast-icon-bg: #316dca; - --color-toast-icon-border: transparent; - --color-toast-success-text: #adbac7; - --color-toast-success-border: #444c56; - --color-toast-success-icon: #cdd9e5; - --color-toast-success-icon-bg: #347d39; - --color-toast-success-icon-border: transparent; - --color-toast-warning-text: #adbac7; - --color-toast-warning-border: #444c56; - --color-toast-warning-icon: #adbac7; - --color-toast-warning-icon-bg: #966600; - --color-toast-warning-icon-border: transparent; - --color-toast-danger-text: #adbac7; - --color-toast-danger-border: #444c56; - --color-toast-danger-icon: #cdd9e5; - --color-toast-danger-icon-bg: #c93c37; - --color-toast-danger-icon-border: transparent; - --color-toast-loading-text: #adbac7; - --color-toast-loading-border: #444c56; - --color-toast-loading-icon: #cdd9e5; - --color-toast-loading-icon-bg: #636e7b; - --color-toast-loading-icon-border: transparent; - --color-timeline-text: #768390; - --color-timeline-badge-bg: #2d333b; - --color-timeline-badge-success-border: transparent; - --color-timeline-target-badge-border: #316dca; - --color-timeline-target-badge-shadow: rgba(65, 132, 228, 0.4); - --color-diffstat-neutral-bg: rgba(99, 110, 123, 0.4); - --color-diffstat-neutral-border: rgba(205, 217, 229, 0.1); - --color-diffstat-deletion-bg: #c93c37; - --color-diffstat-addition-bg: #347d39; - --color-diffstat-deletion-border: rgba(205, 217, 229, 0.1); - --color-diffstat-addition-border: rgba(205, 217, 229, 0.1); - --color-diff-addition-text: #57ab5a; - --color-diff-addition-bg: rgba(70, 149, 74, 0.15); - --color-diff-addition-border: rgba(70, 149, 74, 0.4); - --color-diff-deletion-text: #e5534b; - --color-diff-deletion-bg: rgba(229, 83, 75, 0.15); - --color-diff-deletion-border: rgba(229, 83, 75, 0.4); - --color-diff-change-text: #c69026; - --color-diff-change-bg: rgba(174, 124, 20, 0.15); - --color-diff-change-border: rgba(174, 124, 20, 0.4); - --color-merge-box-success-icon-bg: #347d39; - --color-merge-box-success-icon-text: #cdd9e5; - --color-merge-box-success-icon-border: transparent; - --color-merge-box-success-indicator-bg: #347d39; - --color-merge-box-success-indicator-border: transparent; - --color-merge-box-merged-icon-bg: #8256d0; - --color-merge-box-merged-icon-text: #cdd9e5; - --color-merge-box-merged-icon-border: transparent; - --color-merge-box-merged-box-border: #8256d0; - --color-merge-box-neutral-icon-bg: #636e7b; - --color-merge-box-neutral-icon-text: #cdd9e5; - --color-merge-box-neutral-icon-border: transparent; - --color-merge-box-neutral-indicator-bg: #636e7b; - --color-merge-box-neutral-indicator-border: transparent; - --color-merge-box-warning-icon-bg: #966600; - --color-merge-box-warning-icon-text: #cdd9e5; - --color-merge-box-warning-icon-border: transparent; - --color-merge-box-warning-box-border: #966600; - --color-merge-box-warning-merge-highlight: transparent; - --color-merge-box-error-icon-bg: #c93c37; - --color-merge-box-error-icon-text: #cdd9e5; - --color-merge-box-error-icon-border: transparent; - --color-merge-box-error-indicator-bg: #c93c37; - --color-merge-box-error-indicator-border: transparent; - --color-underlinenav-border: transparent; - --color-underlinenav-border-hover: rgba(99, 110, 123, 0.4); - --color-underlinenav-border-active: #ec775c; - --color-underlinenav-text: #adbac7; - --color-underlinenav-text-hover: #adbac7; - --color-underlinenav-text-active: #adbac7; - --color-underlinenav-icon: #545d68; - --color-underlinenav-icon-hover: #545d68; - --color-underlinenav-icon-active: #adbac7; - --color-underlinenav-counter-text: #adbac7; - --color-underlinenav-counter-bg: rgba(99, 110, 123, 0.4); - --color-select-menu-border-secondary: #373e47; - --color-select-menu-shadow: 0 8px 24px #1c2128; - --color-select-menu-backdrop-bg: rgba(28, 33, 40, 0.8); - --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-sidenav-border-active: #ec775c; - --color-sidenav-selected-bg: #373e47; - --color-menu-heading-text: #adbac7; - --color-menu-border-active: #ec775c; - --color-menu-bg-active: #2d333b; - --color-project-card-bg: #2d333b; - --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-pr-state-draft-text: #cdd9e5; - --color-pr-state-draft-bg: #636e7b; - --color-pr-state-draft-border: transparent; - --color-pr-state-open-text: #cdd9e5; - --color-pr-state-open-bg: #347d39; - --color-pr-state-open-border: transparent; - --color-pr-state-merged-text: #cdd9e5; - --color-pr-state-merged-bg: #8256d0; - --color-pr-state-merged-border: transparent; - --color-pr-state-closed-text: #cdd9e5; - --color-pr-state-closed-bg: #c93c37; - --color-pr-state-closed-border: transparent; - --color-diff-blob-num-text: #768390; - --color-diff-blob-num-hover-text: #adbac7; - --color-diff-blob-addition-num-hover-text: #adbac7; - --color-diff-blob-addition-num-bg: rgba(70, 149, 74, 0.4); - --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-addition-num-text: #57ab5a; - --color-diff-blob-addition-fg: #adbac7; - --color-diff-blob-deletion-num-hover-text: #adbac7; - --color-diff-blob-deletion-num-bg: rgba(229, 83, 75, 0.4); - --color-diff-blob-deletion-line-bg: rgba(229, 83, 75, 0.15); - --color-diff-blob-deletion-word-bg: rgba(229, 83, 75, 0.4); - --color-diff-blob-deletion-num-text: #e5534b; - --color-diff-blob-deletion-fg: #adbac7; - --color-diff-blob-hunk-text: #768390; - --color-diff-blob-hunk-num-bg: rgba(65, 132, 228, 0.4); - --color-diff-blob-hunk-line-bg: rgba(65, 132, 228, 0.15); - --color-diff-blob-empty-block-bg: rgba(99, 110, 123, 0.1); - --color-diff-blob-selected-line-highlight-bg: rgba(174, 124, 20, 0.15); - --color-diff-blob-selected-line-highlight-border: rgba(174, 124, 20, 0.4); - --color-diff-blob-expander-hover-icon: #cdd9e5; - --color-diff-blob-expander-hover-bg: #316dca; - --color-diff-blob-expander-icon: #768390; - --color-diff-blob-comment-button-icon: #cdd9e5; - --color-diff-blob-comment-button-bg: #316dca; - --color-diff-blob-comment-button-gradient-bg: transparent; - --color-diff-blob-selected-line-highlight-mix-blend-mode: screen; - --color-global-nav-logo: red; - --color-global-nav-bg: red; - --color-global-nav-text: red; - --color-global-nav-icon: red; - --color-global-nav-input-bg: red; - --color-global-nav-input-border: red; - --color-global-nav-input-icon: red; - --color-global-nav-input-placeholder: red; - --color-intro-shelf-gradient-left: rgba(65, 132, 228, 0.15); - --color-intro-shelf-gradient-right: rgba(70, 149, 74, 0.15); - --color-intro-shelf-gradient-in: #22272e; - --color-intro-shelf-gradient-out: rgba(205, 217, 229, 0); - --color-marketing-icon-primary: #6cb6ff; - --color-marketing-icon-secondary: #316dca; - --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: #545d68; - --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: #545d68; - --color-checks-input-focus-text: #adbac7; - --color-checks-input-bg: #22272e; - --color-checks-input-shadow: 0 0 0 1px (obj) => get_1.default(obj, path); - --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: #545d68; - --color-checks-line-timestamp-text: #545d68; - --color-checks-line-hover-bg: rgba(99, 110, 123, 0.1); - --color-checks-line-selected-bg: rgba(65, 132, 228, 0.15); - --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: #545d68; - --color-checks-logline-debug-text: #986ee2; - --color-checks-logline-error-text: #768390; - --color-checks-logline-error-num-text: #545d68; - --color-checks-logline-error-bg: rgba(229, 83, 75, 0.15); - --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-header-search-bg: #22272e; - --color-header-search-border: #444c56; - --color-mktg-success: #3d8942; - --color-mktg-info: #3877d5; - --color-mktg-bg-shade-gradient-top: rgba(28, 33, 40, 0.065); - --color-mktg-bg-shade-gradient-bottom: rgba(28, 33, 40, 0); - --color-mktg-btn-bg-top: #617eef; - --color-mktg-btn-bg-bottom: #4969ed; - --color-mktg-btn-bg-overlay-top: #4968e4; - --color-mktg-btn-bg-overlay-bottom: #3355e0; - --color-mktg-btn-text: #cdd9e5; - --color-mktg-btn-primary-bg-top: #34b759; - --color-mktg-btn-primary-bg-bottom: #2ea44f; - --color-mktg-btn-primary-bg-overlay-top: #279b42; - --color-mktg-btn-primary-bg-overlay-bottom: #22863a; - --color-mktg-btn-primary-text: #cdd9e5; - --color-mktg-btn-enterprise-bg-top: #8670ff; - --color-mktg-btn-enterprise-bg-bottom: #6f57ff; - --color-mktg-btn-enterprise-bg-overlay-top: #7463de; - --color-mktg-btn-enterprise-bg-overlay-bottom: #614eda; - --color-mktg-btn-enterprise-text: #cdd9e5; - --color-mktg-btn-outline-text: #cdd9e5; - --color-mktg-btn-outline-border: rgba(205, 217, 229, 0.3); - --color-mktg-btn-outline-hover-text: #cdd9e5; - --color-mktg-btn-outline-hover-border: rgba(205, 217, 229, 0.5); - --color-mktg-btn-outline-focus-border: #cdd9e5; - --color-mktg-btn-outline-focus-border-inset: rgba(205, 217, 229, 0.5); - --color-mktg-btn-dark-text: #cdd9e5; - --color-mktg-btn-dark-border: rgba(205, 217, 229, 0.3); - --color-mktg-btn-dark-hover-text: #cdd9e5; - --color-mktg-btn-dark-hover-border: rgba(205, 217, 229, 0.5); - --color-mktg-btn-dark-focus-border: #cdd9e5; - --color-mktg-btn-dark-focus-border-inset: rgba(205, 217, 229, 0.5); - --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: -2px -2px 0 #22272e; - --color-overlay-shadow: 0 0 0 1px #444c56, 0 16px 32px rgba(28, 33, 40, 0.85); - --color-header-text: rgba(205, 217, 229, 0.7); - --color-header-bg: #2d333b; - --color-header-logo: #cdd9e5; - --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); @@ -630,13 +46,6 @@ https://github.com/primer/primitives/blob/main/LICENSE --color-btn-hover-border: #768390; --color-btn-active-bg: #3d444d; --color-btn-active-border: #636e7b; - --color-btn-selected-bg: #2d333b; - --color-btn-focus-bg: #373e47; - --color-btn-focus-border: #768390; - --color-btn-focus-shadow: 0 0 0 3px rgba(118, 131, 144, 0.3); - --color-btn-shadow-active: inset 0 0.15em 0.3em rgba(28, 33, 40, 0.15); - --color-btn-shadow-input-focus: 0 0 0 0.2em rgba(49, 109, 202, 0.3); - --color-btn-counter-bg: #444c56; --color-btn-primary-text: #fff; --color-btn-primary-bg: #347d39; --color-btn-primary-border: rgba(205, 217, 229, 0.1); @@ -649,239 +58,18 @@ https://github.com/primer/primitives/blob/main/LICENSE --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-focus-bg: #347d39; - --color-btn-primary-focus-border: rgba(205, 217, 229, 0.1); - --color-btn-primary-focus-shadow: 0 0 0 3px rgba(46, 164, 79, 0.4); - --color-btn-primary-icon: #cdd9e5; - --color-btn-primary-counter-bg: rgba(205, 217, 229, 0.2); - --color-btn-outline-text: #539bf5; - --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(205, 217, 229, 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-focus-border: rgba(205, 217, 229, 0.1); - --color-btn-outline-focus-shadow: 0 0 0 3px rgba(37, 90, 178, 0.4); - --color-btn-outline-counter-bg: rgba(49, 109, 202, 0.1); - --color-btn-danger-text: #e5534b; - --color-btn-danger-hover-text: #22272e; - --color-btn-danger-hover-bg: #c93c37; - --color-btn-danger-hover-border: #ff938a; - --color-btn-danger-hover-shadow: 0 0 transparent; - --color-btn-danger-hover-inset-shadow: 0 0 transparent; - --color-btn-danger-hover-icon: #22272e; - --color-btn-danger-hover-counter-bg: rgba(255, 255, 255, 0.2); - --color-btn-danger-selected-text: #fff; - --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-focus-border: #e5534b; - --color-btn-danger-focus-shadow: 0 0 0 3px rgba(229, 83, 75, 0.4); - --color-btn-danger-counter-bg: rgba(201, 60, 55, 0.1); - --color-btn-danger-icon: #e5534b; - --color-fg-default: #adbac7; - --color-fg-muted: #768390; - --color-fg-subtle: #545d68; - --color-fg-on-emphasis: #cdd9e5; - --color-canvas-default: #22272e; - --color-canvas-overlay: #2d333b; - --color-canvas-inset: #1c2128; - --color-canvas-subtle: #2d333b; - --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.15); - --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.15); - --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.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.15); - --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.15); - --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-primer-shadow-focus: 0 0 0 3px #143d79; - --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: #78191b; - --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; /* Extensions from color-modes.scss */ - --color-workflow-card-connector: var(--color-scale-gray-5); - --color-workflow-card-connector-bg: var(--color-scale-gray-5); - --color-workflow-card-connector-inactive: var(--color-border-primary); - --color-workflow-card-connector-inactive-bg: var(--color-border-primary); - --color-workflow-card-connector-highlight: var(--color-scale-blue-5); - --color-workflow-card-connector-highlight-bg: var(--color-scale-blue-5); - --color-workflow-card-bg: var(--color-scale-gray-7); - --color-workflow-card-inactive-bg: var(--color-bg-canvas-inset); - --color-workflow-card-header-shadow: rgba(27, 31, 35, 0.04); - --color-workflow-card-progress-complete-bg: var(--color-scale-blue-5); - --color-workflow-card-progress-incomplete-bg: var(--color-scale-gray-6); - --color-discussions-answer-border: rgba(var(--color-scale-green-3), 0.3); - --color-discussions-answer-icon: var(--color-scale-green-3); - --color-discussions-answer-text: var(--color-scale-green-3); - --color-discussions-state-answered-icon: var(--color-scale-green-3); - --color-bg-discussions-row-emoji-box: var(--color-scale-gray-6); --color-upvote-icon-bg: var(--color-scale-blue-8); - --color-downvote-icon-bg: var(--color-scale-red-8); - --color-search-hover-hl: var(--color-scale-gray-8); - --color-notifications-button-text: var(--color-text-white); - --color-notifications-button-hover-text: var(--color-text-white); - --color-notifications-button-hover-bg: var(--color-scale-blue-4); - --color-notifications-row-read-bg: var(--color-bg-primary); - --color-notifications-row-bg: var(--color-bg-tertiary); - --color-page-header-bg: var(--color-bg-canvas); - --color-timeline-merged-bg: var(--color-scale-purple-6); - --color-current-user-tip-bg: var(--color-box-bg-info); - --color-current-user-tip-border: #1f477e; - --color-icon-directory: var(--color-fg-muted, var(--color-files-explorer-icon)); - --color-calendar-halloween-graph-day-L1-bg: #631c03; - --color-calendar-halloween-graph-day-L2-bg: #bd561d; - --color-calendar-halloween-graph-day-L3-bg: #fa7a18; - --color-calendar-halloween-graph-day-L4-bg: #fddf68; - --color-calendar-graph-day-bg: var(--color-scale-gray-8); - --color-calendar-graph-day-border: rgba(27, 31, 35, 0.06); - --color-calendar-graph-day-L1-bg: #0e4429; - --color-calendar-graph-day-L2-bg: #006d32; - --color-calendar-graph-day-L3-bg: #26a641; - --color-calendar-graph-day-L4-bg: #39d353; - --color-calendar-graph-day-L1-border: hsla(0, 0%, 100%, 0.05); - --color-calendar-graph-day-L2-border: hsla(0, 0%, 100%, 0.05); - --color-calendar-graph-day-L3-border: hsla(0, 0%, 100%, 0.05); - --color-calendar-graph-day-L4-border: hsla(0, 0%, 100%, 0.05); - --color-text-white: var(--color-scale-white); - - --color-social-reaction-border: var(--color-scale-blue-8); - --color-social-reaction-bg: var(--color-scale-gray-8); - --color-social-reaction-bg-hover: var(--color-scale-gray-7); - --color-social-reaction-bg-reacted-hover: var(--color-scale-blue-8); } -[data-theme='dark_dimmed'] .pagination-loader-container { +main .pagination-loader-container { background-image: url(https://github.com/images/modules/pulls/progressive-disclosure-line-dark.svg); } + +/*! Custom CSS */ + +main { + color-scheme: dark; +} diff --git a/styles/themes/dark_high_contrast.css b/styles/themes/dark_high_contrast.css index 454eb1078..00691813f 100644 --- a/styles/themes/dark_high_contrast.css +++ b/styles/themes/dark_high_contrast.css @@ -1,626 +1,46 @@ @import 'github-syntax-dark/lib/github-dark.css'; -/* +/*! MIT License + * Copyright (c) 2018 GitHub Inc. + * https://github.com/primer/primitives/blob/main/LICENSE + */ -MIT License -Copyright (c) 2018 GitHub Inc. -https://github.com/primer/primitives/blob/main/LICENSE - -*/ - -[data-theme='dark_high_contrast'] { +main { color-scheme: dark; } -[data-theme='dark_high_contrast'] { - --color-auto-black: red; - --color-auto-white: red; - --color-auto-gray-0: red; - --color-auto-gray-1: red; - --color-auto-gray-2: red; - --color-auto-gray-3: red; - --color-auto-gray-4: red; - --color-auto-gray-5: red; - --color-auto-gray-6: red; - --color-auto-gray-7: red; - --color-auto-gray-8: red; - --color-auto-gray-9: red; - --color-auto-blue-0: red; - --color-auto-blue-1: red; - --color-auto-blue-2: red; - --color-auto-blue-3: red; - --color-auto-blue-4: red; - --color-auto-blue-5: red; - --color-auto-blue-6: red; - --color-auto-blue-7: red; - --color-auto-blue-8: red; - --color-auto-blue-9: red; - --color-auto-green-0: red; - --color-auto-green-1: red; - --color-auto-green-2: red; - --color-auto-green-3: red; - --color-auto-green-4: red; - --color-auto-green-5: red; - --color-auto-green-6: red; - --color-auto-green-7: red; - --color-auto-green-8: red; - --color-auto-green-9: red; - --color-auto-yellow-0: red; - --color-auto-yellow-1: red; - --color-auto-yellow-2: red; - --color-auto-yellow-3: red; - --color-auto-yellow-4: red; - --color-auto-yellow-5: red; - --color-auto-yellow-6: red; - --color-auto-yellow-7: red; - --color-auto-yellow-8: red; - --color-auto-yellow-9: red; - --color-auto-orange-0: red; - --color-auto-orange-1: red; - --color-auto-orange-2: red; - --color-auto-orange-3: red; - --color-auto-orange-4: red; - --color-auto-orange-5: red; - --color-auto-orange-6: red; - --color-auto-orange-7: red; - --color-auto-orange-8: red; - --color-auto-orange-9: red; - --color-auto-red-0: red; - --color-auto-red-1: red; - --color-auto-red-2: red; - --color-auto-red-3: red; - --color-auto-red-4: red; - --color-auto-red-5: red; - --color-auto-red-6: red; - --color-auto-red-7: red; - --color-auto-red-8: red; - --color-auto-red-9: red; - --color-auto-purple-0: red; - --color-auto-purple-1: red; - --color-auto-purple-2: red; - --color-auto-purple-3: red; - --color-auto-purple-4: red; - --color-auto-purple-5: red; - --color-auto-purple-6: red; - --color-auto-purple-7: red; - --color-auto-purple-8: red; - --color-auto-purple-9: red; - --color-auto-pink-0: red; - --color-auto-pink-1: red; - --color-auto-pink-2: red; - --color-auto-pink-3: red; - --color-auto-pink-4: red; - --color-auto-pink-5: red; - --color-auto-pink-6: red; - --color-auto-pink-7: red; - --color-auto-pink-8: red; - --color-auto-pink-9: red; +main { --color-text-primary: #f0f3f6; --color-text-secondary: #f0f3f6; --color-text-tertiary: #f0f3f6; - --color-text-placeholder: #7a828e; - --color-text-disabled: #7a828e; - --color-text-inverse: #0a0c10; --color-text-link: #71b7ff; --color-text-danger: #ff6a69; --color-text-success: #26cd41; - --color-text-warning: #f0b72f; - --color-text-white: red; - --color-icon-primary: #f0f3f6; - --color-icon-secondary: #f0f3f6; - --color-icon-tertiary: #f0f3f6; - --color-icon-info: #71b7ff; - --color-icon-danger: #ff6a69; - --color-icon-success: #26cd41; - --color-icon-warning: #f0b72f; --color-border-primary: #7a828e; --color-border-secondary: #7a828e; --color-border-tertiary: rgba(158, 167, 179, 0.4); - --color-border-overlay: #7a828e; - --color-border-inverse: #0a0c10; --color-border-info: #409eff; - --color-border-danger: #ff6a69; - --color-border-success: #09b432; - --color-border-warning: #e09b13; - --color-border-default: #7a828e; - --color-border-muted: #7a828e; - --color-border-subtle: #7a828e; --color-bg-canvas: #0a0c10; - --color-bg-canvas-mobile: transparent; - --color-bg-canvas-inverse: #9ea7b3; --color-bg-canvas-inset: #010409; --color-bg-primary: #0a0c10; --color-bg-secondary: #272b33; --color-bg-tertiary: #272b33; --color-bg-overlay: #272b33; - --color-bg-backdrop: rgba(1, 4, 9, 0.8); --color-bg-info: rgba(64, 158, 255, 0.15); - --color-bg-info-inverse: #409eff; - --color-bg-danger: rgba(255, 106, 105, 0.15); - --color-bg-danger-inverse: #ff6a69; - --color-bg-success: rgba(9, 180, 50, 0.15); - --color-bg-success-inverse: #09b432; - --color-bg-warning: rgba(224, 155, 19, 0.15); - --color-bg-warning-inverse: #e09b13; - --color-shadow-highlight: 0 0 transparent; - --color-shadow-inset: 0 0 transparent; - --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-state-hover-primary-bg: #409eff; - --color-state-hover-primary-border: #409eff; - --color-state-hover-primary-text: #0a0c10; - --color-state-hover-primary-icon: #0a0c10; - --color-state-hover-secondary-bg: rgba(158, 167, 179, 0.1); - --color-state-hover-secondary-border: rgba(158, 167, 179, 0.1); - --color-state-selected-primary-bg: #409eff; - --color-state-selected-primary-border: #409eff; - --color-state-selected-primary-text: #0a0c10; - --color-state-selected-primary-icon: #0a0c10; --color-state-focus-border: #409eff; --color-state-focus-shadow: 0 0 0 3px #1e60d5; - --color-fade-fg-10: red; - --color-fade-fg-15: red; - --color-fade-fg-30: red; - --color-fade-fg-50: red; - --color-fade-fg-70: red; - --color-fade-fg-85: red; - --color-fade-black-10: red; - --color-fade-black-15: red; - --color-fade-black-30: red; - --color-fade-black-50: red; - --color-fade-black-70: red; - --color-fade-black-85: red; - --color-fade-white-10: red; - --color-fade-white-15: red; - --color-fade-white-30: red; - --color-fade-white-50: red; - --color-fade-white-70: red; - --color-fade-white-85: red; - --color-alert-info-text: #71b7ff; - --color-alert-info-icon: #71b7ff; - --color-alert-info-bg: rgba(64, 158, 255, 0.15); - --color-alert-info-border: #409eff; - --color-alert-warn-text: #f0b72f; - --color-alert-warn-icon: #f0b72f; - --color-alert-warn-bg: rgba(224, 155, 19, 0.15); - --color-alert-warn-border: #e09b13; --color-alert-error-text: #ff6a69; - --color-alert-error-icon: #ff6a69; --color-alert-error-bg: rgba(255, 106, 105, 0.15); --color-alert-error-border: #ff6a69; - --color-alert-success-text: #26cd41; - --color-alert-success-icon: #26cd41; - --color-alert-success-bg: rgba(9, 180, 50, 0.15); - --color-alert-success-border: #09b432; - --color-autocomplete-shadow: 0 3px 6px #010409; - --color-autocomplete-row-border: #7a828e; - --color-blankslate-icon: #f0f3f6; - --color-counter-text: #f0f3f6; - --color-counter-bg: rgba(158, 167, 179, 0.4); - --color-counter-primary-text: #0a0c10; - --color-counter-primary-bg: #9ea7b3; --color-counter-secondary-text: #f0f3f6; --color-counter-secondary-bg: rgba(158, 167, 179, 0.1); - --color-box-blue-border: #409eff; - --color-box-row-yellow-bg: rgba(224, 155, 19, 0.15); - --color-box-row-blue-bg: rgba(64, 158, 255, 0.15); - --color-box-header-blue-bg: rgba(64, 158, 255, 0.15); - --color-box-header-blue-border: #409eff; --color-box-border-info: #409eff; - --color-box-bg-info: rgba(64, 158, 255, 0.15); - --color-box-border-warning: #e09b13; - --color-box-bg-warning: rgba(224, 155, 19, 0.15); - --color-branch-name-text: #f0f3f6; - --color-branch-name-icon: #f0f3f6; - --color-branch-name-bg: rgba(158, 167, 179, 0.1); - --color-branch-name-link-text: #71b7ff; - --color-branch-name-link-icon: #71b7ff; - --color-branch-name-link-bg: rgba(64, 158, 255, 0.15); --color-markdown-code-bg: rgba(158, 167, 179, 0.1); - --color-markdown-frame-border: #7a828e; - --color-markdown-blockquote-border: #7a828e; - --color-markdown-table-border: #7a828e; - --color-markdown-table-tr-border: #7a828e; - --color-filter-item-bar-bg: rgba(158, 167, 179, 0.1); --color-hidden-text-expander-bg: rgba(158, 167, 179, 0.4); - --color-hidden-text-expander-bg-hover: #409eff; - --color-drag-and-drop-border: #7a828e; - --color-upload-enabled-border: #7a828e; - --color-upload-enabled-border-focused: #409eff; - --color-previewable-comment-form-border: #7a828e; - --color-verified-badge-text: #26cd41; - --color-verified-badge-bg: #0a0c10; - --color-verified-badge-border: #7a828e; - --color-social-count-bg: #0a0c10; - --color-tooltip-text: #0a0c10; - --color-tooltip-bg: #9ea7b3; - --color-search-keyword-hl: rgba(224, 155, 19, 0.15); - --color-files-explorer-icon: #71b7ff; - --color-hl-author-bg: rgba(64, 158, 255, 0.15); - --color-hl-author-border: #409eff; - --color-logo-subdued: rgba(158, 167, 179, 0.4); - --color-discussion-border: #09b432; - --color-discussion-bg-success: #09b432; - --color-actions-workflow-table-sticky-bg: rgba(10, 12, 16, 0.95); - --color-repo-language-color-border: rgba(255, 255, 255, 0.2); - --color-code-selection-bg: #409eff; - --color-highlight-text: #f0f3f6; - --color-highlight-bg: rgba(224, 155, 19, 0.15); - --color-blob-line-highlight-bg: rgba(224, 155, 19, 0.15); - --color-blob-line-highlight-border: #e09b13; - --color-topic-tag-text: #71b7ff; - --color-topic-tag-bg: rgba(64, 158, 255, 0.15); - --color-topic-tag-hover-bg: #409eff; - --color-topic-tag-active-bg: rgba(64, 158, 255, 0.15); - --color-footer-invertocat-octicon: #7a828e; - --color-footer-invertocat-octicon-hover: #f0f3f6; - --color-dropdown-shadow: 0 8px 24px #010409; --color-label-border: #7a828e; - --color-label-primary-text: #f0f3f6; - --color-label-primary-border: #9ea7b3; - --color-label-secondary-text: #f0f3f6; - --color-label-secondary-border: #7a828e; - --color-label-info-text: #71b7ff; - --color-label-info-border: #409eff; - --color-label-success-text: #26cd41; - --color-label-success-border: #09b432; - --color-label-warning-text: #f0b72f; - --color-label-warning-border: #e09b13; - --color-label-danger-text: #ff6a69; - --color-label-danger-border: #ff6a69; - --color-label-orange-text: #e7811d; - --color-label-orange-border: #e7811d; --color-input-bg: #0a0c10; --color-input-contrast-bg: #010409; --color-input-border: #7a828e; - --color-input-shadow: 0 0 transparent; - --color-input-disabled-bg: rgba(158, 167, 179, 0.4); - --color-input-disabled-border: #7a828e; - --color-input-warning-border: #e09b13; - --color-input-error-border: #ff6a69; - --color-input-tooltip-success-text: #f0f3f6; - --color-input-tooltip-success-bg: rgba(9, 180, 50, 0.15); - --color-input-tooltip-success-border: #09b432; - --color-input-tooltip-warning-text: #f0f3f6; - --color-input-tooltip-warning-bg: rgba(224, 155, 19, 0.15); - --color-input-tooltip-warning-border: #e09b13; - --color-input-tooltip-error-text: #f0f3f6; - --color-input-tooltip-error-bg: rgba(255, 106, 105, 0.15); - --color-input-tooltip-error-border: #ff6a69; - --color-toast-text: #f0f3f6; - --color-toast-bg: #0a0c10; - --color-toast-border: #7a828e; - --color-toast-shadow: 0 8px 24px #010409; - --color-toast-icon: #0a0c10; - --color-toast-icon-bg: #409eff; - --color-toast-icon-border: transparent; - --color-toast-success-text: #f0f3f6; - --color-toast-success-border: #7a828e; - --color-toast-success-icon: #0a0c10; - --color-toast-success-icon-bg: #09b432; - --color-toast-success-icon-border: transparent; - --color-toast-warning-text: #f0f3f6; - --color-toast-warning-border: #7a828e; - --color-toast-warning-icon: #f0f3f6; - --color-toast-warning-icon-bg: #e09b13; - --color-toast-warning-icon-border: transparent; - --color-toast-danger-text: #f0f3f6; - --color-toast-danger-border: #7a828e; - --color-toast-danger-icon: #0a0c10; - --color-toast-danger-icon-bg: #ff6a69; - --color-toast-danger-icon-border: transparent; - --color-toast-loading-text: #f0f3f6; - --color-toast-loading-border: #7a828e; - --color-toast-loading-icon: #0a0c10; - --color-toast-loading-icon-bg: #9ea7b3; - --color-toast-loading-icon-border: transparent; - --color-timeline-text: #f0f3f6; - --color-timeline-badge-bg: #272b33; - --color-timeline-badge-success-border: transparent; - --color-timeline-target-badge-border: #409eff; - --color-timeline-target-badge-shadow: #409eff; - --color-diffstat-neutral-bg: rgba(158, 167, 179, 0.4); - --color-diffstat-neutral-border: #7a828e; - --color-diffstat-deletion-bg: #ff6a69; - --color-diffstat-addition-bg: #09b432; - --color-diffstat-deletion-border: #ffb1af; - --color-diffstat-addition-border: #4ae15e; - --color-diff-addition-text: #26cd41; - --color-diff-addition-bg: rgba(9, 180, 50, 0.15); - --color-diff-addition-border: #09b432; - --color-diff-deletion-text: #ff6a69; - --color-diff-deletion-bg: rgba(255, 106, 105, 0.15); - --color-diff-deletion-border: #ff6a69; - --color-diff-change-text: #f0b72f; - --color-diff-change-bg: rgba(224, 155, 19, 0.15); - --color-diff-change-border: #e09b13; - --color-merge-box-success-icon-bg: #09b432; - --color-merge-box-success-icon-text: #0a0c10; - --color-merge-box-success-icon-border: transparent; - --color-merge-box-success-indicator-bg: #09b432; - --color-merge-box-success-indicator-border: transparent; - --color-merge-box-merged-icon-bg: #b87fff; - --color-merge-box-merged-icon-text: #0a0c10; - --color-merge-box-merged-icon-border: transparent; - --color-merge-box-merged-box-border: #b87fff; - --color-merge-box-neutral-icon-bg: #9ea7b3; - --color-merge-box-neutral-icon-text: #0a0c10; - --color-merge-box-neutral-icon-border: transparent; - --color-merge-box-neutral-indicator-bg: #9ea7b3; - --color-merge-box-neutral-indicator-border: transparent; - --color-merge-box-warning-icon-bg: #e09b13; - --color-merge-box-warning-icon-text: #0a0c10; - --color-merge-box-warning-icon-border: transparent; - --color-merge-box-warning-box-border: #e09b13; - --color-merge-box-warning-merge-highlight: transparent; - --color-merge-box-error-icon-bg: #ff6a69; - --color-merge-box-error-icon-text: #0a0c10; - --color-merge-box-error-icon-border: transparent; - --color-merge-box-error-indicator-bg: #ff6a69; - --color-merge-box-error-indicator-border: transparent; - --color-underlinenav-border: transparent; - --color-underlinenav-border-hover: rgba(158, 167, 179, 0.4); - --color-underlinenav-border-active: #ff967d; - --color-underlinenav-text: #f0f3f6; - --color-underlinenav-text-hover: #f0f3f6; - --color-underlinenav-text-active: #f0f3f6; - --color-underlinenav-icon: #7a828e; - --color-underlinenav-icon-hover: #7a828e; - --color-underlinenav-icon-active: #f0f3f6; - --color-underlinenav-counter-text: #f0f3f6; - --color-underlinenav-counter-bg: rgba(158, 167, 179, 0.4); - --color-select-menu-border-secondary: #7a828e; - --color-select-menu-shadow: 0 8px 24px #010409; - --color-select-menu-backdrop-bg: rgba(1, 4, 9, 0.8); - --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-sidenav-border-active: #ff967d; - --color-sidenav-selected-bg: #272b33; - --color-menu-heading-text: #f0f3f6; - --color-menu-border-active: #ff967d; - --color-menu-bg-active: #272b33; - --color-project-card-bg: #272b33; - --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-pr-state-draft-text: #0a0c10; - --color-pr-state-draft-bg: #9ea7b3; - --color-pr-state-draft-border: transparent; - --color-pr-state-open-text: #0a0c10; - --color-pr-state-open-bg: #09b432; - --color-pr-state-open-border: transparent; - --color-pr-state-merged-text: #0a0c10; - --color-pr-state-merged-bg: #b87fff; - --color-pr-state-merged-border: transparent; - --color-pr-state-closed-text: #0a0c10; - --color-pr-state-closed-bg: #ff6a69; - --color-pr-state-closed-border: transparent; - --color-diff-blob-num-text: #f0f3f6; - --color-diff-blob-num-hover-text: #f0f3f6; - --color-diff-blob-addition-num-hover-text: #f0f3f6; - --color-diff-blob-addition-num-bg: #09b432; - --color-diff-blob-addition-line-bg: rgba(9, 180, 50, 0.15); - --color-diff-blob-addition-word-bg: #09b432; - --color-diff-blob-addition-num-text: #0a0c10; - --color-diff-blob-addition-fg: #0a0c10; - --color-diff-blob-deletion-num-hover-text: #f0f3f6; - --color-diff-blob-deletion-num-bg: #ff6a69; - --color-diff-blob-deletion-line-bg: rgba(255, 106, 105, 0.15); - --color-diff-blob-deletion-word-bg: #ff6a69; - --color-diff-blob-deletion-num-text: #0a0c10; - --color-diff-blob-deletion-fg: #0a0c10; - --color-diff-blob-hunk-text: #f0f3f6; - --color-diff-blob-hunk-num-bg: #409eff; - --color-diff-blob-hunk-line-bg: rgba(64, 158, 255, 0.15); - --color-diff-blob-empty-block-bg: rgba(158, 167, 179, 0.1); - --color-diff-blob-selected-line-highlight-bg: rgba(224, 155, 19, 0.15); - --color-diff-blob-selected-line-highlight-border: #e09b13; - --color-diff-blob-expander-hover-icon: #0a0c10; - --color-diff-blob-expander-hover-bg: #409eff; - --color-diff-blob-expander-icon: #0a0c10; - --color-diff-blob-comment-button-icon: #0a0c10; - --color-diff-blob-comment-button-bg: #409eff; - --color-diff-blob-comment-button-gradient-bg: transparent; - --color-diff-blob-selected-line-highlight-mix-blend-mode: screen; - --color-global-nav-logo: red; - --color-global-nav-bg: red; - --color-global-nav-text: red; - --color-global-nav-icon: red; - --color-global-nav-input-bg: red; - --color-global-nav-input-border: red; - --color-global-nav-input-icon: red; - --color-global-nav-input-placeholder: red; - --color-intro-shelf-gradient-left: rgba(64, 158, 255, 0.15); - --color-intro-shelf-gradient-right: rgba(9, 180, 50, 0.15); - --color-intro-shelf-gradient-in: #0a0c10; - --color-intro-shelf-gradient-out: rgba(255, 255, 255, 0); - --color-marketing-icon-primary: #91cbff; - --color-marketing-icon-secondary: #409eff; - --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: #72f07e; - --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: #fff; - --color-prettylights-syntax-invalid-illegal-bg: #e82a2f; - --color-prettylights-syntax-carriage-return-text: #fff; - --color-prettylights-syntax-carriage-return-bg: #ff4445; - --color-prettylights-syntax-string-regexp: #72f07e; - --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: #adf7b2; - --color-prettylights-syntax-markup-inserted-bg: #007723; - --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: #7a828e; - --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: #7a828e; - --color-checks-input-focus-text: #f0f3f6; - --color-checks-input-bg: #0a0c10; - --color-checks-input-shadow: 0 0 0 1px (obj) => get_1.default(obj, path); - --color-checks-donut-error: #ff6a69; - --color-checks-donut-pending: #f0b72f; - --color-checks-donut-success: #09b432; - --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: #7a828e; - --color-checks-line-timestamp-text: #7a828e; - --color-checks-line-hover-bg: rgba(158, 167, 179, 0.1); - --color-checks-line-selected-bg: rgba(64, 158, 255, 0.15); - --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: #7a828e; - --color-checks-logline-debug-text: #b780ff; - --color-checks-logline-error-text: #f0f3f6; - --color-checks-logline-error-num-text: #7a828e; - --color-checks-logline-error-bg: rgba(255, 106, 105, 0.15); - --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: #26cd41; - --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: #26cd41; - --color-checks-ansi-green-bright: #4ae15e; - --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-header-search-bg: #0a0c10; - --color-header-search-border: #525964; - --color-mktg-success: #09b432; - --color-mktg-info: #409eff; - --color-mktg-bg-shade-gradient-top: rgba(1, 4, 9, 0.065); - --color-mktg-bg-shade-gradient-bottom: rgba(1, 4, 9, 0); - --color-mktg-btn-bg-top: #617eef; - --color-mktg-btn-bg-bottom: #4969ed; - --color-mktg-btn-bg-overlay-top: #4968e4; - --color-mktg-btn-bg-overlay-bottom: #3355e0; - --color-mktg-btn-text: #fff; - --color-mktg-btn-primary-bg-top: #34b759; - --color-mktg-btn-primary-bg-bottom: #2ea44f; - --color-mktg-btn-primary-bg-overlay-top: #279b42; - --color-mktg-btn-primary-bg-overlay-bottom: #22863a; - --color-mktg-btn-primary-text: #fff; - --color-mktg-btn-enterprise-bg-top: #8670ff; - --color-mktg-btn-enterprise-bg-bottom: #6f57ff; - --color-mktg-btn-enterprise-bg-overlay-top: #7463de; - --color-mktg-btn-enterprise-bg-overlay-bottom: #614eda; - --color-mktg-btn-enterprise-text: #fff; - --color-mktg-btn-outline-text: #fff; - --color-mktg-btn-outline-border: rgba(255, 255, 255, 0.3); - --color-mktg-btn-outline-hover-text: #fff; - --color-mktg-btn-outline-hover-border: rgba(255, 255, 255, 0.5); - --color-mktg-btn-outline-focus-border: #fff; - --color-mktg-btn-outline-focus-border-inset: rgba(255, 255, 255, 0.5); - --color-mktg-btn-dark-text: #fff; - --color-mktg-btn-dark-border: rgba(255, 255, 255, 0.3); - --color-mktg-btn-dark-hover-text: #fff; - --color-mktg-btn-dark-hover-border: rgba(255, 255, 255, 0.5); - --color-mktg-btn-dark-focus-border: #fff; - --color-mktg-btn-dark-focus-border-inset: rgba(255, 255, 255, 0.5); - --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: -2px -2px 0 #0a0c10; - --color-overlay-shadow: 0 0 0 1px #525964, 0 16px 32px rgba(1, 4, 9, 0.85); - --color-header-text: rgba(255, 255, 255, 0.7); - --color-header-bg: #272b33; - --color-header-logo: #fff; - --color-ansi-black: #7a828e; - --color-ansi-black-bright: #9ea7b3; - --color-ansi-white: #d9dee3; - --color-ansi-white-bright: #fff; - --color-ansi-gray: #9ea7b3; - --color-ansi-red: #ff9492; - --color-ansi-red-bright: #ffb1af; - --color-ansi-green: #26cd41; - --color-ansi-green-bright: #4ae15e; - --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; @@ -630,13 +50,6 @@ https://github.com/primer/primitives/blob/main/LICENSE --color-btn-hover-border: #bdc4cc; --color-btn-active-bg: #4c525d; --color-btn-active-border: #9ea7b3; - --color-btn-selected-bg: #272b33; - --color-btn-focus-bg: #272b33; - --color-btn-focus-border: #bdc4cc; - --color-btn-focus-shadow: 0 0 0 3px rgba(189, 196, 204, 0.3); - --color-btn-shadow-active: inset 0 0.15em 0.3em rgba(1, 4, 9, 0.15); - --color-btn-shadow-input-focus: 0 0 0 0.2em rgba(64, 158, 255, 0.3); - --color-btn-counter-bg: #525964; --color-btn-primary-text: #0a0c10; --color-btn-primary-bg: #09b432; --color-btn-primary-border: #4ae15e; @@ -649,239 +62,12 @@ https://github.com/primer/primitives/blob/main/LICENSE --color-btn-primary-disabled-text: rgba(10, 12, 16, 0.5); --color-btn-primary-disabled-bg: rgba(9, 180, 50, 0.6); --color-btn-primary-disabled-border: rgba(74, 225, 94, 0.4); - --color-btn-primary-focus-bg: #09b432; - --color-btn-primary-focus-border: #7a828e; - --color-btn-primary-focus-shadow: 0 0 0 3px rgba(46, 164, 79, 0.4); - --color-btn-primary-icon: #0a0c10; - --color-btn-primary-counter-bg: rgba(1, 4, 9, 0.15); - --color-btn-outline-text: #71b7ff; - --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(255, 255, 255, 0.2); - --color-btn-outline-selected-text: #fff; - --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-focus-border: #7a828e; - --color-btn-outline-focus-shadow: 0 0 0 3px rgba(49, 139, 248, 0.4); - --color-btn-outline-counter-bg: rgba(64, 158, 255, 0.1); - --color-btn-danger-text: #ff6a69; - --color-btn-danger-hover-text: #0a0c10; - --color-btn-danger-hover-bg: #ff6a69; - --color-btn-danger-hover-border: #ffb1af; - --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: #fff; - --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-focus-border: #ff6a69; - --color-btn-danger-focus-shadow: 0 0 0 3px rgba(255, 106, 105, 0.4); - --color-btn-danger-counter-bg: rgba(1, 4, 9, 0.15); - --color-btn-danger-icon: #ff6a69; - --color-fg-default: #f0f3f6; - --color-fg-muted: #f0f3f6; - --color-fg-subtle: #7a828e; - --color-fg-on-emphasis: #0a0c10; - --color-canvas-default: #0a0c10; - --color-canvas-overlay: #272b33; - --color-canvas-inset: #010409; - --color-canvas-subtle: #272b33; - --color-neutral-emphasis-plus: #9ea7b3; - --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.15); - --color-success-fg: #26cd41; - --color-success-emphasis: #09b432; - --color-success-muted: #09b432; - --color-success-subtle: rgba(9, 180, 50, 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.15); - --color-danger-fg: #ff6a69; - --color-danger-emphasis: #ff6a69; - --color-danger-muted: #ff6a69; - --color-danger-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.15); - --color-sponsors-fg: #ef6eb1; - --color-sponsors-emphasis: #ef6eb1; - --color-sponsors-muted: #ef6eb1; - --color-sponsors-subtle: rgba(239, 110, 177, 0.15); - --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-primer-shadow-focus: 0 0 0 3px #1e60d5; - --color-scale-black: #010409; - --color-scale-white: #fff; - --color-scale-gray-0: #fff; - --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: #adf7b2; - --color-scale-green-1: #72f07e; - --color-scale-green-2: #4ae15e; - --color-scale-green-3: #26cd41; - --color-scale-green-4: #09b432; - --color-scale-green-5: #09b432; - --color-scale-green-6: #02a229; - --color-scale-green-7: #008c25; - --color-scale-green-8: #007723; - --color-scale-green-9: #046320; - --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; /* Extensions from color-modes.scss */ - --color-workflow-card-connector: var(--color-scale-gray-5); - --color-workflow-card-connector-bg: var(--color-scale-gray-5); - --color-workflow-card-connector-inactive: var(--color-border-primary); - --color-workflow-card-connector-inactive-bg: var(--color-border-primary); - --color-workflow-card-connector-highlight: var(--color-scale-blue-5); - --color-workflow-card-connector-highlight-bg: var(--color-scale-blue-5); - --color-workflow-card-bg: var(--color-scale-gray-7); - --color-workflow-card-inactive-bg: var(--color-bg-canvas-inset); - --color-workflow-card-header-shadow: rgba(27, 31, 35, 0.04); - --color-workflow-card-progress-complete-bg: var(--color-scale-blue-5); - --color-workflow-card-progress-incomplete-bg: var(--color-scale-gray-6); - --color-discussions-answer-border: rgba(var(--color-scale-green-3), 0.3); - --color-discussions-answer-icon: var(--color-scale-green-3); - --color-discussions-answer-text: var(--color-scale-green-3); - --color-discussions-state-answered-icon: var(--color-scale-green-3); - --color-bg-discussions-row-emoji-box: var(--color-scale-gray-6); --color-upvote-icon-bg: var(--color-scale-blue-8); - --color-downvote-icon-bg: var(--color-scale-red-8); - --color-search-hover-hl: var(--color-scale-gray-8); - --color-notifications-button-text: var(--color-text-white); - --color-notifications-button-hover-text: var(--color-text-white); - --color-notifications-button-hover-bg: var(--color-scale-blue-4); - --color-notifications-row-read-bg: var(--color-bg-primary); - --color-notifications-row-bg: var(--color-bg-tertiary); - --color-page-header-bg: var(--color-bg-canvas); - --color-timeline-merged-bg: var(--color-scale-purple-6); - --color-current-user-tip-bg: var(--color-box-bg-info); - --color-current-user-tip-border: #1f477e; - --color-icon-directory: var(--color-fg-muted, var(--color-files-explorer-icon)); - --color-calendar-halloween-graph-day-L1-bg: #631c03; - --color-calendar-halloween-graph-day-L2-bg: #bd561d; - --color-calendar-halloween-graph-day-L3-bg: #fa7a18; - --color-calendar-halloween-graph-day-L4-bg: #fddf68; - --color-calendar-graph-day-bg: var(--color-scale-gray-8); - --color-calendar-graph-day-border: rgba(27, 31, 35, 0.06); - --color-calendar-graph-day-L1-bg: #0e4429; - --color-calendar-graph-day-L2-bg: #006d32; - --color-calendar-graph-day-L3-bg: #26a641; - --color-calendar-graph-day-L4-bg: #39d353; - --color-calendar-graph-day-L1-border: hsla(0, 0%, 100%, 0.05); - --color-calendar-graph-day-L2-border: hsla(0, 0%, 100%, 0.05); - --color-calendar-graph-day-L3-border: hsla(0, 0%, 100%, 0.05); - --color-calendar-graph-day-L4-border: hsla(0, 0%, 100%, 0.05); - --color-text-white: var(--color-scale-white); - - --color-social-reaction-border: var(--color-scale-blue-8); - --color-social-reaction-bg: var(--color-scale-gray-8); - --color-social-reaction-bg-hover: var(--color-scale-gray-7); - --color-social-reaction-bg-reacted-hover: var(--color-scale-blue-8); } -[data-theme='dark_high_contrast'] .pagination-loader-container { +main .pagination-loader-container { background-image: url(https://github.com/images/modules/pulls/progressive-disclosure-line-dark.svg); } diff --git a/styles/themes/light.css b/styles/themes/light.css index 46d3ca303..074329ab4 100644 --- a/styles/themes/light.css +++ b/styles/themes/light.css @@ -1,626 +1,42 @@ @import 'github-syntax-light/lib/github-light.css'; -/* +/*! MIT License + * Copyright (c) 2018 GitHub Inc. + * https://github.com/primer/primitives/blob/main/LICENSE + */ -MIT License -Copyright (c) 2018 GitHub Inc. -https://github.com/primer/primitives/blob/main/LICENSE - -*/ - -[data-theme='light'] { - color-scheme: light; -} - -[data-theme='light'] { - --color-auto-black: red; - --color-auto-white: red; - --color-auto-gray-0: red; - --color-auto-gray-1: red; - --color-auto-gray-2: red; - --color-auto-gray-3: red; - --color-auto-gray-4: red; - --color-auto-gray-5: red; - --color-auto-gray-6: red; - --color-auto-gray-7: red; - --color-auto-gray-8: red; - --color-auto-gray-9: red; - --color-auto-blue-0: red; - --color-auto-blue-1: red; - --color-auto-blue-2: red; - --color-auto-blue-3: red; - --color-auto-blue-4: red; - --color-auto-blue-5: red; - --color-auto-blue-6: red; - --color-auto-blue-7: red; - --color-auto-blue-8: red; - --color-auto-blue-9: red; - --color-auto-green-0: red; - --color-auto-green-1: red; - --color-auto-green-2: red; - --color-auto-green-3: red; - --color-auto-green-4: red; - --color-auto-green-5: red; - --color-auto-green-6: red; - --color-auto-green-7: red; - --color-auto-green-8: red; - --color-auto-green-9: red; - --color-auto-yellow-0: red; - --color-auto-yellow-1: red; - --color-auto-yellow-2: red; - --color-auto-yellow-3: red; - --color-auto-yellow-4: red; - --color-auto-yellow-5: red; - --color-auto-yellow-6: red; - --color-auto-yellow-7: red; - --color-auto-yellow-8: red; - --color-auto-yellow-9: red; - --color-auto-orange-0: red; - --color-auto-orange-1: red; - --color-auto-orange-2: red; - --color-auto-orange-3: red; - --color-auto-orange-4: red; - --color-auto-orange-5: red; - --color-auto-orange-6: red; - --color-auto-orange-7: red; - --color-auto-orange-8: red; - --color-auto-orange-9: red; - --color-auto-red-0: red; - --color-auto-red-1: red; - --color-auto-red-2: red; - --color-auto-red-3: red; - --color-auto-red-4: red; - --color-auto-red-5: red; - --color-auto-red-6: red; - --color-auto-red-7: red; - --color-auto-red-8: red; - --color-auto-red-9: red; - --color-auto-purple-0: red; - --color-auto-purple-1: red; - --color-auto-purple-2: red; - --color-auto-purple-3: red; - --color-auto-purple-4: red; - --color-auto-purple-5: red; - --color-auto-purple-6: red; - --color-auto-purple-7: red; - --color-auto-purple-8: red; - --color-auto-purple-9: red; - --color-auto-pink-0: red; - --color-auto-pink-1: red; - --color-auto-pink-2: red; - --color-auto-pink-3: red; - --color-auto-pink-4: red; - --color-auto-pink-5: red; - --color-auto-pink-6: red; - --color-auto-pink-7: red; - --color-auto-pink-8: red; - --color-auto-pink-9: red; +main { --color-text-primary: #24292f; --color-text-secondary: #57606a; --color-text-tertiary: #57606a; - --color-text-placeholder: #6e7781; - --color-text-disabled: #6e7781; - --color-text-inverse: #fff; --color-text-link: #0969da; --color-text-danger: #cf222e; --color-text-success: #1a7f37; - --color-text-warning: #9a6700; - --color-text-white: red; - --color-icon-primary: #24292f; - --color-icon-secondary: #57606a; - --color-icon-tertiary: #57606a; - --color-icon-info: #0969da; - --color-icon-danger: #cf222e; - --color-icon-success: #1a7f37; - --color-icon-warning: #9a6700; --color-border-primary: #d0d7de; --color-border-secondary: #d8dee4; --color-border-tertiary: rgba(175, 184, 193, 0.4); - --color-border-overlay: #d0d7de; - --color-border-inverse: #fff; --color-border-info: #0969da; - --color-border-danger: #cf222e; - --color-border-success: #2da44e; - --color-border-warning: #bf8700; - --color-border-default: #d0d7de; - --color-border-muted: #d8dee4; - --color-border-subtle: rgba(27, 31, 36, 0.15); --color-bg-canvas: #fff; - --color-bg-canvas-mobile: transparent; - --color-bg-canvas-inverse: #6e7781; --color-bg-canvas-inset: #f6f8fa; --color-bg-primary: #fff; --color-bg-secondary: #f6f8fa; --color-bg-tertiary: #f6f8fa; --color-bg-overlay: #fff; - --color-bg-backdrop: rgba(27, 31, 36, 0.5); --color-bg-info: #ddf4ff; - --color-bg-info-inverse: #0969da; - --color-bg-danger: #ffe7e5; - --color-bg-danger-inverse: #cf222e; - --color-bg-success: #dafbe1; - --color-bg-success-inverse: #2da44e; - --color-bg-warning: #fff8c5; - --color-bg-warning-inverse: #bf8700; - --color-shadow-highlight: inset 0 1px 0 rgba(255, 255, 255, 0.25); - --color-shadow-inset: inset 0 1px 0 rgba(208, 215, 222, 0.2); - --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-state-hover-primary-bg: #0969da; - --color-state-hover-primary-border: #0969da; - --color-state-hover-primary-text: #fff; - --color-state-hover-primary-icon: #fff; - --color-state-hover-secondary-bg: rgba(234, 238, 242, 0.5); - --color-state-hover-secondary-border: rgba(234, 238, 242, 0.5); - --color-state-selected-primary-bg: #0969da; - --color-state-selected-primary-border: #0969da; - --color-state-selected-primary-text: #fff; - --color-state-selected-primary-icon: #fff; --color-state-focus-border: #0969da; --color-state-focus-shadow: 0 0 0 3px rgba(9, 105, 218, 0.3); - --color-fade-fg-10: red; - --color-fade-fg-15: red; - --color-fade-fg-30: red; - --color-fade-fg-50: red; - --color-fade-fg-70: red; - --color-fade-fg-85: red; - --color-fade-black-10: red; - --color-fade-black-15: red; - --color-fade-black-30: red; - --color-fade-black-50: red; - --color-fade-black-70: red; - --color-fade-black-85: red; - --color-fade-white-10: red; - --color-fade-white-15: red; - --color-fade-white-30: red; - --color-fade-white-50: red; - --color-fade-white-70: red; - --color-fade-white-85: red; - --color-alert-info-text: #0969da; - --color-alert-info-icon: #0969da; - --color-alert-info-bg: #ddf4ff; - --color-alert-info-border: rgba(84, 174, 255, 0.4); - --color-alert-warn-text: #9a6700; - --color-alert-warn-icon: #9a6700; - --color-alert-warn-bg: #fff8c5; - --color-alert-warn-border: rgba(212, 167, 44, 0.4); --color-alert-error-text: #cf222e; - --color-alert-error-icon: #cf222e; --color-alert-error-bg: #ffe7e5; --color-alert-error-border: rgba(255, 129, 130, 0.4); - --color-alert-success-text: #1a7f37; - --color-alert-success-icon: #1a7f37; - --color-alert-success-bg: #dafbe1; - --color-alert-success-border: rgba(74, 194, 107, 0.4); - --color-autocomplete-shadow: 0 3px 6px rgba(140, 149, 159, 0.15); - --color-autocomplete-row-border: #d8dee4; - --color-blankslate-icon: #57606a; - --color-counter-text: #24292f; - --color-counter-bg: rgba(175, 184, 193, 0.4); - --color-counter-primary-text: #fff; - --color-counter-primary-bg: #6e7781; --color-counter-secondary-text: #57606a; --color-counter-secondary-bg: rgba(234, 238, 242, 0.5); - --color-box-blue-border: rgba(84, 174, 255, 0.4); - --color-box-row-yellow-bg: #fff8c5; - --color-box-row-blue-bg: #ddf4ff; - --color-box-header-blue-bg: #ddf4ff; - --color-box-header-blue-border: rgba(84, 174, 255, 0.4); --color-box-border-info: rgba(84, 174, 255, 0.4); - --color-box-bg-info: #ddf4ff; - --color-box-border-warning: rgba(212, 167, 44, 0.4); - --color-box-bg-warning: #fff8c5; - --color-branch-name-text: #57606a; - --color-branch-name-icon: #57606a; - --color-branch-name-bg: rgba(234, 238, 242, 0.5); - --color-branch-name-link-text: #0969da; - --color-branch-name-link-icon: #0969da; - --color-branch-name-link-bg: #ddf4ff; --color-markdown-code-bg: rgba(234, 238, 242, 0.5); - --color-markdown-frame-border: #d0d7de; - --color-markdown-blockquote-border: #d0d7de; - --color-markdown-table-border: #d0d7de; - --color-markdown-table-tr-border: #d8dee4; - --color-filter-item-bar-bg: rgba(234, 238, 242, 0.5); --color-hidden-text-expander-bg: rgba(175, 184, 193, 0.4); - --color-hidden-text-expander-bg-hover: rgba(84, 174, 255, 0.4); - --color-drag-and-drop-border: #d0d7de; - --color-upload-enabled-border: #d0d7de; - --color-upload-enabled-border-focused: #0969da; - --color-previewable-comment-form-border: #d0d7de; - --color-verified-badge-text: #1a7f37; - --color-verified-badge-bg: #fff; - --color-verified-badge-border: #d0d7de; - --color-social-count-bg: #fff; - --color-tooltip-text: #fff; - --color-tooltip-bg: #6e7781; - --color-search-keyword-hl: #fff8c5; - --color-files-explorer-icon: #0969da; - --color-hl-author-bg: #ddf4ff; - --color-hl-author-border: rgba(84, 174, 255, 0.4); - --color-logo-subdued: rgba(175, 184, 193, 0.4); - --color-discussion-border: rgba(74, 194, 107, 0.4); - --color-discussion-bg-success: #2da44e; - --color-actions-workflow-table-sticky-bg: rgba(255, 255, 255, 0.95); - --color-repo-language-color-border: rgba(27, 31, 36, 0.1); - --color-code-selection-bg: rgba(84, 174, 255, 0.4); - --color-highlight-text: #24292f; - --color-highlight-bg: #fff8c5; - --color-blob-line-highlight-bg: #fff8c5; - --color-blob-line-highlight-border: rgba(212, 167, 44, 0.4); - --color-topic-tag-text: #0969da; - --color-topic-tag-bg: #ddf4ff; - --color-topic-tag-hover-bg: rgba(84, 174, 255, 0.4); - --color-topic-tag-active-bg: #ddf4ff; - --color-footer-invertocat-octicon: #6e7781; - --color-footer-invertocat-octicon-hover: #57606a; - --color-dropdown-shadow: 0 8px 24px rgba(140, 149, 159, 0.2); --color-label-border: #d0d7de; - --color-label-primary-text: #24292f; - --color-label-primary-border: #6e7781; - --color-label-secondary-text: #57606a; - --color-label-secondary-border: #d0d7de; - --color-label-info-text: #0969da; - --color-label-info-border: #0969da; - --color-label-success-text: #1a7f37; - --color-label-success-border: #2da44e; - --color-label-warning-text: #9a6700; - --color-label-warning-border: #bf8700; - --color-label-danger-text: #cf222e; - --color-label-danger-border: #cf222e; - --color-label-orange-text: #bc4c00; - --color-label-orange-border: #bc4c00; --color-input-bg: #fff; --color-input-contrast-bg: #f6f8fa; --color-input-border: #d0d7de; - --color-input-shadow: inset 0 1px 0 rgba(208, 215, 222, 0.2); - --color-input-disabled-bg: rgba(175, 184, 193, 0.4); - --color-input-disabled-border: #d0d7de; - --color-input-warning-border: #bf8700; - --color-input-error-border: #cf222e; - --color-input-tooltip-success-text: #24292f; - --color-input-tooltip-success-bg: #dafbe1; - --color-input-tooltip-success-border: rgba(74, 194, 107, 0.4); - --color-input-tooltip-warning-text: #24292f; - --color-input-tooltip-warning-bg: #fff8c5; - --color-input-tooltip-warning-border: rgba(212, 167, 44, 0.4); - --color-input-tooltip-error-text: #24292f; - --color-input-tooltip-error-bg: #ffe7e5; - --color-input-tooltip-error-border: rgba(255, 129, 130, 0.4); - --color-toast-text: #24292f; - --color-toast-bg: #fff; - --color-toast-border: #d0d7de; - --color-toast-shadow: 0 8px 24px rgba(140, 149, 159, 0.2); - --color-toast-icon: #fff; - --color-toast-icon-bg: #0969da; - --color-toast-icon-border: transparent; - --color-toast-success-text: #24292f; - --color-toast-success-border: #d0d7de; - --color-toast-success-icon: #fff; - --color-toast-success-icon-bg: #2da44e; - --color-toast-success-icon-border: transparent; - --color-toast-warning-text: #24292f; - --color-toast-warning-border: #d0d7de; - --color-toast-warning-icon: #24292f; - --color-toast-warning-icon-bg: #bf8700; - --color-toast-warning-icon-border: transparent; - --color-toast-danger-text: #24292f; - --color-toast-danger-border: #d0d7de; - --color-toast-danger-icon: #fff; - --color-toast-danger-icon-bg: #cf222e; - --color-toast-danger-icon-border: transparent; - --color-toast-loading-text: #24292f; - --color-toast-loading-border: #d0d7de; - --color-toast-loading-icon: #fff; - --color-toast-loading-icon-bg: #6e7781; - --color-toast-loading-icon-border: transparent; - --color-timeline-text: #57606a; - --color-timeline-badge-bg: #f6f8fa; - --color-timeline-badge-success-border: transparent; - --color-timeline-target-badge-border: #0969da; - --color-timeline-target-badge-shadow: rgba(84, 174, 255, 0.4); - --color-diffstat-neutral-bg: rgba(175, 184, 193, 0.4); - --color-diffstat-neutral-border: rgba(27, 31, 36, 0.15); - --color-diffstat-deletion-bg: #cf222e; - --color-diffstat-addition-bg: #2da44e; - --color-diffstat-deletion-border: rgba(27, 31, 36, 0.15); - --color-diffstat-addition-border: rgba(27, 31, 36, 0.15); - --color-diff-addition-text: #1a7f37; - --color-diff-addition-bg: #dafbe1; - --color-diff-addition-border: rgba(74, 194, 107, 0.4); - --color-diff-deletion-text: #cf222e; - --color-diff-deletion-bg: #ffe7e5; - --color-diff-deletion-border: rgba(255, 129, 130, 0.4); - --color-diff-change-text: #9a6700; - --color-diff-change-bg: #fff8c5; - --color-diff-change-border: rgba(212, 167, 44, 0.4); - --color-merge-box-success-icon-bg: #2da44e; - --color-merge-box-success-icon-text: #fff; - --color-merge-box-success-icon-border: transparent; - --color-merge-box-success-indicator-bg: #2da44e; - --color-merge-box-success-indicator-border: transparent; - --color-merge-box-merged-icon-bg: #8250df; - --color-merge-box-merged-icon-text: #fff; - --color-merge-box-merged-icon-border: transparent; - --color-merge-box-merged-box-border: #8250df; - --color-merge-box-neutral-icon-bg: #6e7781; - --color-merge-box-neutral-icon-text: #fff; - --color-merge-box-neutral-icon-border: transparent; - --color-merge-box-neutral-indicator-bg: #6e7781; - --color-merge-box-neutral-indicator-border: transparent; - --color-merge-box-warning-icon-bg: #bf8700; - --color-merge-box-warning-icon-text: #fff; - --color-merge-box-warning-icon-border: transparent; - --color-merge-box-warning-box-border: #bf8700; - --color-merge-box-warning-merge-highlight: transparent; - --color-merge-box-error-icon-bg: #cf222e; - --color-merge-box-error-icon-text: #fff; - --color-merge-box-error-icon-border: transparent; - --color-merge-box-error-indicator-bg: #cf222e; - --color-merge-box-error-indicator-border: transparent; - --color-underlinenav-border: transparent; - --color-underlinenav-border-hover: rgba(175, 184, 193, 0.4); - --color-underlinenav-border-active: #fd8c73; - --color-underlinenav-text: #24292f; - --color-underlinenav-text-hover: #24292f; - --color-underlinenav-text-active: #24292f; - --color-underlinenav-icon: #6e7781; - --color-underlinenav-icon-hover: #6e7781; - --color-underlinenav-icon-active: #24292f; - --color-underlinenav-counter-text: #24292f; - --color-underlinenav-counter-bg: rgba(175, 184, 193, 0.4); - --color-select-menu-border-secondary: #d8dee4; - --color-select-menu-shadow: 0 8px 24px rgba(140, 149, 159, 0.2); - --color-select-menu-backdrop-bg: rgba(27, 31, 36, 0.5); - --color-select-menu-backdrop-border: transparent; - --color-select-menu-tap-highlight: rgba(175, 184, 193, 0.5); - --color-select-menu-tap-focus-bg: #b6e3ff; - --color-sidenav-border-active: #fd8c73; - --color-sidenav-selected-bg: #fff; - --color-menu-heading-text: #24292f; - --color-menu-border-active: #fd8c73; - --color-menu-bg-active: transparent; - --color-project-card-bg: #fff; - --color-project-header-bg: #24292f; - --color-project-sidebar-bg: #fff; - --color-project-gradient-in: #fff; - --color-project-gradient-out: rgba(255, 255, 255, 0); - --color-pr-state-draft-text: #fff; - --color-pr-state-draft-bg: #6e7781; - --color-pr-state-draft-border: transparent; - --color-pr-state-open-text: #fff; - --color-pr-state-open-bg: #2da44e; - --color-pr-state-open-border: transparent; - --color-pr-state-merged-text: #fff; - --color-pr-state-merged-bg: #8250df; - --color-pr-state-merged-border: transparent; - --color-pr-state-closed-text: #fff; - --color-pr-state-closed-bg: #cf222e; - --color-pr-state-closed-border: transparent; - --color-diff-blob-num-text: #57606a; - --color-diff-blob-num-hover-text: #24292f; - --color-diff-blob-addition-num-hover-text: #24292f; - --color-diff-blob-addition-num-bg: rgba(74, 194, 107, 0.4); - --color-diff-blob-addition-line-bg: #dafbe1; - --color-diff-blob-addition-word-bg: rgba(74, 194, 107, 0.4); - --color-diff-blob-addition-num-text: #1a7f37; - --color-diff-blob-addition-fg: #24292f; - --color-diff-blob-deletion-num-hover-text: #24292f; - --color-diff-blob-deletion-num-bg: rgba(255, 129, 130, 0.4); - --color-diff-blob-deletion-line-bg: #ffe7e5; - --color-diff-blob-deletion-word-bg: rgba(255, 129, 130, 0.4); - --color-diff-blob-deletion-num-text: #cf222e; - --color-diff-blob-deletion-fg: #24292f; - --color-diff-blob-hunk-text: #57606a; - --color-diff-blob-hunk-num-bg: rgba(84, 174, 255, 0.4); - --color-diff-blob-hunk-line-bg: #ddf4ff; - --color-diff-blob-empty-block-bg: rgba(234, 238, 242, 0.5); - --color-diff-blob-selected-line-highlight-bg: #fff8c5; - --color-diff-blob-selected-line-highlight-border: rgba(212, 167, 44, 0.4); - --color-diff-blob-expander-hover-icon: #fff; - --color-diff-blob-expander-hover-bg: #0969da; - --color-diff-blob-expander-icon: #57606a; - --color-diff-blob-comment-button-icon: #fff; - --color-diff-blob-comment-button-bg: #0969da; - --color-diff-blob-comment-button-gradient-bg: transparent; - --color-diff-blob-selected-line-highlight-mix-blend-mode: multiply; - --color-global-nav-logo: red; - --color-global-nav-bg: red; - --color-global-nav-text: red; - --color-global-nav-icon: red; - --color-global-nav-input-bg: red; - --color-global-nav-input-border: red; - --color-global-nav-input-icon: red; - --color-global-nav-input-placeholder: red; - --color-intro-shelf-gradient-left: #ddf4ff; - --color-intro-shelf-gradient-right: #dafbe1; - --color-intro-shelf-gradient-in: #fff; - --color-intro-shelf-gradient-out: rgba(255, 255, 255, 0); - --color-marketing-icon-primary: #218bff; - --color-marketing-icon-secondary: #54aeff; - --color-prettylights-syntax-comment: #6e7781; - --color-prettylights-syntax-constant: #0550ae; - --color-prettylights-syntax-entity: #8250df; - --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: #ffe7e5; - --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: #24292f; - --color-codemirror-bg: #fff; - --color-codemirror-gutters-bg: #fff; - --color-codemirror-guttermarker-text: #fff; - --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: #fff; - --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: #2da44e; - --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: #afb8c1; - --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-header-search-bg: #24292f; - --color-header-search-border: #57606a; - --color-mktg-success: #249243; - --color-mktg-info: #1377ea; - --color-mktg-bg-shade-gradient-top: rgba(27, 31, 36, 0.065); - --color-mktg-bg-shade-gradient-bottom: rgba(27, 31, 36, 0); - --color-mktg-btn-bg-top: #617eef; - --color-mktg-btn-bg-bottom: #4969ed; - --color-mktg-btn-bg-overlay-top: #4968e4; - --color-mktg-btn-bg-overlay-bottom: #3355e0; - --color-mktg-btn-text: #fff; - --color-mktg-btn-primary-bg-top: #34b759; - --color-mktg-btn-primary-bg-bottom: #2ea44f; - --color-mktg-btn-primary-bg-overlay-top: #279b42; - --color-mktg-btn-primary-bg-overlay-bottom: #22863a; - --color-mktg-btn-primary-text: #fff; - --color-mktg-btn-enterprise-bg-top: #8670ff; - --color-mktg-btn-enterprise-bg-bottom: #6f57ff; - --color-mktg-btn-enterprise-bg-overlay-top: #7463de; - --color-mktg-btn-enterprise-bg-overlay-bottom: #614eda; - --color-mktg-btn-enterprise-text: #fff; - --color-mktg-btn-outline-text: #4969ed; - --color-mktg-btn-outline-border: rgba(73, 105, 237, 0.3); - --color-mktg-btn-outline-hover-text: #3355e0; - --color-mktg-btn-outline-hover-border: rgba(51, 85, 224, 0.5); - --color-mktg-btn-outline-focus-border: #4969ed; - --color-mktg-btn-outline-focus-border-inset: rgba(73, 105, 237, 0.5); - --color-mktg-btn-dark-text: #fff; - --color-mktg-btn-dark-border: rgba(255, 255, 255, 0.3); - --color-mktg-btn-dark-hover-text: #fff; - --color-mktg-btn-dark-hover-border: rgba(255, 255, 255, 0.5); - --color-mktg-btn-dark-focus-border: #fff; - --color-mktg-btn-dark-focus-border-inset: rgba(255, 255, 255, 0.5); - --color-avatar-bg: #fff; - --color-avatar-border: rgba(27, 31, 36, 0.15); - --color-avatar-stack-fade: #afb8c1; - --color-avatar-stack-fade-more: #d0d7de; - --color-avatar-child-shadow: -2px -2px 0 rgba(255, 255, 255, 0.8); - --color-overlay-shadow: 0 1px 3px rgba(27, 31, 36, 0.12), 0 8px 24px rgba(66, 74, 83, 0.12); - --color-header-text: rgba(255, 255, 255, 0.7); - --color-header-bg: #24292f; - --color-header-logo: #fff; - --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(27, 31, 36, 0.15); @@ -630,13 +46,6 @@ https://github.com/primer/primitives/blob/main/LICENSE --color-btn-hover-border: rgba(27, 31, 36, 0.15); --color-btn-active-bg: #ebecf0; --color-btn-active-border: rgba(27, 31, 36, 0.15); - --color-btn-selected-bg: #eeeff2; - --color-btn-focus-bg: #f6f8fa; - --color-btn-focus-border: rgba(27, 31, 36, 0.15); - --color-btn-focus-shadow: 0 0 0 3px rgba(9, 105, 218, 0.3); - --color-btn-shadow-active: inset 0 0.15em 0.3em rgba(27, 31, 36, 0.15); - --color-btn-shadow-input-focus: 0 0 0 0.2em rgba(9, 105, 218, 0.3); - --color-btn-counter-bg: rgba(27, 31, 36, 0.08); --color-btn-primary-text: #fff; --color-btn-primary-bg: #2da44e; --color-btn-primary-border: rgba(27, 31, 36, 0.15); @@ -649,239 +58,17 @@ https://github.com/primer/primitives/blob/main/LICENSE --color-btn-primary-disabled-text: rgba(255, 255, 255, 0.8); --color-btn-primary-disabled-bg: #94d3a2; --color-btn-primary-disabled-border: rgba(27, 31, 36, 0.15); - --color-btn-primary-focus-bg: #2da44e; - --color-btn-primary-focus-border: rgba(27, 31, 36, 0.15); - --color-btn-primary-focus-shadow: 0 0 0 3px rgba(45, 164, 78, 0.4); - --color-btn-primary-icon: rgba(255, 255, 255, 0.8); - --color-btn-primary-counter-bg: rgba(255, 255, 255, 0.2); - --color-btn-outline-text: #0969da; - --color-btn-outline-hover-text: #fff; - --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: #fff; - --color-btn-outline-selected-bg: #0965ce; - --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-focus-border: rgba(27, 31, 36, 0.15); - --color-btn-outline-focus-shadow: 0 0 0 3px rgba(5, 80, 174, 0.4); - --color-btn-outline-counter-bg: rgba(9, 105, 218, 0.1); - --color-btn-danger-text: #cf222e; - --color-btn-danger-hover-text: #fff; - --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: #fff; - --color-btn-danger-selected-bg: #c11f2a; - --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-focus-border: rgba(27, 31, 36, 0.15); - --color-btn-danger-focus-shadow: 0 0 0 3px rgba(164, 14, 38, 0.4); - --color-btn-danger-counter-bg: rgba(207, 34, 46, 0.1); - --color-btn-danger-icon: #cf222e; - --color-btn-danger-hover-icon: #fff; - --color-fg-default: #24292f; - --color-fg-muted: #57606a; - --color-fg-subtle: #6e7781; - --color-fg-on-emphasis: #fff; - --color-canvas-default: #fff; - --color-canvas-overlay: #fff; - --color-canvas-inset: #f6f8fa; - --color-canvas-subtle: #f6f8fa; - --color-neutral-emphasis-plus: #24292f; - --color-neutral-emphasis: #6e7781; - --color-neutral-muted: rgba(175, 184, 193, 0.4); - --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: #2da44e; - --color-success-muted: rgba(74, 194, 107, 0.4); - --color-success-subtle: #dafbe1; - --color-attention-fg: #9a6700; - --color-attention-emphasis: #bf8700; - --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: #cf222e; - --color-danger-emphasis: #cf222e; - --color-danger-muted: rgba(255, 129, 130, 0.4); - --color-danger-subtle: #ffe7e5; - --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-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-primer-shadow-focus: 0 0 0 3px rgba(9, 105, 218, 0.3); - --color-scale-black: #1b1f24; - --color-scale-white: #fff; - --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: #ffe7e5; - --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; /* Extensions from color-modes.scss */ - --color-workflow-card-connector: var(--color-scale-gray-3); - --color-workflow-card-connector-bg: var(--color-scale-gray-3); - --color-workflow-card-connector-inactive: var(--color-border-primary); - --color-workflow-card-connector-inactive-bg: var(--color-border-primary); - --color-workflow-card-connector-highlight: var(--color-scale-blue-4); - --color-workflow-card-connector-highlight-bg: var(--color-scale-blue-4); - --color-workflow-card-bg: var(--color-scale-white); - --color-workflow-card-inactive-bg: var(--color-bg-canvas-inset); - --color-workflow-card-header-shadow: transparent; - --color-workflow-card-progress-complete-bg: var(--color-scale-blue-4); - --color-workflow-card-progress-incomplete-bg: var(--color-scale-gray-2); - --color-discussions-answer-border: var(--color-scale-green-5); - --color-discussions-answer-icon: var(--color-scale-green-6); - --color-discussions-answer-text: var(--color-scale-green-6); - --color-discussions-state-answered-icon: var(--color-scale-white); - --color-bg-discussions-row-emoji-box: rgba(209, 213, 218, 0.5); --color-upvote-icon-bg: var(--color-scale-blue-1); - --color-downvote-icon-bg: var(--color-scale-red-1); - --color-search-hover-hl: var(--color-scale-white); - --color-notifications-button-text: var(--color-text-secondary); - --color-notifications-button-hover-text: var(--color-text-primary); - --color-notifications-button-hover-bg: var(--color-scale-gray-2); - --color-notifications-row-read-bg: var(--color-bg-tertiary); - --color-notifications-row-bg: var(--color-scale-white); - --color-page-header-bg: var(--color-bg-secondary); - --color-timeline-merged-bg: var(--color-scale-purple-5); - --color-current-user-tip-bg: var(--color-box-bg-info); - --color-current-user-tip-border: #d4e2f8; - --color-icon-directory: var(--color-scale-blue-3); - --color-calendar-halloween-graph-day-L1-bg: #ffee4a; - --color-calendar-halloween-graph-day-L2-bg: #ffc501; - --color-calendar-halloween-graph-day-L3-bg: #fe9600; - --color-calendar-halloween-graph-day-L4-bg: #03001c; - --color-calendar-graph-day-bg: #ebedf0; - --color-calendar-graph-day-border: rgba(27, 31, 35, 0.06); - --color-calendar-graph-day-L1-bg: #9be9a8; - --color-calendar-graph-day-L2-bg: #40c463; - --color-calendar-graph-day-L3-bg: #30a14e; - --color-calendar-graph-day-L4-bg: #216e39; - --color-calendar-graph-day-L1-border: rgba(27, 31, 35, 0.06); - --color-calendar-graph-day-L2-border: rgba(27, 31, 35, 0.06); - --color-calendar-graph-day-L3-border: rgba(27, 31, 35, 0.06); - --color-calendar-graph-day-L4-border: rgba(27, 31, 35, 0.06); - --color-text-white: var(--color-scale-white); - - --color-social-reaction-border: var(--color-scale-blue-1); - --color-social-reaction-bg: var(--color-scale-gray-0); - --color-social-reaction-bg-hover: var(--color-scale-gray-1); - --color-social-reaction-bg-reacted-hover: var(--color-scale-blue-1); } -[data-theme='light'] .pagination-loader-container { +main .pagination-loader-container { background-image: url(https://github.com/images/modules/pulls/progressive-disclosure-line.svg); } + +/*! Custom CSS */ +main { + color-scheme: light; +} diff --git a/styles/themes/postcss.config.js b/styles/themes/postcss.config.js index 1284396f8..9e29dc0a7 100644 --- a/styles/themes/postcss.config.js +++ b/styles/themes/postcss.config.js @@ -2,5 +2,6 @@ module.exports = { plugins: { 'postcss-import': {}, autoprefixer: {}, + cssnano: { preset: 'default' }, }, }; diff --git a/styles/themes/transparent_dark.css b/styles/themes/transparent_dark.css index e213614e5..2b078b259 100644 --- a/styles/themes/transparent_dark.css +++ b/styles/themes/transparent_dark.css @@ -1,283 +1,35 @@ @import 'github-syntax-dark/lib/github-dark.css'; -/* +/*! Modified from GitHub's dark theme in primer/primitives. + * MIT License + * Copyright (c) 2018 GitHub Inc. + * https://github.com/primer/primitives/blob/main/LICENSE + */ -Modified from GitHub's dark theme in primer/primitives. - -MIT License -Copyright (c) 2018 GitHub Inc. -https://github.com/primer/primitives/blob/main/LICENSE - -*/ - -[data-theme='transparent_dark'] { - color-scheme: dark; -} - -[data-theme='transparent_dark'] { - --color-scale-black: #010409; - --color-scale-white: #f0f6fc; - --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; +main { --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-auto-black: #f0f6fc; - --color-auto-white: #010409; - --color-auto-gray-0: #0d1117; - --color-auto-gray-1: #161b22; - --color-auto-gray-2: #21262d; - --color-auto-gray-3: #30363d; - --color-auto-gray-4: #484f58; - --color-auto-gray-5: #6e7681; - --color-auto-gray-6: #8b949e; - --color-auto-gray-7: #b1bac4; - --color-auto-gray-8: #c9d1d9; - --color-auto-gray-9: #f0f6fc; - --color-auto-blue-0: #051d4d; - --color-auto-blue-1: #0c2d6b; - --color-auto-blue-2: #0d419d; - --color-auto-blue-3: #1158c7; - --color-auto-blue-4: #1f6feb; - --color-auto-blue-5: #388bfd; - --color-auto-blue-6: #58a6ff; - --color-auto-blue-7: #79c0ff; - --color-auto-blue-8: #a5d6ff; - --color-auto-blue-9: #cae8ff; - --color-auto-green-0: #04260f; - --color-auto-green-1: #033a16; - --color-auto-green-2: #0f5323; - --color-auto-green-3: #196c2e; - --color-auto-green-4: #238636; - --color-auto-green-5: #2ea043; - --color-auto-green-6: #3fb950; - --color-auto-green-7: #56d364; - --color-auto-green-8: #7ee787; - --color-auto-green-9: #aff5b4; - --color-auto-yellow-0: #341a00; - --color-auto-yellow-1: #4b2900; - --color-auto-yellow-2: #693e00; - --color-auto-yellow-3: #845306; - --color-auto-yellow-4: #9e6a03; - --color-auto-yellow-5: #bb8009; - --color-auto-yellow-6: #d29922; - --color-auto-yellow-7: #e3b341; - --color-auto-yellow-8: #f2cc60; - --color-auto-yellow-9: #f8e3a1; - --color-auto-orange-0: #3d1300; - --color-auto-orange-1: #5a1e02; - --color-auto-orange-2: #762d0a; - --color-auto-orange-3: #9b4215; - --color-auto-orange-4: #bd561d; - --color-auto-orange-5: #db6d28; - --color-auto-orange-6: #f0883e; - --color-auto-orange-7: #ffa657; - --color-auto-orange-8: #ffc680; - --color-auto-orange-9: #ffdfb6; - --color-auto-red-0: #490202; - --color-auto-red-1: #67060c; - --color-auto-red-2: #8e1519; - --color-auto-red-3: #b62324; - --color-auto-red-4: #da3633; - --color-auto-red-5: #f85149; - --color-auto-red-6: #ff7b72; - --color-auto-red-7: #ffa198; - --color-auto-red-8: #ffc1ba; - --color-auto-red-9: #ffdcd7; - --color-auto-purple-0: #271052; - --color-auto-purple-1: #3c1e70; - --color-auto-purple-2: #553098; - --color-auto-purple-3: #6e40c9; - --color-auto-purple-4: #8957e5; - --color-auto-purple-5: #a371f7; - --color-auto-purple-6: #bc8cff; - --color-auto-purple-7: #d2a8ff; - --color-auto-purple-8: #e2c5ff; - --color-auto-purple-9: #eddeff; - --color-auto-pink-0: #42062a; - --color-auto-pink-1: #5e103e; - --color-auto-pink-2: #7d2457; - --color-auto-pink-3: #9e3670; - --color-auto-pink-4: #bf4b8a; - --color-auto-pink-5: #db61a2; - --color-auto-pink-6: #f778ba; - --color-auto-pink-7: #ff9bce; - --color-auto-pink-8: #ffbedd; - --color-auto-pink-9: #ffdaec; --color-text-primary: #c9d1d9; --color-text-secondary: #8b949e; --color-text-tertiary: #8b949e; - --color-text-placeholder: #484f58; - --color-text-disabled: #484f58; - --color-text-inverse: #0d1117; --color-text-link: #58a6ff; --color-text-danger: #f85149; --color-text-success: #56d364; - --color-text-warning: #e3b341; - --color-text-white: #f0f6fc; - --color-icon-primary: #c9d1d9; - --color-icon-secondary: #6e7681; - --color-icon-tertiary: #484f58; - --color-icon-info: #79c0ff; - --color-icon-danger: #f85149; - --color-icon-success: #56d364; - --color-icon-warning: #e3b341; --color-border-primary: #30363d; --color-border-secondary: #21262d; --color-border-tertiary: #6e7681; - --color-border-overlay: #30363d; - --color-border-inverse: #f0f6fc; --color-border-info: rgba(56, 139, 253, 0.4); - --color-border-danger: rgba(248, 81, 73, 0.4); - --color-border-success: rgba(63, 185, 80, 0.4); - --color-border-warning: rgba(187, 128, 9, 0.4); --color-bg-canvas: transparent; - --color-bg-canvas-mobile: transparent; - --color-bg-canvas-inverse: transparent; --color-bg-canvas-inset: transparent; --color-bg-primary: transparent; --color-bg-secondary: transparent; --color-bg-tertiary: transparent; --color-bg-overlay: transparent; - --color-bg-backdrop: transparent; --color-bg-info: transparent; - --color-bg-info-inverse: transparent; - --color-bg-danger: transparent; - --color-bg-danger-inverse: transparent; - --color-bg-success: transparent; - --color-bg-success-inverse: transparent; - --color-bg-warning: transparent; - --color-bg-warning-inverse: transparent; - --color-shadow-small: 0 0 rgba(0, 0, 0, 0); - --color-shadow-medium: 0 3px 6px #010409; - --color-shadow-large: 0 8px 24px #010409; - --color-shadow-extra-large: 0 12px 48px #010409; - --color-shadow-highlight: 0 0 rgba(0, 0, 0, 0); - --color-shadow-inset: 0 0 rgba(0, 0, 0, 0); - --color-state-hover-primary-bg: #1f6feb; - --color-state-hover-primary-border: #388bfd; - --color-state-hover-primary-text: #f0f6fc; - --color-state-hover-primary-icon: #f0f6fc; - --color-state-hover-secondary-bg: #161b22; - --color-state-hover-secondary-border: #161b22; - --color-state-selected-primary-bg: #1f6feb; - --color-state-selected-primary-border: #388bfd; - --color-state-selected-primary-text: #f0f6fc; - --color-state-selected-primary-icon: #f0f6fc; --color-state-focus-border: #388bfd; --color-state-focus-shadow: 0 0 0 3px #0c2d6b; - --color-fade-fg-10: rgba(240, 246, 252, 0.1); - --color-fade-fg-15: rgba(240, 246, 252, 0.15); - --color-fade-fg-30: rgba(240, 246, 252, 0.3); - --color-fade-fg-50: rgba(240, 246, 252, 0.5); - --color-fade-fg-70: rgba(240, 246, 252, 0.7); - --color-fade-fg-85: rgba(240, 246, 252, 0.85); - --color-fade-black-10: rgba(1, 4, 9, 0.1); - --color-fade-black-15: rgba(1, 4, 9, 0.15); - --color-fade-black-30: rgba(1, 4, 9, 0.3); - --color-fade-black-50: rgba(1, 4, 9, 0.5); - --color-fade-black-70: rgba(1, 4, 9, 0.7); - --color-fade-black-85: rgba(1, 4, 9, 0.85); - --color-fade-white-10: rgba(240, 246, 252, 0.1); - --color-fade-white-15: rgba(240, 246, 252, 0.15); - --color-fade-white-30: rgba(240, 246, 252, 0.3); - --color-fade-white-50: rgba(240, 246, 252, 0.5); - --color-fade-white-70: rgba(240, 246, 252, 0.7); - --color-fade-white-85: rgba(240, 246, 252, 0.85); - --color-alert-info-text: #79c0ff; - --color-alert-info-icon: #79c0ff; - --color-alert-info-bg: transparent; - --color-alert-info-border: rgba(56, 139, 253, 0.4); - --color-alert-warn-text: #e3b341; - --color-alert-warn-icon: #e3b341; - --color-alert-warn-bg: transparent; - --color-alert-warn-border: rgba(187, 128, 9, 0.4); --color-alert-error-text: #ff7b72; - --color-alert-error-icon: #ff7b72; --color-alert-error-bg: transparent; --color-alert-error-border: rgba(248, 81, 73, 0.4); - --color-alert-success-text: #56d364; - --color-alert-success-icon: #56d364; - --color-alert-success-bg: transparent; - --color-alert-success-border: rgba(46, 160, 67, 0.4); - --color-autocomplete-shadow: 0 16px 32px rgba(1, 4, 9, 0.85); - --color-autocomplete-row-border: #30363d; - --color-blankslate-icon: #535c66; --color-btn-text: #c9d1d9; --color-btn-bg: transparent; --color-btn-border: #30363d; @@ -287,12 +39,6 @@ https://github.com/primer/primitives/blob/main/LICENSE --color-btn-hover-border: #8b949e; --color-btn-active-bg: transparent; --color-btn-active-border: #6e7681; - --color-btn-selected-bg: transparent; - --color-btn-focus-bg: transparent; - --color-btn-focus-border: #8b949e; - --color-btn-focus-shadow: 0 0 0 3px rgba(139, 148, 158, 0.3); - --color-btn-shadow-active: inset 0 0.15em 0.3em rgba(1, 4, 9, 0.15); - --color-btn-shadow-input-focus: 0 0 0 0.2em rgba(31, 111, 235, 0.3); --color-btn-primary-text: #ffffff; --color-btn-primary-bg: transparent; --color-btn-primary-border: #2ea043; @@ -305,519 +51,29 @@ https://github.com/primer/primitives/blob/main/LICENSE --color-btn-primary-disabled-text: rgba(240, 246, 252, 0.5); --color-btn-primary-disabled-bg: transparent; --color-btn-primary-disabled-border: rgba(0, 0, 0, 0); - --color-btn-primary-focus-bg: transparent; - --color-btn-primary-focus-border: #3fb950; - --color-btn-primary-focus-shadow: 0 0 0 3px rgba(46, 164, 79, 0.4); - --color-btn-primary-icon: #f0f6fc; - --color-btn-primary-counter-bg: rgba(240, 246, 252, 0.2); - --color-btn-outline-text: #58a6ff; - --color-btn-outline-hover-text: #58a6ff; - --color-btn-outline-hover-bg: transparent; - --color-btn-outline-hover-border: #58a6ff; - --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(240, 246, 252, 0.03); - --color-btn-outline-hover-counter-bg: transparent; - --color-btn-outline-selected-text: #f0f6fc; - --color-btn-outline-selected-bg: transparent; - --color-btn-outline-selected-border: rgba(240, 246, 252, 0.1); - --color-btn-outline-selected-shadow: 0 0 rgba(0, 0, 0, 0); - --color-btn-outline-disabled-text: rgba(88, 166, 255, 0.5); - --color-btn-outline-disabled-bg: transparent; - --color-btn-outline-disabled-counter-bg: transparent; - --color-btn-outline-focus-border: #58a6ff; - --color-btn-outline-focus-shadow: 0 0 0 3px rgba(17, 88, 199, 0.4); - --color-btn-outline-counter-bg: transparent; - --color-btn-danger-text: #f85149; - --color-btn-danger-hover-text: #ffffff; - --color-btn-danger-hover-bg: transparent; - --color-btn-danger-hover-border: #f85149; - --color-btn-danger-hover-shadow: 0 0 rgba(0, 0, 0, 0); - --color-btn-danger-hover-inset-shadow: 0 0 rgba(0, 0, 0, 0); - --color-btn-danger-hover-counter-bg: transparent; - --color-btn-danger-selected-text: #ffffff; - --color-btn-danger-selected-bg: transparent; - --color-btn-danger-selected-border: rgba(240, 246, 252, 0.1); - --color-btn-danger-selected-shadow: 0 0 rgba(0, 0, 0, 0); - --color-btn-danger-disabled-text: rgba(248, 81, 73, 0.5); - --color-btn-danger-disabled-bg: transparent; - --color-btn-danger-disabled-counter-bg: transparent; - --color-btn-danger-focus-border: #f85149; - --color-btn-danger-focus-shadow: 0 0 0 3px rgba(182, 35, 36, 0.4); - --color-btn-danger-counter-bg: transparent; - --color-btn-danger-icon: #f85149; - --color-btn-danger-hover-icon: #f0f6fc; - --color-btn-counter-bg: transparent; - --color-counter-text: #c9d1d9; - --color-counter-bg: transparent; - --color-counter-primary-text: #c9d1d9; - --color-counter-primary-bg: transparent; --color-counter-secondary-text: #8b949e; --color-counter-secondary-bg: transparent; - --color-dropdown-shadow: 0 16px 32px rgba(1, 4, 9, 0.85); --color-label-border: transparent; - --color-label-primary-text: #b1bac4; - --color-label-primary-border: #6e7681; - --color-label-secondary-text: #8b949e; - --color-label-secondary-border: transparent; - --color-label-info-text: #388bfd; - --color-label-info-border: rgba(56, 139, 253, 0.4); - --color-label-success-text: #3fb950; - --color-label-success-border: rgba(46, 160, 67, 0.4); - --color-label-warning-text: #e3b341; - --color-label-warning-border: rgba(242, 211, 91, 0.4); - --color-label-danger-text: #f85149; - --color-label-danger-border: rgba(248, 81, 73, 0.4); - --color-label-orange-text: #db6d28; - --color-label-orange-border: rgba(219, 109, 40, 0.4); --color-input-bg: transparent; --color-input-contrast-bg: transparent; --color-input-border: #21262d; - --color-input-shadow: 0 0 rgba(0, 0, 0, 0); - --color-input-disabled-bg: transparent; - --color-input-disabled-border: #30363d; - --color-input-warning-border: #d29922; - --color-input-error-border: #f85149; - --color-input-tooltip-success-text: #56d364; - --color-input-tooltip-success-bg: transparent; - --color-input-tooltip-success-border: #1c532b; - --color-input-tooltip-warning-text: #e3b341; - --color-input-tooltip-warning-bg: transparent; - --color-input-tooltip-warning-border: #5d4411; - --color-input-tooltip-error-text: #ff7b72; - --color-input-tooltip-error-bg: transparent; - --color-input-tooltip-error-border: #792e2e; - --color-avatar-bg: transparent; - --color-avatar-border: rgba(240, 246, 252, 0.1); - --color-avatar-stack-fade: #30363d; - --color-avatar-stack-fade-more: #21262d; - --color-avatar-child-shadow: -2px -2px 0 #0d1117; - --color-toast-text: #c9d1d9; - --color-toast-bg: transparent; - --color-toast-border: #6e7681; - --color-toast-shadow: 0 8px 24px #010409; - --color-toast-icon: #f0f6fc; - --color-toast-icon-bg: transparent; - --color-toast-icon-border: #388bfd; - --color-toast-success-text: #c9d1d9; - --color-toast-success-border: #6e7681; - --color-toast-success-icon: #f0f6fc; - --color-toast-success-icon-bg: transparent; - --color-toast-success-icon-border: #3fb950; - --color-toast-warning-text: #c9d1d9; - --color-toast-warning-border: #6e7681; - --color-toast-warning-icon: #f0f6fc; - --color-toast-warning-icon-bg: #bb8009; - --color-toast-warning-icon-border: #d29922; - --color-toast-danger-text: #c9d1d9; - --color-toast-danger-border: #6e7681; - --color-toast-danger-icon: #f0f6fc; - --color-toast-danger-icon-bg: transparent; - --color-toast-danger-icon-border: #f85149; - --color-toast-loading-text: #c9d1d9; - --color-toast-loading-border: #6e7681; - --color-toast-loading-icon: #f0f6fc; - --color-toast-loading-icon-bg: transparent; - --color-toast-loading-icon-border: #8b949e; - --color-timeline-text: #b1bac4; - --color-timeline-badge-bg: transparent; - --color-timeline-badge-success-border: #2ea043; - --color-timeline-target-badge-border: #1f6feb; - --color-timeline-target-badge-shadow: #0d419d; - --color-select-menu-border-secondary: #30363d; - --color-select-menu-shadow: 0 0 18px rgba(1, 4, 9, 0.4); - --color-select-menu-backdrop-bg: transparent; - --color-select-menu-backdrop-border: #484f58; - --color-select-menu-tap-highlight: rgba(48, 54, 61, 0.5); - --color-select-menu-tap-focus-bg: transparent; - --color-box-blue-border: #0d419d; - --color-box-row-yellow-bg: transparent; - --color-box-row-blue-bg: transparent; - --color-box-header-blue-bg: transparent; - --color-box-header-blue-border: #30363d; --color-box-border-info: rgba(56, 139, 253, 0.4); - --color-box-bg-info: transparent; - --color-box-border-warning: rgba(187, 128, 9, 0.4); - --color-box-bg-warning: transparent; - --color-branch-name-text: #c9d1d9; - --color-branch-name-icon: #b1bac4; - --color-branch-name-bg: transparent; - --color-branch-name-link-text: #58a6ff; - --color-branch-name-link-icon: #58a6ff; - --color-branch-name-link-bg: transparent; --color-markdown-code-bg: transparent; - --color-markdown-frame-border: #3b434b; - --color-markdown-blockquote-border: #3b434b; - --color-markdown-table-border: #3b434b; - --color-markdown-table-tr-border: #272c32; - --color-menu-heading-text: #8b949e; - --color-menu-border-active: #f78166; - --color-menu-bg-active: transparent; - --color-sidenav-selected-bg: transparent; - --color-sidenav-border-active: #f78166; - --color-header-text: rgba(240, 246, 252, 0.7); - --color-header-bg: transparent; - --color-header-logo: #f0f6fc; - --color-filter-item-bar-bg: transparent; --color-hidden-text-expander-bg: transparent; - --color-hidden-text-expander-bg-hover: transparent; - --color-drag-and-drop-border: #25292f; - --color-upload-enabled-border: #3b434b; - --color-upload-enabled-border-focused: #4487ee; - --color-previewable-comment-form-border: #25292f; - --color-underlinenav-border: rgba(48, 54, 61, 0); - --color-underlinenav-border-hover: #30363d; - --color-underlinenav-border-active: #f78166; - --color-underlinenav-text: #8b949e; - --color-underlinenav-text-hover: #c9d1d9; - --color-underlinenav-text-active: #c9d1d9; - --color-underlinenav-icon: #6e7681; - --color-underlinenav-icon-hover: #c9d1d9; - --color-underlinenav-icon-active: #c9d1d9; - --color-underlinenav-counter-text: #8b949e; - --color-underlinenav-counter-bg: rgba(139, 148, 158, 0.2); - --color-verified-badge-text: #3fb950; - --color-verified-badge-bg: transparent; - --color-verified-badge-border: rgba(63, 185, 80, 0.4); - --color-social-count-bg: transparent; - --color-tooltip-text: #f0f6fc; - --color-tooltip-bg: transparent; - --color-header-search-bg: transparent; - --color-header-search-border: #21262d; - --color-search-keyword-hl: rgba(187, 128, 9, 0.4); - --color-diffstat-neutral-bg: transparent; - --color-diffstat-neutral-border: rgba(240, 246, 252, 0.1); - --color-diffstat-deletion-bg: transparent; - --color-diffstat-deletion-border: #f85149; - --color-diffstat-addition-bg: transparent; - --color-diffstat-addition-border: #2ea043; - --color-mktg-success: #29933d; - --color-mktg-info: #2a7bf3; - --color-mktg-bg-shade-gradient-top: transparent; - --color-mktg-bg-shade-gradient-bottom: transparent; - --color-mktg-btn-bg-top: transparent; - --color-mktg-btn-bg-bottom: transparent; - --color-mktg-btn-bg-overlay-top: transparent; - --color-mktg-btn-bg-overlay-bottom: transparent; - --color-mktg-btn-text: #f0f6fc; - --color-mktg-btn-primary-bg-top: transparent; - --color-mktg-btn-primary-bg-bottom: transparent; - --color-mktg-btn-primary-bg-overlay-top: transparent; - --color-mktg-btn-primary-bg-overlay-bottom: transparent; - --color-mktg-btn-primary-text: #f0f6fc; - --color-mktg-btn-enterprise-bg-top: transparent; - --color-mktg-btn-enterprise-bg-bottom: transparent; - --color-mktg-btn-enterprise-bg-overlay-top: transparent; - --color-mktg-btn-enterprise-bg-overlay-bottom: transparent; - --color-mktg-btn-enterprise-text: #f0f6fc; - --color-mktg-btn-outline-text: #f0f6fc; - --color-mktg-btn-outline-border: rgba(240, 246, 252, 0.3); - --color-mktg-btn-outline-hover-text: #f0f6fc; - --color-mktg-btn-outline-hover-border: rgba(240, 246, 252, 0.5); - --color-mktg-btn-outline-focus-border: #f0f6fc; - --color-mktg-btn-outline-focus-border-inset: rgba(240, 246, 252, 0.5); - --color-mktg-btn-dark-text: #f0f6fc; - --color-mktg-btn-dark-border: rgba(240, 246, 252, 0.3); - --color-mktg-btn-dark-hover-text: #f0f6fc; - --color-mktg-btn-dark-hover-border: rgba(240, 246, 252, 0.5); - --color-mktg-btn-dark-focus-border: #f0f6fc; - --color-mktg-btn-dark-focus-border-inset: rgba(240, 246, 252, 0.5); - --color-files-explorer-icon: #6e7681; - --color-hl-author-bg: transparent; - --color-hl-author-border: #0d419d; - --color-logo-subdued: #30363d; - --color-discussion-border: #34513b; - --color-discussion-bg-success: transparent; - --color-actions-workflow-table-sticky-bg: rgba(13, 17, 23, 0.95); - --color-repo-language-color-border: rgba(240, 246, 252, 0.2); - --color-code-selection-bg: transparent; - --color-highlight-text: #ffd467; - --color-highlight-bg: transparent; - --color-blob-line-highlight-bg: transparent; - --color-blob-line-highlight-border: #e3b341; - --color-diff-addition-text: #56d364; - --color-diff-addition-bg: transparent; - --color-diff-addition-border: #196c2e; - --color-diff-deletion-text: #f85149; - --color-diff-deletion-bg: transparent; - --color-diff-deletion-border: #b62324; - --color-diff-change-text: #e3b341; - --color-diff-change-bg: transparent; - --color-diff-change-border: #9e6a03; - --color-diff-blob-num-text: rgba(240, 246, 252, 0.3); - --color-diff-blob-num-hover-text: rgba(240, 246, 252, 0.6); - --color-diff-blob-addition-num-text: #3fb950; - --color-diff-blob-addition-num-hover-text: #7ee787; - --color-diff-blob-addition-num-bg: transparent; - --color-diff-blob-addition-line-bg: transparent; - --color-diff-blob-addition-word-bg: transparent; - --color-diff-blob-deletion-num-text: #f85149; - --color-diff-blob-deletion-num-hover-text: #ffa198; - --color-diff-blob-deletion-num-bg: transparent; - --color-diff-blob-deletion-line-bg: transparent; - --color-diff-blob-deletion-word-bg: transparent; - --color-diff-blob-hunk-text: #8b949e; - --color-diff-blob-hunk-num-bg: transparent; - --color-diff-blob-hunk-line-bg: transparent; - --color-diff-blob-empty-block-bg: transparent; - --color-diff-blob-selected-line-highlight-bg: transparent; - --color-diff-blob-selected-line-highlight-border: #bb8009; - --color-diff-blob-selected-line-highlight-mix-blend-mode: normal; - --color-diff-blob-expander-icon: #8b949e; - --color-diff-blob-expander-hover-icon: #f0f6fc; - --color-diff-blob-expander-hover-bg: transparent; - --color-diff-blob-comment-button-icon: #f0f6fc; - --color-diff-blob-comment-button-bg: transparent; - --color-diff-blob-comment-button-gradient-bg: transparent; - --color-global-nav-logo: #f0f6fc; - --color-global-nav-bg: transparent; - --color-global-nav-text: #c9d1d9; - --color-global-nav-icon: #c9d1d9; - --color-global-nav-input-bg: transparent; - --color-global-nav-input-border: #21262d; - --color-global-nav-input-icon: #21262d; - --color-global-nav-input-placeholder: #484f58; - --color-calendar-graph-day-bg: transparent; - --color-calendar-graph-day-border: rgba(27, 31, 35, 0.06); - --color-calendar-graph-day-L1-bg: transparent; - --color-calendar-graph-day-L2-bg: transparent; - --color-calendar-graph-day-L3-bg: transparent; - --color-calendar-graph-day-L4-bg: transparent; - --color-calendar-graph-day-L4-border: rgba(255, 255, 255, 0.05); - --color-calendar-graph-day-L3-border: rgba(255, 255, 255, 0.05); - --color-calendar-graph-day-L2-border: rgba(255, 255, 255, 0.05); - --color-calendar-graph-day-L1-border: rgba(255, 255, 255, 0.05); - --color-footer-invertocat-octicon: #30363d; - --color-footer-invertocat-octicon-hover: #6e7681; - --color-pr-state-draft-text: #8b949e; - --color-pr-state-draft-bg: transparent; - --color-pr-state-draft-border: rgba(139, 148, 158, 0.4); - --color-pr-state-open-text: #3fb950; - --color-pr-state-open-bg: transparent; - --color-pr-state-open-border: rgba(63, 185, 80, 0.4); - --color-pr-state-merged-text: #a371f7; - --color-pr-state-merged-bg: transparent; - --color-pr-state-merged-border: rgba(188, 140, 255, 0.4); - --color-pr-state-closed-text: #f85149; - --color-pr-state-closed-bg: transparent; - --color-pr-state-closed-border: rgba(218, 54, 51, 0.4); - --color-topic-tag-text: #58a6ff; - --color-topic-tag-bg: transparent; - --color-topic-tag-hover-bg: transparent; - --color-topic-tag-active-bg: transparent; - --color-merge-box-success-icon-bg: transparent; - --color-merge-box-success-icon-text: #3fb950; - --color-merge-box-success-icon-border: rgba(46, 160, 67, 0.4); - --color-merge-box-success-indicator-bg: transparent; - --color-merge-box-success-indicator-border: #2ea043; - --color-merge-box-merged-icon-bg: transparent; - --color-merge-box-merged-icon-text: #a371f7; - --color-merge-box-merged-icon-border: rgba(188, 140, 255, 0.4); - --color-merge-box-merged-box-border: rgba(188, 140, 255, 0.4); - --color-merge-box-neutral-icon-bg: transparent; - --color-merge-box-neutral-icon-text: #8b949e; - --color-merge-box-neutral-icon-border: rgba(201, 209, 217, 0.4); - --color-merge-box-neutral-indicator-bg: transparent; - --color-merge-box-neutral-indicator-border: #6e7681; - --color-merge-box-warning-icon-bg: transparent; - --color-merge-box-warning-icon-text: #e3b341; - --color-merge-box-warning-icon-border: rgba(187, 128, 9, 0.4); - --color-merge-box-warning-box-border: rgba(187, 128, 9, 0.4); - --color-merge-box-warning-merge-highlight: rgba(187, 128, 9, 0.1); - --color-merge-box-error-icon-bg: transparent; - --color-merge-box-error-icon-text: #f85149; - --color-merge-box-error-icon-border: rgba(248, 81, 73, 0.4); - --color-merge-box-error-indicator-bg: transparent; - --color-merge-box-error-indicator-border: #f85149; - --color-project-card-bg: transparent; - --color-project-header-bg: transparent; - --color-project-sidebar-bg: transparent; - --color-project-gradient-in: #161b22; - --color-project-gradient-out: rgba(22, 27, 34, 0); - --color-checks-bg: transparent; - --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: #6e7681; - --color-checks-btn-hover-icon: #c9d1d9; - --color-checks-btn-hover-bg: transparent; - --color-checks-input-text: #8b949e; - --color-checks-input-placeholder-text: #484f58; - --color-checks-input-focus-text: #c9d1d9; - --color-checks-input-bg: transparent; - --color-checks-input-shadow: 0 0 0 1px #21262d; - --color-checks-dropdown-text: #c9d1d9; - --color-checks-dropdown-bg: transparent; - --color-checks-dropdown-border: #30363d; - --color-checks-dropdown-hover-text: #f0f6fc; - --color-checks-dropdown-hover-bg: transparent; - --color-checks-dropdown-btn-hover-text: #f0f6fc; - --color-checks-dropdown-btn-hover-bg: transparent; - --color-checks-scrollbar-thumb-bg: transparent; - --color-checks-header-label-text: #8b949e; - --color-checks-header-label-open-text: #c9d1d9; - --color-checks-header-border: #21262d; - --color-checks-header-icon: #6e7681; - --color-checks-line-text: #8b949e; - --color-checks-line-num-text: #8b949e; - --color-checks-line-timestamp-text: #8b949e; - --color-checks-line-hover-bg: transparent; - --color-checks-line-selected-bg: transparent; - --color-checks-line-selected-num-text: #58a6ff; - --color-checks-line-dt-fm-text: #0d1117; - --color-checks-line-dt-fm-bg: transparent; - --color-checks-gate-bg: transparent; - --color-checks-gate-text: #8b949e; - --color-checks-gate-waiting-text: #e3b341; - --color-checks-step-header-open-bg: transparent; - --color-checks-step-error-text: #f85149; - --color-checks-step-warning-text: #e3b341; - --color-checks-logline-text: #6e7681; - --color-checks-logline-num-text: #8b949e; - --color-checks-logline-debug-text: #bc8cff; - --color-checks-logline-error-text: #8b949e; - --color-checks-logline-error-num-text: #8b949e; - --color-checks-logline-error-bg: transparent; - --color-checks-logline-warning-text: #8b949e; - --color-checks-logline-warning-num-text: #e3b341; - --color-checks-logline-warning-bg: transparent; - --color-checks-logline-command-text: #58a6ff; - --color-checks-logline-section-text: #56d364; - --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-intro-shelf-gradient-left: rgba(56, 139, 253, 0.1); - --color-intro-shelf-gradient-right: rgba(46, 160, 67, 0.1); - --color-intro-shelf-gradient-in: #0d1117; - --color-intro-shelf-gradient-out: rgba(13, 17, 23, 0); - --color-marketing-icon-primary: #79c0ff; - --color-marketing-icon-secondary: #1f6feb; - --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: transparent; - --color-prettylights-syntax-carriage-return-text: #f0f6fc; - --color-prettylights-syntax-carriage-return-bg: transparent; - --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: transparent; - --color-prettylights-syntax-markup-inserted-text: #aff5b4; - --color-prettylights-syntax-markup-inserted-bg: transparent; - --color-prettylights-syntax-markup-changed-text: #ffdfb6; - --color-prettylights-syntax-markup-changed-bg: transparent; - --color-prettylights-syntax-markup-ignored-text: #c9d1d9; - --color-prettylights-syntax-markup-ignored-bg: transparent; - --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: transparent; - --color-codemirror-gutters-bg: transparent; - --color-codemirror-guttermarker-text: #0d1117; - --color-codemirror-guttermarker-subtle-text: #6e7681; - --color-codemirror-linenumber-text: #8b949e; - --color-codemirror-cursor: #f0f6fc; - --color-codemirror-selection-bg: transparent; - --color-codemirror-activeline-bg: transparent; - --color-codemirror-matchingbracket-text: #c9d1d9; - --color-codemirror-lines-bg: transparent; - --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-ansi-black: #484f58; - --color-ansi-black-bright: #6e7681; - --color-ansi-white: #b1bac4; - --color-ansi-white-bright: #f0f6fc; - --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; /* Extensions from color-modes.scss */ - --color-workflow-card-connector: var(--color-scale-gray-5); - --color-workflow-card-connector-bg: transparent; - --color-workflow-card-connector-inactive: var(--color-border-primary); - --color-workflow-card-connector-inactive-bg: transparent; - --color-workflow-card-connector-highlight: var(--color-scale-blue-5); - --color-workflow-card-connector-highlight-bg: transparent; - --color-workflow-card-bg: transparent; - --color-workflow-card-inactive-bg: transparent; - --color-workflow-card-header-shadow: rgba(27, 31, 35, 0.04); - --color-workflow-card-progress-complete-bg: transparent; - --color-workflow-card-progress-incomplete-bg: transparent; - --color-checks-donut-error: var(--color-scale-red-4); - --color-checks-donut-pending: var(--color-scale-yellow-3); - --color-checks-donut-success: var(--color-scale-green-4); - --color-checks-donut-neutral: var(--color-scale-gray-3); - --color-discussions-answer-border: rgba(var(--color-scale-green-3), 0.3); - --color-discussions-answer-icon: var(--color-scale-green-3); - --color-discussions-answer-text: var(--color-scale-green-3); - --color-discussions-state-answered-icon: var(--color-scale-green-3); - --color-bg-discussions-row-emoji-box: transparent; --color-upvote-icon-bg: transparent; - --color-downvote-icon-bg: transparent; - --color-search-hover-hl: var(--color-scale-gray-8); - --color-notifications-button-text: var(--color-text-white); - --color-notifications-button-hover-text: var(--color-text-white); - --color-notifications-button-hover-bg: transparent; - --color-notifications-row-read-bg: transparent; - --color-notifications-row-bg: transparent; - --color-timeline-merged-bg: transparent; - --color-current-user-tip-bg: transparent; - --color-current-user-tip-border: #1f477e; - --color-gist-editor-bg: transparent; - --color-profile-color-modes-ga-moon: var(--color-scale-gray-7); - --color-calendar-halloween-graph-day-L1-bg: transparent; - --color-calendar-halloween-graph-day-L2-bg: transparent; - --color-calendar-halloween-graph-day-L3-bg: transparent; - --color-calendar-halloween-graph-day-L4-bg: transparent; } -[data-theme='transparent_dark'] .pagination-loader-container { +main .pagination-loader-container { background-image: url(https://github.com/images/modules/pulls/progressive-disclosure-line-dark.svg); } +/*! Custom CSS */ +main { + color-scheme: dark; +} + .gsc-homepage-bg { background: linear-gradient(135deg, #00468a, #510069, #005c6b); background-size: 600% 600%; diff --git a/yarn.lock b/yarn.lock index 711885611..c99310cb3 100644 --- a/yarn.lock +++ b/yarn.lock @@ -231,6 +231,11 @@ resolved "https://registry.yarnpkg.com/@primer/octicons-react/-/octicons-react-12.1.0.tgz#7556450199e0c10e72e99dd02c59f1ac33544767" integrity sha512-eb/5Obsp6/pVkyzzGhobK6aPAkKqx6VleF/7HYeihGTYm3rGZc+prL/jhxD5Mo1P6U343YEkHjc2gKuvtENn1g== +"@trysound/sax@0.1.1": + version "0.1.1" + resolved "https://registry.yarnpkg.com/@trysound/sax/-/sax-0.1.1.tgz#3348564048e7a2d7398c935d466c0414ebb6a669" + integrity sha512-Z6DoceYb/1xSg5+e+ZlPZ9v0N16ZvZ+wYMraFue4HYrE4ttONKtsvruIRf6t9TBR0YvSOfi1hUU0fJfBLCDYow== + "@types/asn1js@^2.0.0": version "2.0.0" resolved "https://registry.yarnpkg.com/@types/asn1js/-/asn1js-2.0.0.tgz#10ca75692575744d0117098148a8dc84cbee6682" @@ -406,6 +411,11 @@ ajv@^8.0.1: require-from-string "^2.0.2" uri-js "^4.2.2" +alphanum-sort@^1.0.2: + version "1.0.2" + resolved "https://registry.yarnpkg.com/alphanum-sort/-/alphanum-sort-1.0.2.tgz#97a1119649b211ad33691d9f9f486a8ec9fbe0a3" + integrity sha1-l6ERlkmyEa0zaR2fn0hqjsn74KM= + anser@1.4.9: version "1.4.9" resolved "https://registry.yarnpkg.com/anser/-/anser-1.4.9.tgz#1f85423a5dcf8da4631a341665ff675b96845760" @@ -585,6 +595,11 @@ bn.js@^5.0.0, bn.js@^5.1.1: resolved "https://registry.yarnpkg.com/bn.js/-/bn.js-5.2.0.tgz#358860674396c6997771a9d051fcc1b57d4ae002" integrity sha512-D7iWRBvnZE8ecXiLj/9wbxH7Tk79fAh8IHaTNq1RWRixsS02W+5qS+iE9yq6RYl0asXx5tw0bLhmT5pIfbSquw== +boolbase@^1.0.0: + version "1.0.0" + resolved "https://registry.yarnpkg.com/boolbase/-/boolbase-1.0.0.tgz#68dff5fbe60c51eb37725ea9e3ed310dcc1e776e" + integrity sha1-aN/1++YMUes3cl6p4+0xDcwed24= + brace-expansion@^1.1.7: version "1.1.11" resolved "https://registry.yarnpkg.com/brace-expansion/-/brace-expansion-1.1.11.tgz#3c7fcbf529d87226f3d2f52b966ff5271eb441dd" @@ -677,7 +692,7 @@ browserslist@4.16.1: escalade "^3.1.1" node-releases "^1.1.69" -browserslist@^4.16.3: +browserslist@^4.0.0, browserslist@^4.16.0, browserslist@^4.16.3, browserslist@^4.16.6: version "4.16.6" resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.16.6.tgz#d7901277a5a88e554ed305b183ec9b0c08f66fa2" integrity sha512-Wspk/PqO+4W9qp5iUTJsa1B/QrYn1keNCcEP5OvP7WBwT4KaDly0uONYmC6Xa3Z5IqnUgS0KcgLYu1l74x0ZXQ== @@ -743,6 +758,21 @@ camelcase-css@^2.0.1: resolved "https://registry.yarnpkg.com/camelcase-css/-/camelcase-css-2.0.1.tgz#ee978f6947914cc30c6b44741b6ed1df7f043fd5" integrity sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA== +caniuse-api@^3.0.0: + version "3.0.0" + resolved "https://registry.yarnpkg.com/caniuse-api/-/caniuse-api-3.0.0.tgz#5e4d90e2274961d46291997df599e3ed008ee4c0" + integrity sha512-bsTwuIg/BZZK/vreVTYYbSWoe2F+71P7K5QGEX+pT250DZbfU1MQ5prOKpPR+LL6uWKK3KMwMCAS74QB3Um1uw== + dependencies: + browserslist "^4.0.0" + caniuse-lite "^1.0.0" + lodash.memoize "^4.1.2" + lodash.uniq "^4.5.0" + +caniuse-lite@^1.0.0: + version "1.0.30001243" + resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001243.tgz#d9250155c91e872186671c523f3ae50cfc94a3aa" + integrity sha512-vNxw9mkTBtkmLFnJRv/2rhs1yufpDfCkBZexG3Y0xdOH2Z/eE/85E4Dl5j1YUN34nZVsSp6vVRFQRrez9wJMRA== + caniuse-lite@^1.0.30001173, caniuse-lite@^1.0.30001179, caniuse-lite@^1.0.30001196, caniuse-lite@^1.0.30001202, caniuse-lite@^1.0.30001219: version "1.0.30001219" resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001219.tgz#5bfa5d0519f41f993618bd318f606a4c4c16156b" @@ -850,6 +880,11 @@ color@^3.1.3: color-convert "^1.9.1" color-string "^1.5.4" +colord@^2.0.1: + version "2.1.0" + resolved "https://registry.yarnpkg.com/colord/-/colord-2.1.0.tgz#28cd9d6ac874dff97ef5ec1432c5c0b4e58e49c7" + integrity sha512-H5sDP9XDk2uP+x/xSGkgB9SEFc1bojdI5DMKU0jmSXQtml2GIe48dj1DcSS0e53QQAHn+JKqUXbGeGX24xWD7w== + colorette@^1.2.1, colorette@^1.2.2: version "1.2.2" resolved "https://registry.yarnpkg.com/colorette/-/colorette-1.2.2.tgz#cbcc79d5e99caea2dbf10eb3a26fd8b3e6acfa94" @@ -860,6 +895,11 @@ commander@^6.0.0, commander@^6.2.0: resolved "https://registry.yarnpkg.com/commander/-/commander-6.2.1.tgz#0792eb682dfbc325999bb2b84fddddba110ac73c" integrity sha512-U7VdrJFnJgo4xjrHpTzu0yrHPGImdsmD95ZlgYSEajAn2JKzDhDTPG9kBTefmObL2w/ngeZnilk+OV9CG3d7UA== +commander@^7.1.0: + version "7.2.0" + resolved "https://registry.yarnpkg.com/commander/-/commander-7.2.0.tgz#a36cb57d0b501ce108e4d20559a150a391d97ab7" + integrity sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw== + commondir@^1.0.1: version "1.0.1" resolved "https://registry.yarnpkg.com/commondir/-/commondir-1.0.1.tgz#ddd800da0c66127393cca5950ea968a3aaf1253b" @@ -960,11 +1000,52 @@ crypto-browserify@3.12.0, crypto-browserify@^3.11.0: randombytes "^2.0.0" randomfill "^1.0.3" +css-color-names@^0.0.4: + version "0.0.4" + resolved "https://registry.yarnpkg.com/css-color-names/-/css-color-names-0.0.4.tgz#808adc2e79cf84738069b646cb20ec27beb629e0" + integrity sha1-gIrcLnnPhHOAabZGyyDsJ762KeA= + +css-color-names@^1.0.1: + version "1.0.1" + resolved "https://registry.yarnpkg.com/css-color-names/-/css-color-names-1.0.1.tgz#6ff7ee81a823ad46e020fa2fd6ab40a887e2ba67" + integrity sha512-/loXYOch1qU1biStIFsHH8SxTmOseh1IJqFvy8IujXOm1h+QjUdDhkzOrR5HG8K8mlxREj0yfi8ewCHx0eMxzA== + +css-declaration-sorter@^6.0.3: + version "6.0.3" + resolved "https://registry.yarnpkg.com/css-declaration-sorter/-/css-declaration-sorter-6.0.3.tgz#9dfd8ea0df4cc7846827876fafb52314890c21a9" + integrity sha512-52P95mvW1SMzuRZegvpluT6yEv0FqQusydKQPZsNN5Q7hh8EwQvN8E2nwuJ16BBvNN6LcoIZXu/Bk58DAhrrxw== + dependencies: + timsort "^0.3.0" + +css-select@^4.1.3: + version "4.1.3" + resolved "https://registry.yarnpkg.com/css-select/-/css-select-4.1.3.tgz#a70440f70317f2669118ad74ff105e65849c7067" + integrity sha512-gT3wBNd9Nj49rAbmtFHj1cljIAOLYSX1nZ8CB7TBO3INYckygm5B7LISU/szY//YmdiSLbJvDLOx9VnMVpMBxA== + dependencies: + boolbase "^1.0.0" + css-what "^5.0.0" + domhandler "^4.2.0" + domutils "^2.6.0" + nth-check "^2.0.0" + +css-tree@^1.1.2: + version "1.1.3" + resolved "https://registry.yarnpkg.com/css-tree/-/css-tree-1.1.3.tgz#eb4870fb6fd7707327ec95c2ff2ab09b5e8db91d" + integrity sha512-tRpdppF7TRazZrjJ6v3stzv93qxRcSsFmW6cX0Zm2NVKpxE1WV1HblnghVv9TreireHkqI/VDEsfolRF1p6y7Q== + dependencies: + mdn-data "2.0.14" + source-map "^0.6.1" + css-unit-converter@^1.1.1: version "1.1.2" resolved "https://registry.yarnpkg.com/css-unit-converter/-/css-unit-converter-1.1.2.tgz#4c77f5a1954e6dbff60695ecb214e3270436ab21" integrity sha512-IiJwMC8rdZE0+xiEZHeru6YoONC4rfPMqGm2W85jMIbkFvv5nFTwJVFHam2eFrN6txmoUYFAFXiv8ICVeTO0MA== +css-what@^5.0.0: + version "5.0.1" + resolved "https://registry.yarnpkg.com/css-what/-/css-what-5.0.1.tgz#3efa820131f4669a8ac2408f9c32e7c7de9f4cad" + integrity sha512-FYDTSHb/7KXsWICVsxdmiExPjCfRC4qRFBdVwv7Ax9hMnvMmEjP9RfxTEZ3qPZGmADDn2vAKSo9UcN1jKVYscg== + css.escape@1.5.1: version "1.5.1" resolved "https://registry.yarnpkg.com/css.escape/-/css.escape-1.5.1.tgz#42e27d4fa04ae32f931a4b4d4191fa9cddee97cb" @@ -975,6 +1056,41 @@ cssesc@^3.0.0: resolved "https://registry.yarnpkg.com/cssesc/-/cssesc-3.0.0.tgz#37741919903b868565e1c09ea747445cd18983ee" integrity sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg== +cssnano-preset-default@^5.1.3: + version "5.1.3" + resolved "https://registry.yarnpkg.com/cssnano-preset-default/-/cssnano-preset-default-5.1.3.tgz#caa54183a8c8df03124a9e23f374ab89df5a9a99" + integrity sha512-qo9tX+t4yAAZ/yagVV3b+QBKeLklQbmgR3wI7mccrDcR+bEk9iHgZN1E7doX68y9ThznLya3RDmR+nc7l6/2WQ== + dependencies: + css-declaration-sorter "^6.0.3" + cssnano-utils "^2.0.1" + postcss-calc "^8.0.0" + postcss-colormin "^5.2.0" + postcss-convert-values "^5.0.1" + postcss-discard-comments "^5.0.1" + postcss-discard-duplicates "^5.0.1" + postcss-discard-empty "^5.0.1" + postcss-discard-overridden "^5.0.1" + postcss-merge-longhand "^5.0.2" + postcss-merge-rules "^5.0.2" + postcss-minify-font-values "^5.0.1" + postcss-minify-gradients "^5.0.1" + postcss-minify-params "^5.0.1" + postcss-minify-selectors "^5.1.0" + postcss-normalize-charset "^5.0.1" + postcss-normalize-display-values "^5.0.1" + postcss-normalize-positions "^5.0.1" + postcss-normalize-repeat-style "^5.0.1" + postcss-normalize-string "^5.0.1" + postcss-normalize-timing-functions "^5.0.1" + postcss-normalize-unicode "^5.0.1" + postcss-normalize-url "^5.0.2" + postcss-normalize-whitespace "^5.0.1" + postcss-ordered-values "^5.0.2" + postcss-reduce-initial "^5.0.1" + postcss-reduce-transforms "^5.0.1" + postcss-svgo "^5.0.2" + postcss-unique-selectors "^5.0.1" + cssnano-preset-simple@^2.0.0: version "2.0.0" resolved "https://registry.yarnpkg.com/cssnano-preset-simple/-/cssnano-preset-simple-2.0.0.tgz#b55e72cb970713f425560a0e141b0335249e2f96" @@ -989,6 +1105,27 @@ cssnano-simple@2.0.0: dependencies: cssnano-preset-simple "^2.0.0" +cssnano-utils@^2.0.1: + version "2.0.1" + resolved "https://registry.yarnpkg.com/cssnano-utils/-/cssnano-utils-2.0.1.tgz#8660aa2b37ed869d2e2f22918196a9a8b6498ce2" + integrity sha512-i8vLRZTnEH9ubIyfdZCAdIdgnHAUeQeByEeQ2I7oTilvP9oHO6RScpeq3GsFUVqeB8uZgOQ9pw8utofNn32hhQ== + +cssnano@^5.0.6: + version "5.0.6" + resolved "https://registry.yarnpkg.com/cssnano/-/cssnano-5.0.6.tgz#2a91ad34c6521ae31eab3da9c90108ea3093535d" + integrity sha512-NiaLH/7yqGksFGsFNvSRe2IV/qmEBAeDE64dYeD8OBrgp6lE8YoMeQJMtsv5ijo6MPyhuoOvFhI94reahBRDkw== + dependencies: + cosmiconfig "^7.0.0" + cssnano-preset-default "^5.1.3" + is-resolvable "^1.1.0" + +csso@^4.2.0: + version "4.2.0" + resolved "https://registry.yarnpkg.com/csso/-/csso-4.2.0.tgz#ea3a561346e8dc9f546d6febedd50187cf389529" + integrity sha512-wvlcdIbf6pwKEk7vHj8/Bkc0B4ylXZruLvOgs9doS5eOsOpuodOV2zJChSpkp+pRpYQLQMeF04nr3Z68Sta9jA== + dependencies: + css-tree "^1.1.2" + csstype@^3.0.2: version "3.0.8" resolved "https://registry.yarnpkg.com/csstype/-/csstype-3.0.8.tgz#d2266a792729fb227cd216fb572f43728e1ad340" @@ -1107,6 +1244,15 @@ doctrine@^3.0.0: dependencies: esutils "^2.0.2" +dom-serializer@^1.0.1: + version "1.3.2" + resolved "https://registry.yarnpkg.com/dom-serializer/-/dom-serializer-1.3.2.tgz#6206437d32ceefaec7161803230c7a20bc1b4d91" + integrity sha512-5c54Bk5Dw4qAxNOI1pFEizPSjVsx5+bpJKmL2kPn8JhBUq2q09tTCa3mjijun2NfK78NMouDYNMBkOrPZiS+ig== + dependencies: + domelementtype "^2.0.1" + domhandler "^4.2.0" + entities "^2.0.0" + domain-browser@4.19.0: version "4.19.0" resolved "https://registry.yarnpkg.com/domain-browser/-/domain-browser-4.19.0.tgz#1093e17c0a17dbd521182fe90d49ac1370054af1" @@ -1117,6 +1263,27 @@ domain-browser@^1.1.1: resolved "https://registry.yarnpkg.com/domain-browser/-/domain-browser-1.2.0.tgz#3d31f50191a6749dd1375a7f522e823d42e54eda" integrity sha512-jnjyiM6eRyZl2H+W8Q/zLMA481hzi0eszAaBUzIVnmYVDBbnLxVNnfu1HgEBvCbL+71FrxMl3E6lpKH7Ge3OXA== +domelementtype@^2.0.1, domelementtype@^2.2.0: + version "2.2.0" + resolved "https://registry.yarnpkg.com/domelementtype/-/domelementtype-2.2.0.tgz#9a0b6c2782ed6a1c7323d42267183df9bd8b1d57" + integrity sha512-DtBMo82pv1dFtUmHyr48beiuq792Sxohr+8Hm9zoxklYPfa6n0Z3Byjj2IV7bmr2IyqClnqEQhfgHJJ5QF0R5A== + +domhandler@^4.2.0: + version "4.2.0" + resolved "https://registry.yarnpkg.com/domhandler/-/domhandler-4.2.0.tgz#f9768a5f034be60a89a27c2e4d0f74eba0d8b059" + integrity sha512-zk7sgt970kzPks2Bf+dwT/PLzghLnsivb9CcxkvR8Mzr66Olr0Ofd8neSbglHJHaHa2MadfoSdNlKYAaafmWfA== + dependencies: + domelementtype "^2.2.0" + +domutils@^2.6.0: + version "2.7.0" + resolved "https://registry.yarnpkg.com/domutils/-/domutils-2.7.0.tgz#8ebaf0c41ebafcf55b0b72ec31c56323712c5442" + integrity sha512-8eaHa17IwJUPAiB+SoTYBo5mCdeMgdcAoXJ59m6DT1vw+5iLS3gNoqYaRowaBKtGVrOF1Jz4yDTgYKLK2kvfJg== + dependencies: + dom-serializer "^1.0.1" + domelementtype "^2.2.0" + domhandler "^4.2.0" + duplexer@^0.1.2: version "0.1.2" resolved "https://registry.yarnpkg.com/duplexer/-/duplexer-0.1.2.tgz#3abe43aef3835f8ae077d136ddce0f276b0400e6" @@ -1171,6 +1338,11 @@ enquirer@^2.3.5: dependencies: ansi-colors "^4.1.1" +entities@^2.0.0: + version "2.2.0" + resolved "https://registry.yarnpkg.com/entities/-/entities-2.2.0.tgz#098dc90ebb83d8dffa089d55256b351d34c4da55" + integrity sha512-p92if5Nz619I0w+akJrLZH0MX0Pb5DX39XOwQTtXSdQQOaYH03S1uIQp4mhOZtAXrxq4ViO67YTiLBo2638o9A== + error-ex@^1.3.1: version "1.3.2" resolved "https://registry.yarnpkg.com/error-ex/-/error-ex-1.3.2.tgz#b4ac40648107fdcdcfae242f428bea8a14d4f1bf" @@ -1673,6 +1845,11 @@ he@1.2.0: resolved "https://registry.yarnpkg.com/he/-/he-1.2.0.tgz#84ae65fa7eafb165fddb61566ae14baf05664f0f" integrity sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw== +hex-color-regex@^1.1.0: + version "1.1.0" + resolved "https://registry.yarnpkg.com/hex-color-regex/-/hex-color-regex-1.1.0.tgz#4c06fccb4602fe2602b3c93df82d7e7dbf1a8a8e" + integrity sha512-l9sfDFsuqtOqKDsQdqrMRk0U85RZc0RtOR9yPI7mRVOa4FsR/BVnZ0shmQRM96Ji99kYZP/7hn1cedc1+ApsTQ== + hmac-drbg@^1.0.1: version "1.0.1" resolved "https://registry.yarnpkg.com/hmac-drbg/-/hmac-drbg-1.0.1.tgz#d2745701025a6c775a6c545793ed502fc0c649a1" @@ -1682,6 +1859,16 @@ hmac-drbg@^1.0.1: minimalistic-assert "^1.0.0" minimalistic-crypto-utils "^1.0.1" +hsl-regex@^1.0.0: + version "1.0.0" + resolved "https://registry.yarnpkg.com/hsl-regex/-/hsl-regex-1.0.0.tgz#d49330c789ed819e276a4c0d272dffa30b18fe6e" + integrity sha1-1JMwx4ntgZ4nakwNJy3/owsY/m4= + +hsla-regex@^1.0.0: + version "1.0.0" + resolved "https://registry.yarnpkg.com/hsla-regex/-/hsla-regex-1.0.0.tgz#c1ce7a3168c8c6614033a4b5f7877f3b225f9c38" + integrity sha1-wc56MWjIxmFAM6S194d/OyJfnDg= + html-tags@^3.1.0: version "3.1.0" resolved "https://registry.yarnpkg.com/html-tags/-/html-tags-3.1.0.tgz#7b5e6f7e665e9fb41f30007ed9e0d41e97fb2140" @@ -1791,6 +1978,11 @@ internal-slot@^1.0.3: has "^1.0.3" side-channel "^1.0.4" +is-absolute-url@^3.0.3: + version "3.0.3" + resolved "https://registry.yarnpkg.com/is-absolute-url/-/is-absolute-url-3.0.3.tgz#96c6a22b6a23929b11ea0afb1836c36ad4a5d698" + integrity sha512-opmNIX7uFnS96NtPmhWQgQx6/NYFgsUXYMllcfzwWKUMwfo8kku1TvE6hkNcH+Q1ts5cMVrsY7j0bxXQDciu9Q== + is-arguments@^1.0.4: version "1.1.0" resolved "https://registry.yarnpkg.com/is-arguments/-/is-arguments-1.1.0.tgz#62353031dfbee07ceb34656a6bde59efecae8dd9" @@ -1832,6 +2024,18 @@ is-callable@^1.1.4, is-callable@^1.2.3: resolved "https://registry.yarnpkg.com/is-callable/-/is-callable-1.2.3.tgz#8b1e0500b73a1d76c70487636f368e519de8db8e" integrity sha512-J1DcMe8UYTBSrKezuIUTUwjXsho29693unXM2YhJUTR2txK/eG47bvNa/wipPFmZFgr/N6f1GA66dv0mEyTIyQ== +is-color-stop@^1.1.0: + version "1.1.0" + resolved "https://registry.yarnpkg.com/is-color-stop/-/is-color-stop-1.1.0.tgz#cfff471aee4dd5c9e158598fbe12967b5cdad345" + integrity sha1-z/9HGu5N1cnhWFmPvhKWe1za00U= + dependencies: + css-color-names "^0.0.4" + hex-color-regex "^1.1.0" + hsl-regex "^1.0.0" + hsla-regex "^1.0.0" + rgb-regex "^1.0.1" + rgba-regex "^1.0.0" + is-core-module@^2.2.0: version "2.3.0" resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.3.0.tgz#d341652e3408bca69c4671b79a0954a3d349f887" @@ -1914,6 +2118,11 @@ is-regex@^1.1.2: call-bind "^1.0.2" has-symbols "^1.0.1" +is-resolvable@^1.1.0: + version "1.1.0" + resolved "https://registry.yarnpkg.com/is-resolvable/-/is-resolvable-1.1.0.tgz#fb18f87ce1feb925169c9a407c19318a3206ed88" + integrity sha512-qgDYXFSR5WvEfuS5dMj6oTMEbrrSaM0CrFk2Yiq/gXnBvD9pMa2jGXxyhGLfvhZpuMZe18CJpFxAt3CRs42NMg== + is-string@^1.0.5: version "1.0.5" resolved "https://registry.yarnpkg.com/is-string/-/is-string-1.0.5.tgz#40493ed198ef3ff477b8c7f92f644ec82a5cd3a6" @@ -2135,6 +2344,11 @@ lodash.isstring@^4.0.1: resolved "https://registry.yarnpkg.com/lodash.isstring/-/lodash.isstring-4.0.1.tgz#d527dfb5456eca7cc9bb95d5daeaf88ba54a5451" integrity sha1-1SfftUVuynzJu5XV2ur4i6VKVFE= +lodash.memoize@^4.1.2: + version "4.1.2" + resolved "https://registry.yarnpkg.com/lodash.memoize/-/lodash.memoize-4.1.2.tgz#bcc6c49a42a2840ed997f323eada5ecd182e0bfe" + integrity sha1-vMbEmkKihA7Zl/Mj6tpezRguC/4= + lodash.once@^4.0.0: version "4.1.1" resolved "https://registry.yarnpkg.com/lodash.once/-/lodash.once-4.1.1.tgz#0dd3971213c7c56df880977d504c88fb471a97ac" @@ -2160,6 +2374,11 @@ lodash.truncate@^4.4.2: resolved "https://registry.yarnpkg.com/lodash.truncate/-/lodash.truncate-4.4.2.tgz#5a350da0b1113b837ecfffd5812cbe58d6eae193" integrity sha1-WjUNoLERO4N+z//VgSy+WNbq4ZM= +lodash.uniq@^4.5.0: + version "4.5.0" + resolved "https://registry.yarnpkg.com/lodash.uniq/-/lodash.uniq-4.5.0.tgz#d0225373aeb652adc1bc82e4945339a842754773" + integrity sha1-0CJTc662Uq3BvILklFM5qEJ1R3M= + lodash@^4.17.13, lodash@^4.17.15, lodash@^4.17.20, lodash@^4.17.21: version "4.17.21" resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.21.tgz#679591c564c3bffaae8454cf0b3df370c3d6911c" @@ -2195,6 +2414,11 @@ md5.js@^1.3.4: inherits "^2.0.1" safe-buffer "^5.1.2" +mdn-data@2.0.14: + version "2.0.14" + resolved "https://registry.yarnpkg.com/mdn-data/-/mdn-data-2.0.14.tgz#7113fc4281917d63ce29b43446f701e68c25ba50" + integrity sha512-dn6wd0uw5GsdswPFfsgMp5NSB0/aDe6fK94YJV/AJDYXL6HVLWBsxeq7js7Ad+mU2K9LAlwpk6kN2D5mwCPVow== + merge-stream@^2.0.0: version "2.0.0" resolved "https://registry.yarnpkg.com/merge-stream/-/merge-stream-2.0.0.tgz#52823629a14dd00c9770fb6ad47dc6310f2c1f60" @@ -2417,6 +2641,18 @@ normalize-range@^0.1.2: resolved "https://registry.yarnpkg.com/normalize-range/-/normalize-range-0.1.2.tgz#2d10c06bdfd312ea9777695a4d28439456b75942" integrity sha1-LRDAa9/TEuqXd2laTShDlFa3WUI= +normalize-url@^6.0.1: + version "6.1.0" + resolved "https://registry.yarnpkg.com/normalize-url/-/normalize-url-6.1.0.tgz#40d0885b535deffe3f3147bec877d05fe4c5668a" + integrity sha512-DlL+XwOy3NxAQ8xuC0okPgK46iuVNAK01YN7RueYBqqFeGsBjV9XmCAzAdgt+667bCl5kPh9EqKKDwnaPG1I7A== + +nth-check@^2.0.0: + version "2.0.0" + resolved "https://registry.yarnpkg.com/nth-check/-/nth-check-2.0.0.tgz#1bb4f6dac70072fc313e8c9cd1417b5074c0a125" + integrity sha512-i4sc/Kj8htBrAiH1viZ0TgU8Y5XqCaV/FziYK6TBczxmeKm3AEFWqqF3195yKudrarqy7Zu80Ra5dobFjn9X/Q== + dependencies: + boolbase "^1.0.0" + object-assign@^4.1.1: version "4.1.1" resolved "https://registry.yarnpkg.com/object-assign/-/object-assign-4.1.1.tgz#2109adc7965887cfc05cbbd442cac8bfbb360863" @@ -2658,6 +2894,14 @@ pnp-webpack-plugin@1.6.4: dependencies: ts-pnp "^1.1.6" +postcss-calc@^8.0.0: + version "8.0.0" + resolved "https://registry.yarnpkg.com/postcss-calc/-/postcss-calc-8.0.0.tgz#a05b87aacd132740a5db09462a3612453e5df90a" + integrity sha512-5NglwDrcbiy8XXfPM11F3HeC6hoT9W7GUH/Zi5U/p7u3Irv4rHhdDcIZwG0llHXV4ftsBjpfWMXAnXNl4lnt8g== + dependencies: + postcss-selector-parser "^6.0.2" + postcss-value-parser "^4.0.2" + postcss-cli@^8.3.1: version "8.3.1" resolved "https://registry.yarnpkg.com/postcss-cli/-/postcss-cli-8.3.1.tgz#865dad08300ac59ae9cecb7066780aa81c767a77" @@ -2676,6 +2920,43 @@ postcss-cli@^8.3.1: slash "^3.0.0" yargs "^16.0.0" +postcss-colormin@^5.2.0: + version "5.2.0" + resolved "https://registry.yarnpkg.com/postcss-colormin/-/postcss-colormin-5.2.0.tgz#2b620b88c0ff19683f3349f4cf9e24ebdafb2c88" + integrity sha512-+HC6GfWU3upe5/mqmxuqYZ9B2Wl4lcoUUNkoaX59nEWV4EtADCMiBqui111Bu8R8IvaZTmqmxrqOAqjbHIwXPw== + dependencies: + browserslist "^4.16.6" + caniuse-api "^3.0.0" + colord "^2.0.1" + postcss-value-parser "^4.1.0" + +postcss-convert-values@^5.0.1: + version "5.0.1" + resolved "https://registry.yarnpkg.com/postcss-convert-values/-/postcss-convert-values-5.0.1.tgz#4ec19d6016534e30e3102fdf414e753398645232" + integrity sha512-C3zR1Do2BkKkCgC0g3sF8TS0koF2G+mN8xxayZx3f10cIRmTaAnpgpRQZjNekTZxM2ciSPoh2IWJm0VZx8NoQg== + dependencies: + postcss-value-parser "^4.1.0" + +postcss-discard-comments@^5.0.1: + version "5.0.1" + resolved "https://registry.yarnpkg.com/postcss-discard-comments/-/postcss-discard-comments-5.0.1.tgz#9eae4b747cf760d31f2447c27f0619d5718901fe" + integrity sha512-lgZBPTDvWrbAYY1v5GYEv8fEO/WhKOu/hmZqmCYfrpD6eyDWWzAOsl2rF29lpvziKO02Gc5GJQtlpkTmakwOWg== + +postcss-discard-duplicates@^5.0.1: + version "5.0.1" + resolved "https://registry.yarnpkg.com/postcss-discard-duplicates/-/postcss-discard-duplicates-5.0.1.tgz#68f7cc6458fe6bab2e46c9f55ae52869f680e66d" + integrity sha512-svx747PWHKOGpAXXQkCc4k/DsWo+6bc5LsVrAsw+OU+Ibi7klFZCyX54gjYzX4TH+f2uzXjRviLARxkMurA2bA== + +postcss-discard-empty@^5.0.1: + version "5.0.1" + resolved "https://registry.yarnpkg.com/postcss-discard-empty/-/postcss-discard-empty-5.0.1.tgz#ee136c39e27d5d2ed4da0ee5ed02bc8a9f8bf6d8" + integrity sha512-vfU8CxAQ6YpMxV2SvMcMIyF2LX1ZzWpy0lqHDsOdaKKLQVQGVP1pzhrI9JlsO65s66uQTfkQBKBD/A5gp9STFw== + +postcss-discard-overridden@^5.0.1: + version "5.0.1" + resolved "https://registry.yarnpkg.com/postcss-discard-overridden/-/postcss-discard-overridden-5.0.1.tgz#454b41f707300b98109a75005ca4ab0ff2743ac6" + integrity sha512-Y28H7y93L2BpJhrdUR2SR2fnSsT+3TVx1NmVQLbcnZWwIUpJ7mfcTC6Za9M2PG6w8j7UQRfzxqn8jU2VwFxo3Q== + postcss-functions@^3: version "3.0.0" resolved "https://registry.yarnpkg.com/postcss-functions/-/postcss-functions-3.0.0.tgz#0e94d01444700a481de20de4d55fb2640564250e" @@ -2711,6 +2992,61 @@ postcss-load-config@^3.0.0: cosmiconfig "^7.0.0" import-cwd "^3.0.0" +postcss-merge-longhand@^5.0.2: + version "5.0.2" + resolved "https://registry.yarnpkg.com/postcss-merge-longhand/-/postcss-merge-longhand-5.0.2.tgz#277ada51d9a7958e8ef8cf263103c9384b322a41" + integrity sha512-BMlg9AXSI5G9TBT0Lo/H3PfUy63P84rVz3BjCFE9e9Y9RXQZD3+h3YO1kgTNsNJy7bBc1YQp8DmSnwLIW5VPcw== + dependencies: + css-color-names "^1.0.1" + postcss-value-parser "^4.1.0" + stylehacks "^5.0.1" + +postcss-merge-rules@^5.0.2: + version "5.0.2" + resolved "https://registry.yarnpkg.com/postcss-merge-rules/-/postcss-merge-rules-5.0.2.tgz#d6e4d65018badbdb7dcc789c4f39b941305d410a" + integrity sha512-5K+Md7S3GwBewfB4rjDeol6V/RZ8S+v4B66Zk2gChRqLTCC8yjnHQ601omj9TKftS19OPGqZ/XzoqpzNQQLwbg== + dependencies: + browserslist "^4.16.6" + caniuse-api "^3.0.0" + cssnano-utils "^2.0.1" + postcss-selector-parser "^6.0.5" + vendors "^1.0.3" + +postcss-minify-font-values@^5.0.1: + version "5.0.1" + resolved "https://registry.yarnpkg.com/postcss-minify-font-values/-/postcss-minify-font-values-5.0.1.tgz#a90cefbfdaa075bd3dbaa1b33588bb4dc268addf" + integrity sha512-7JS4qIsnqaxk+FXY1E8dHBDmraYFWmuL6cgt0T1SWGRO5bzJf8sUoelwa4P88LEWJZweHevAiDKxHlofuvtIoA== + dependencies: + postcss-value-parser "^4.1.0" + +postcss-minify-gradients@^5.0.1: + version "5.0.1" + resolved "https://registry.yarnpkg.com/postcss-minify-gradients/-/postcss-minify-gradients-5.0.1.tgz#2dc79fd1a1afcb72a9e727bc549ce860f93565d2" + integrity sha512-odOwBFAIn2wIv+XYRpoN2hUV3pPQlgbJ10XeXPq8UY2N+9ZG42xu45lTn/g9zZ+d70NKSQD6EOi6UiCMu3FN7g== + dependencies: + cssnano-utils "^2.0.1" + is-color-stop "^1.1.0" + postcss-value-parser "^4.1.0" + +postcss-minify-params@^5.0.1: + version "5.0.1" + resolved "https://registry.yarnpkg.com/postcss-minify-params/-/postcss-minify-params-5.0.1.tgz#371153ba164b9d8562842fdcd929c98abd9e5b6c" + integrity sha512-4RUC4k2A/Q9mGco1Z8ODc7h+A0z7L7X2ypO1B6V8057eVK6mZ6xwz6QN64nHuHLbqbclkX1wyzRnIrdZehTEHw== + dependencies: + alphanum-sort "^1.0.2" + browserslist "^4.16.0" + cssnano-utils "^2.0.1" + postcss-value-parser "^4.1.0" + uniqs "^2.0.0" + +postcss-minify-selectors@^5.1.0: + version "5.1.0" + resolved "https://registry.yarnpkg.com/postcss-minify-selectors/-/postcss-minify-selectors-5.1.0.tgz#4385c845d3979ff160291774523ffa54eafd5a54" + integrity sha512-NzGBXDa7aPsAcijXZeagnJBKBPMYLaJJzB8CQh6ncvyl2sIndLVWfbcDi0SBjRWk5VqEjXvf8tYwzoKf4Z07og== + dependencies: + alphanum-sort "^1.0.2" + postcss-selector-parser "^6.0.5" + postcss-nested@5.0.5: version "5.0.5" resolved "https://registry.yarnpkg.com/postcss-nested/-/postcss-nested-5.0.5.tgz#f0a107d33a9fab11d7637205f5321e27223e3603" @@ -2718,6 +3054,97 @@ postcss-nested@5.0.5: dependencies: postcss-selector-parser "^6.0.4" +postcss-normalize-charset@^5.0.1: + version "5.0.1" + resolved "https://registry.yarnpkg.com/postcss-normalize-charset/-/postcss-normalize-charset-5.0.1.tgz#121559d1bebc55ac8d24af37f67bd4da9efd91d0" + integrity sha512-6J40l6LNYnBdPSk+BHZ8SF+HAkS4q2twe5jnocgd+xWpz/mx/5Sa32m3W1AA8uE8XaXN+eg8trIlfu8V9x61eg== + +postcss-normalize-display-values@^5.0.1: + version "5.0.1" + resolved "https://registry.yarnpkg.com/postcss-normalize-display-values/-/postcss-normalize-display-values-5.0.1.tgz#62650b965981a955dffee83363453db82f6ad1fd" + integrity sha512-uupdvWk88kLDXi5HEyI9IaAJTE3/Djbcrqq8YgjvAVuzgVuqIk3SuJWUisT2gaJbZm1H9g5k2w1xXilM3x8DjQ== + dependencies: + cssnano-utils "^2.0.1" + postcss-value-parser "^4.1.0" + +postcss-normalize-positions@^5.0.1: + version "5.0.1" + resolved "https://registry.yarnpkg.com/postcss-normalize-positions/-/postcss-normalize-positions-5.0.1.tgz#868f6af1795fdfa86fbbe960dceb47e5f9492fe5" + integrity sha512-rvzWAJai5xej9yWqlCb1OWLd9JjW2Ex2BCPzUJrbaXmtKtgfL8dBMOOMTX6TnvQMtjk3ei1Lswcs78qKO1Skrg== + dependencies: + postcss-value-parser "^4.1.0" + +postcss-normalize-repeat-style@^5.0.1: + version "5.0.1" + resolved "https://registry.yarnpkg.com/postcss-normalize-repeat-style/-/postcss-normalize-repeat-style-5.0.1.tgz#cbc0de1383b57f5bb61ddd6a84653b5e8665b2b5" + integrity sha512-syZ2itq0HTQjj4QtXZOeefomckiV5TaUO6ReIEabCh3wgDs4Mr01pkif0MeVwKyU/LHEkPJnpwFKRxqWA/7O3w== + dependencies: + cssnano-utils "^2.0.1" + postcss-value-parser "^4.1.0" + +postcss-normalize-string@^5.0.1: + version "5.0.1" + resolved "https://registry.yarnpkg.com/postcss-normalize-string/-/postcss-normalize-string-5.0.1.tgz#d9eafaa4df78c7a3b973ae346ef0e47c554985b0" + integrity sha512-Ic8GaQ3jPMVl1OEn2U//2pm93AXUcF3wz+OriskdZ1AOuYV25OdgS7w9Xu2LO5cGyhHCgn8dMXh9bO7vi3i9pA== + dependencies: + postcss-value-parser "^4.1.0" + +postcss-normalize-timing-functions@^5.0.1: + version "5.0.1" + resolved "https://registry.yarnpkg.com/postcss-normalize-timing-functions/-/postcss-normalize-timing-functions-5.0.1.tgz#8ee41103b9130429c6cbba736932b75c5e2cb08c" + integrity sha512-cPcBdVN5OsWCNEo5hiXfLUnXfTGtSFiBU9SK8k7ii8UD7OLuznzgNRYkLZow11BkQiiqMcgPyh4ZqXEEUrtQ1Q== + dependencies: + cssnano-utils "^2.0.1" + postcss-value-parser "^4.1.0" + +postcss-normalize-unicode@^5.0.1: + version "5.0.1" + resolved "https://registry.yarnpkg.com/postcss-normalize-unicode/-/postcss-normalize-unicode-5.0.1.tgz#82d672d648a411814aa5bf3ae565379ccd9f5e37" + integrity sha512-kAtYD6V3pK0beqrU90gpCQB7g6AOfP/2KIPCVBKJM2EheVsBQmx/Iof+9zR9NFKLAx4Pr9mDhogB27pmn354nA== + dependencies: + browserslist "^4.16.0" + postcss-value-parser "^4.1.0" + +postcss-normalize-url@^5.0.2: + version "5.0.2" + resolved "https://registry.yarnpkg.com/postcss-normalize-url/-/postcss-normalize-url-5.0.2.tgz#ddcdfb7cede1270740cf3e4dfc6008bd96abc763" + integrity sha512-k4jLTPUxREQ5bpajFQZpx8bCF2UrlqOTzP9kEqcEnOfwsRshWs2+oAFIHfDQB8GO2PaUaSE0NlTAYtbluZTlHQ== + dependencies: + is-absolute-url "^3.0.3" + normalize-url "^6.0.1" + postcss-value-parser "^4.1.0" + +postcss-normalize-whitespace@^5.0.1: + version "5.0.1" + resolved "https://registry.yarnpkg.com/postcss-normalize-whitespace/-/postcss-normalize-whitespace-5.0.1.tgz#b0b40b5bcac83585ff07ead2daf2dcfbeeef8e9a" + integrity sha512-iPklmI5SBnRvwceb/XH568yyzK0qRVuAG+a1HFUsFRf11lEJTiQQa03a4RSCQvLKdcpX7XsI1Gen9LuLoqwiqA== + dependencies: + postcss-value-parser "^4.1.0" + +postcss-ordered-values@^5.0.2: + version "5.0.2" + resolved "https://registry.yarnpkg.com/postcss-ordered-values/-/postcss-ordered-values-5.0.2.tgz#1f351426977be00e0f765b3164ad753dac8ed044" + integrity sha512-8AFYDSOYWebJYLyJi3fyjl6CqMEG/UVworjiyK1r573I56kb3e879sCJLGvR3merj+fAdPpVplXKQZv+ey6CgQ== + dependencies: + cssnano-utils "^2.0.1" + postcss-value-parser "^4.1.0" + +postcss-reduce-initial@^5.0.1: + version "5.0.1" + resolved "https://registry.yarnpkg.com/postcss-reduce-initial/-/postcss-reduce-initial-5.0.1.tgz#9d6369865b0f6f6f6b165a0ef5dc1a4856c7e946" + integrity sha512-zlCZPKLLTMAqA3ZWH57HlbCjkD55LX9dsRyxlls+wfuRfqCi5mSlZVan0heX5cHr154Dq9AfbH70LyhrSAezJw== + dependencies: + browserslist "^4.16.0" + caniuse-api "^3.0.0" + +postcss-reduce-transforms@^5.0.1: + version "5.0.1" + resolved "https://registry.yarnpkg.com/postcss-reduce-transforms/-/postcss-reduce-transforms-5.0.1.tgz#93c12f6a159474aa711d5269923e2383cedcf640" + integrity sha512-a//FjoPeFkRuAguPscTVmRQUODP+f3ke2HqFNgGPwdYnpeC29RZdCBvGRGTsKpMURb/I3p6jdKoBQ2zI+9Q7kA== + dependencies: + cssnano-utils "^2.0.1" + postcss-value-parser "^4.1.0" + postcss-reporter@^7.0.0: version "7.0.2" resolved "https://registry.yarnpkg.com/postcss-reporter/-/postcss-reporter-7.0.2.tgz#03e9e7381c1afe40646f9c22e7aeeb860e051065" @@ -2738,12 +3165,37 @@ postcss-selector-parser@^6.0.2, postcss-selector-parser@^6.0.4: cssesc "^3.0.0" util-deprecate "^1.0.2" +postcss-selector-parser@^6.0.5: + version "6.0.6" + resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-6.0.6.tgz#2c5bba8174ac2f6981ab631a42ab0ee54af332ea" + integrity sha512-9LXrvaaX3+mcv5xkg5kFwqSzSH1JIObIx51PrndZwlmznwXRfxMddDvo9gve3gVR8ZTKgoFDdWkbRFmEhT4PMg== + dependencies: + cssesc "^3.0.0" + util-deprecate "^1.0.2" + +postcss-svgo@^5.0.2: + version "5.0.2" + resolved "https://registry.yarnpkg.com/postcss-svgo/-/postcss-svgo-5.0.2.tgz#bc73c4ea4c5a80fbd4b45e29042c34ceffb9257f" + integrity sha512-YzQuFLZu3U3aheizD+B1joQ94vzPfE6BNUcSYuceNxlVnKKsOtdo6hL9/zyC168Q8EwfLSgaDSalsUGa9f2C0A== + dependencies: + postcss-value-parser "^4.1.0" + svgo "^2.3.0" + +postcss-unique-selectors@^5.0.1: + version "5.0.1" + resolved "https://registry.yarnpkg.com/postcss-unique-selectors/-/postcss-unique-selectors-5.0.1.tgz#3be5c1d7363352eff838bd62b0b07a0abad43bfc" + integrity sha512-gwi1NhHV4FMmPn+qwBNuot1sG1t2OmacLQ/AX29lzyggnjd+MnVD5uqQmpXO3J17KGL2WAxQruj1qTd3H0gG/w== + dependencies: + alphanum-sort "^1.0.2" + postcss-selector-parser "^6.0.5" + uniqs "^2.0.0" + postcss-value-parser@^3.3.0: version "3.3.1" resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz#9ff822547e2893213cf1c30efa51ac5fd1ba8281" integrity sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ== -postcss-value-parser@^4.0.0, postcss-value-parser@^4.1.0: +postcss-value-parser@^4.0.0, postcss-value-parser@^4.0.2, postcss-value-parser@^4.1.0: version "4.1.0" resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-4.1.0.tgz#443f6a20ced6481a2bda4fa8532a6e55d789a2cb" integrity sha512-97DXOFbQJhk71ne5/Mt6cOu6yxsSfM0QGQyl0L25Gca4yGWEGJaig7l7gbCX623VqTBNGLRLaVUCnNkcedlRSQ== @@ -3051,6 +3503,16 @@ reusify@^1.0.4: resolved "https://registry.yarnpkg.com/reusify/-/reusify-1.0.4.tgz#90da382b1e126efc02146e90845a88db12925d76" integrity sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw== +rgb-regex@^1.0.1: + version "1.0.1" + resolved "https://registry.yarnpkg.com/rgb-regex/-/rgb-regex-1.0.1.tgz#c0e0d6882df0e23be254a475e8edd41915feaeb1" + integrity sha1-wODWiC3w4jviVKR16O3UGRX+rrE= + +rgba-regex@^1.0.0: + version "1.0.0" + resolved "https://registry.yarnpkg.com/rgba-regex/-/rgba-regex-1.0.0.tgz#43374e2e2ca0968b0ef1523460b7d730ff22eeb3" + integrity sha1-QzdOLiyglosO8VI0YLfXMP8i7rM= + rimraf@^3.0.2: version "3.0.2" resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-3.0.2.tgz#f1a5402ba6220ad52cc1282bac1ae3aa49fd061a" @@ -3201,6 +3663,11 @@ sprintf-js@~1.0.2: resolved "https://registry.yarnpkg.com/sprintf-js/-/sprintf-js-1.0.3.tgz#04e6926f662895354f3dd015203633b857297e2c" integrity sha1-BOaSb2YolTVPPdAVIDYzuFcpfiw= +stable@^0.1.8: + version "0.1.8" + resolved "https://registry.yarnpkg.com/stable/-/stable-0.1.8.tgz#836eb3c8382fe2936feaf544631017ce7d47a3cf" + integrity sha512-ji9qxRnOVfcuLDySj9qzhGSEFVobyt1kIOSkj1qZzYLzq7Tos/oUUWvotUPQLlrsidqsK6tBH89Bc9kL5zHA6w== + stacktrace-parser@0.1.10: version "0.1.10" resolved "https://registry.yarnpkg.com/stacktrace-parser/-/stacktrace-parser-0.1.10.tgz#29fb0cae4e0d0b85155879402857a1639eb6051a" @@ -3340,6 +3807,14 @@ styled-jsx@3.3.2: stylis "3.5.4" stylis-rule-sheet "0.0.10" +stylehacks@^5.0.1: + version "5.0.1" + resolved "https://registry.yarnpkg.com/stylehacks/-/stylehacks-5.0.1.tgz#323ec554198520986806388c7fdaebc38d2c06fb" + integrity sha512-Es0rVnHIqbWzveU1b24kbw92HsebBepxfcqe5iix7t9j0PQqhs0IxXVXv0pY2Bxa08CgMkzD6OWql7kbGOuEdA== + dependencies: + browserslist "^4.16.0" + postcss-selector-parser "^6.0.4" + stylis-rule-sheet@0.0.10: version "0.0.10" resolved "https://registry.yarnpkg.com/stylis-rule-sheet/-/stylis-rule-sheet-0.0.10.tgz#44e64a2b076643f4b52e5ff71efc04d8c3c4a430" @@ -3371,6 +3846,19 @@ supports-color@^8.0.0: dependencies: has-flag "^4.0.0" +svgo@^2.3.0: + version "2.3.1" + resolved "https://registry.yarnpkg.com/svgo/-/svgo-2.3.1.tgz#603a69ce50311c0e36791528f549644ec1b3f4bc" + integrity sha512-riDDIQgXpEnn0BEl9Gvhh1LNLIyiusSpt64IR8upJu7MwxnzetmF/Y57pXQD2NMX2lVyMRzXt5f2M5rO4wG7Dw== + dependencies: + "@trysound/sax" "0.1.1" + chalk "^4.1.0" + commander "^7.1.0" + css-select "^4.1.3" + css-tree "^1.1.2" + csso "^4.2.0" + stable "^0.1.8" + swr@^0.5.4: version "0.5.5" resolved "https://registry.yarnpkg.com/swr/-/swr-0.5.5.tgz#c72c1615765f33570a16bbb13699e3ac87eaaa3a" @@ -3436,6 +3924,11 @@ timers-browserify@2.0.12, timers-browserify@^2.0.4: dependencies: setimmediate "^1.0.4" +timsort@^0.3.0: + version "0.3.0" + resolved "https://registry.yarnpkg.com/timsort/-/timsort-0.3.0.tgz#405411a8e7e6339fe64db9a234de11dc31e02bd4" + integrity sha1-QFQRqOfmM5/mTbmiNN4R3DHgK9Q= + to-arraybuffer@^1.0.0: version "1.0.1" resolved "https://registry.yarnpkg.com/to-arraybuffer/-/to-arraybuffer-1.0.1.tgz#7d229b1fcc637e466ca081180836a7aabff83f43" @@ -3539,6 +4032,11 @@ unbox-primitive@^1.0.0: has-symbols "^1.0.2" which-boxed-primitive "^1.0.2" +uniqs@^2.0.0: + version "2.0.0" + resolved "https://registry.yarnpkg.com/uniqs/-/uniqs-2.0.0.tgz#ffede4b36b25290696e6e165d4a59edb998e6b02" + integrity sha1-/+3ks2slKQaW5uFl1KWe25mOawI= + universalify@^2.0.0: version "2.0.0" resolved "https://registry.yarnpkg.com/universalify/-/universalify-2.0.0.tgz#75a4984efedc4b08975c5aeb73f530d02df25717" @@ -3607,6 +4105,11 @@ v8-compile-cache@^2.0.3: resolved "https://registry.yarnpkg.com/v8-compile-cache/-/v8-compile-cache-2.3.0.tgz#2de19618c66dc247dcfb6f99338035d8245a2cee" integrity sha512-l8lCEmLcLYZh4nbunNZvQCJc5pv7+RCwa8q/LdUx8u7lsWvPDKmpodJAJNwkAhJC//dFY48KuIEmjtd4RViDrA== +vendors@^1.0.3: + version "1.0.4" + resolved "https://registry.yarnpkg.com/vendors/-/vendors-1.0.4.tgz#e2b800a53e7a29b93506c3cf41100d16c4c4ad8e" + integrity sha512-/juG65kTL4Cy2su4P8HjtkTxk6VmJDiOPBufWniqQ6wknac6jNiXS9vU+hO3wgusiyqWlzTbVHi0dyJqRONg3w== + vm-browserify@1.1.2, vm-browserify@^1.0.1: version "1.1.2" resolved "https://registry.yarnpkg.com/vm-browserify/-/vm-browserify-1.1.2.tgz#78641c488b8e6ca91a75f511e7a3b32a86e5dda0"