diff --git a/.idea/git_toolbox_prj.xml b/.idea/git_toolbox_prj.xml new file mode 100644 index 000000000..b3820067b --- /dev/null +++ b/.idea/git_toolbox_prj.xml @@ -0,0 +1,15 @@ + + + + + + + \ No newline at end of file diff --git a/mdsvex.config.js b/mdsvex.config.js new file mode 100644 index 000000000..3162d782c --- /dev/null +++ b/mdsvex.config.js @@ -0,0 +1,14 @@ +import { defineMDSveXConfig as defineConfig } from 'mdsvex'; + +const config = defineConfig({ + extensions: ['.svelte.md', '.md', '.svx'], + + smartypants: { + dashes: 'oldschool', + }, + + remarkPlugins: [], + rehypePlugins: [], +}); + +export default config; diff --git a/package.json b/package.json index d1000ad20..ac14bdf1c 100644 --- a/package.json +++ b/package.json @@ -35,7 +35,8 @@ "svelte-preprocess": "^4.10.1", "svelte2tsx": "^0.5.5", "tslib": "^2.3.1", - "typescript": "~4.6.2" + "typescript": "~4.6.2", + "mdsvex": "^0.10.5" }, "type": "module", "svelte": "index.js" diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 6cd458c00..d4a7af738 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -9,6 +9,7 @@ specifiers: eslint: ^7.32.0 eslint-config-prettier: ^8.3.0 eslint-plugin-svelte3: ^3.2.1 + mdsvex: ^0.10.5 postcss: ^8.4.8 postcss-extend-rule: ^4.0.0 postcss-import: ^14.0.2 @@ -34,6 +35,7 @@ devDependencies: eslint: 7.32.0 eslint-config-prettier: 8.5.0_eslint@7.32.0 eslint-plugin-svelte3: 3.4.1_eslint@7.32.0+svelte@3.46.4 + mdsvex: 0.10.5_svelte@3.46.4 postcss: 8.4.8 postcss-extend-rule: 4.0.0_postcss@8.4.8 postcss-import: 14.0.2_postcss@8.4.8 @@ -307,6 +309,10 @@ packages: '@types/node': 17.0.21 dev: true + /@types/unist/2.0.6: + resolution: {integrity: sha512-PBjIUxZHOuj0R15/xuwJYjFi+KZdNFrehocChv4g5hu6aFroHue8m0lBP0POdK2nKzbw0cgV1mws8+V/JAcEkQ==} + dev: true + /@typescript-eslint/eslint-plugin/5.14.0_e3f5f4efe2bd492e36eb6c1c619dfc98: resolution: {integrity: sha512-ir0wYI4FfFUDfLcuwKzIH7sMVA+db7WYen47iRSaCGl+HMAZI9fpBwfDo45ZALD3A45ZGyHWDNLhbg8tZrMX4w==} engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0} @@ -1447,6 +1453,18 @@ packages: sourcemap-codec: 1.4.8 dev: true + /mdsvex/0.10.5_svelte@3.46.4: + resolution: {integrity: sha512-/B23WZn5Vjrjh7Qp2YsOXLkU9YFm59IEylKNXC10o05ZaCP4LNv32tGXKP6aEssss6hk/LdISJuneELHFIS2pQ==} + peerDependencies: + svelte: 3.x + dependencies: + '@types/unist': 2.0.6 + prism-svelte: 0.4.7 + prismjs: 1.27.0 + svelte: 3.46.4 + vfile-message: 2.0.4 + dev: true + /merge2/1.4.1: resolution: {integrity: sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==} engines: {node: '>= 8'} @@ -1993,6 +2011,15 @@ packages: hasBin: true dev: true + /prism-svelte/0.4.7: + resolution: {integrity: sha512-yABh19CYbM24V7aS7TuPYRNMqthxwbvx6FF/Rw920YbyBWO3tnyPIqRMgHuSVsLmuHkkBS1Akyof463FVdkeDQ==} + dev: true + + /prismjs/1.27.0: + resolution: {integrity: sha512-t13BGPUlFDR7wRB5kQDG4jjl7XeuH6jbJGt11JHPL96qwsEHNX2+68tFXqc1/k+/jALsbSWJKUOT/hcYAZ5LkA==} + engines: {node: '>=6'} + dev: true + /progress/2.0.3: resolution: {integrity: sha512-7PiHtLll5LdnKIMw100I+8xJXR5gW2QwWYkT6iJva0bXitZKa/XMrSbdmg3r2Xnaidz9Qumd0VPaMrZlF9V9sA==} engines: {node: '>=0.4.0'} @@ -2399,6 +2426,12 @@ packages: hasBin: true dev: true + /unist-util-stringify-position/2.0.3: + resolution: {integrity: sha512-3faScn5I+hy9VleOq/qNbAd6pAx7iH5jYBMS9I1HgQVijz/4mv5Bvw5iw1sC/90CODiKo81G/ps8AJrISn687g==} + dependencies: + '@types/unist': 2.0.6 + dev: true + /uri-js/4.4.1: resolution: {integrity: sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==} dependencies: @@ -2413,6 +2446,13 @@ packages: resolution: {integrity: sha512-l8lCEmLcLYZh4nbunNZvQCJc5pv7+RCwa8q/LdUx8u7lsWvPDKmpodJAJNwkAhJC//dFY48KuIEmjtd4RViDrA==} dev: true + /vfile-message/2.0.4: + resolution: {integrity: sha512-DjssxRGkMvifUOJre00juHoP9DPWuzjxKuMDrhNbk2TdaYYBNMStsNhEOt3idrtI12VQYM/1+iM0KOzXi4pxwQ==} + dependencies: + '@types/unist': 2.0.6 + unist-util-stringify-position: 2.0.3 + dev: true + /vite/2.8.6: resolution: {integrity: sha512-e4H0QpludOVKkmOsRyqQ7LTcMUDF3mcgyNU4lmi0B5JUbe0ZxeBBl8VoZ8Y6Rfn9eFKYtdXNPcYK97ZwH+K2ug==} engines: {node: '>=12.2.0'} diff --git a/src/lib/components/elements/buttons/Button.svelte b/src/lib/components/elements/buttons/Button.svelte index f4dcdce12..74aef54de 100644 --- a/src/lib/components/elements/buttons/Button.svelte +++ b/src/lib/components/elements/buttons/Button.svelte @@ -7,8 +7,10 @@ export let value: string; export let size: 'sm' | 'md' | 'lg' = 'md' + export let color: 'outline' | 'primary' | 'danger'; let className = `btn btn--${size}`; + className += color && (` btn--${color}`) {#if as === 'button'} @@ -313,11 +315,11 @@ */ } - .btn--large { + .btn--lg { /* padding: $em-spacer-6 1.5em; */ - font-size: inherit; /* line-height: $lh-default; */ + font-size: var(--font-2); border-radius: 0.5em; } diff --git a/src/lib/styles/themes.postcss b/src/lib/styles/themes.postcss new file mode 100644 index 000000000..f1608bacb --- /dev/null +++ b/src/lib/styles/themes.postcss @@ -0,0 +1,2 @@ +@import "themes/light.postcss"; +@import "themes/old.postcss"; \ No newline at end of file diff --git a/src/lib/styles/themes/light.postcss b/src/lib/styles/themes/light.postcss index 0a1071b4f..e69de29bb 100644 --- a/src/lib/styles/themes/light.postcss +++ b/src/lib/styles/themes/light.postcss @@ -1,1307 +0,0 @@ -.light-theme { - --color-canvas-default-transparent: rgba(255, 255, 255, 0); - --color-page-header-bg: #f6f8fa; - --color-marketing-icon-primary: #218bff; - --color-marketing-icon-secondary: #54aeff; - --color-diff-blob-addition-num-text: #24292f; - --color-diff-blob-addition-fg: #24292f; - --color-diff-blob-addition-num-bg: #CCFFD8; - --color-diff-blob-addition-line-bg: #E6FFEC; - --color-diff-blob-addition-word-bg: #ABF2BC; - --color-diff-blob-deletion-num-text: #24292f; - --color-diff-blob-deletion-fg: #24292f; - --color-diff-blob-deletion-num-bg: #FFD7D5; - --color-diff-blob-deletion-line-bg: #FFEBE9; - --color-diff-blob-deletion-word-bg: rgba(255, 129, 130, 0.4); - --color-diff-blob-hunk-num-bg: rgba(84, 174, 255, 0.4); - --color-diff-blob-expander-icon: #57606a; - --color-diff-blob-selected-line-highlight-mix-blend-mode: multiply; - --color-diffstat-deletion-border: rgba(27, 31, 36, 0.15); - --color-diffstat-addition-border: rgba(27, 31, 36, 0.15); - --color-diffstat-addition-bg: #2da44e; - --color-search-keyword-hl: #fff8c5; - --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: #FFEBE9; - --color-prettylights-syntax-markup-inserted-text: #116329; - --color-prettylights-syntax-markup-inserted-bg: #dafbe1; - --color-prettylights-syntax-markup-changed-text: #953800; - --color-prettylights-syntax-markup-changed-bg: #ffd8b5; - --color-prettylights-syntax-markup-ignored-text: #eaeef2; - --color-prettylights-syntax-markup-ignored-bg: #0550ae; - --color-prettylights-syntax-meta-diff-range: #8250df; - --color-prettylights-syntax-brackethighlighter-angle: #57606a; - --color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f; - --color-prettylights-syntax-constant-other-reference-link: #0a3069; - --color-codemirror-text: #24292f; - --color-codemirror-bg: #ffffff; - --color-codemirror-gutters-bg: #ffffff; - --color-codemirror-guttermarker-text: #ffffff; - --color-codemirror-guttermarker-subtle-text: #6e7781; - --color-codemirror-linenumber-text: #57606a; - --color-codemirror-cursor: #24292f; - --color-codemirror-selection-bg: rgba(84, 174, 255, 0.4); - --color-codemirror-activeline-bg: rgba(234, 238, 242, 0.5); - --color-codemirror-matchingbracket-text: #24292f; - --color-codemirror-lines-bg: #ffffff; - --color-codemirror-syntax-comment: #24292f; - --color-codemirror-syntax-constant: #0550ae; - --color-codemirror-syntax-entity: #8250df; - --color-codemirror-syntax-keyword: #cf222e; - --color-codemirror-syntax-storage: #cf222e; - --color-codemirror-syntax-string: #0a3069; - --color-codemirror-syntax-support: #0550ae; - --color-codemirror-syntax-variable: #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: #d4a72c; - --color-checks-step-header-open-bg: #32383f; - --color-checks-step-error-text: #ff8182; - --color-checks-step-warning-text: #d4a72c; - --color-checks-logline-text: #8c959f; - --color-checks-logline-num-text: rgba(140, 149, 159, 0.75); - --color-checks-logline-debug-text: #c297ff; - --color-checks-logline-error-text: #d0d7de; - --color-checks-logline-error-num-text: #ff8182; - --color-checks-logline-error-bg: rgba(164, 14, 38, 0.15); - --color-checks-logline-warning-text: #d0d7de; - --color-checks-logline-warning-num-text: #d4a72c; - --color-checks-logline-warning-bg: rgba(125, 78, 0, 0.15); - --color-checks-logline-command-text: #54aeff; - --color-checks-logline-section-text: #4ac26b; - --color-checks-ansi-black: #24292f; - --color-checks-ansi-black-bright: #32383f; - --color-checks-ansi-white: #d0d7de; - --color-checks-ansi-white-bright: #d0d7de; - --color-checks-ansi-gray: #8c959f; - --color-checks-ansi-red: #ff8182; - --color-checks-ansi-red-bright: #ffaba8; - --color-checks-ansi-green: #4ac26b; - --color-checks-ansi-green-bright: #6fdd8b; - --color-checks-ansi-yellow: #d4a72c; - --color-checks-ansi-yellow-bright: #eac54f; - --color-checks-ansi-blue: #54aeff; - --color-checks-ansi-blue-bright: #80ccff; - --color-checks-ansi-magenta: #c297ff; - --color-checks-ansi-magenta-bright: #d8b9ff; - --color-checks-ansi-cyan: #76e3ea; - --color-checks-ansi-cyan-bright: #b3f0ff; - --color-project-header-bg: #24292f; - --color-project-sidebar-bg: #ffffff; - --color-project-gradient-in: #ffffff; - --color-project-gradient-out: rgba(255, 255, 255, 0); - --color-mktg-btn-bg: #1b1f23; - --color-mktg-btn-shadow-outline: rgb(0 0 0 / 15%) 0 0 0 1px inset; - --color-mktg-btn-shadow-focus: rgb(0 0 0 / 15%) 0 0 0 4px; - --color-mktg-btn-shadow-hover: 0 3px 2px rgba(0, 0, 0, 0.07), 0 7px 5px rgba(0, 0, 0, 0.04), 0 12px 10px rgba(0, 0, 0, 0.03), 0 22px 18px rgba(0, 0, 0, 0.03), 0 42px 33px rgba(0, 0, 0, 0.02), 0 100px 80px rgba(0, 0, 0, 0.02); - --color-mktg-btn-shadow-hover-muted: rgb(0 0 0 / 70%) 0 0 0 2px inset; - --color-avatar-bg: #ffffff; - --color-avatar-border: rgba(27, 31, 36, 0.15); - --color-avatar-stack-fade: #afb8c1; - --color-avatar-stack-fade-more: #d0d7de; - --color-avatar-child-shadow: -2px -2px 0 rgba(255, 255, 255, 0.8); - --color-topic-tag-border: rgba(0, 0, 0, 0); - --color-counter-border: rgba(0, 0, 0, 0); - --color-select-menu-backdrop-border: rgba(0, 0, 0, 0); - --color-select-menu-tap-highlight: rgba(175, 184, 193, 0.5); - --color-select-menu-tap-focus-bg: #b6e3ff; - --color-overlay-shadow: 0 1px 3px rgba(27, 31, 36, 0.12), 0 8px 24px rgba(66, 74, 83, 0.12); - --color-header-text: rgba(255, 255, 255, 0.7); - --color-header-bg: #24292f; - --color-header-divider: #57606a; - --color-header-logo: #ffffff; - --color-header-search-bg: #24292f; - --color-header-search-border: #57606a; - --color-sidenav-selected-bg: #ffffff; - --color-menu-bg-active: rgba(0, 0, 0, 0); - --color-input-disabled-bg: rgba(175, 184, 193, 0.2); - --color-timeline-badge-bg: #eaeef2; - --color-ansi-black: #24292f; - --color-ansi-black-bright: #57606a; - --color-ansi-white: #6e7781; - --color-ansi-white-bright: #8c959f; - --color-ansi-gray: #6e7781; - --color-ansi-red: #cf222e; - --color-ansi-red-bright: #a40e26; - --color-ansi-green: #116329; - --color-ansi-green-bright: #1a7f37; - --color-ansi-yellow: #4d2d00; - --color-ansi-yellow-bright: #633c01; - --color-ansi-blue: #0969da; - --color-ansi-blue-bright: #218bff; - --color-ansi-magenta: #8250df; - --color-ansi-magenta-bright: #a475f9; - --color-ansi-cyan: #1b7c83; - --color-ansi-cyan-bright: #3192aa; - --color-btn-text: #24292f; - --color-btn-bg: #f6f8fa; - --color-btn-border: rgba(27, 31, 36, 0.15); - --color-btn-shadow: 0 1px 0 rgba(27, 31, 36, 0.04); - --color-btn-inset-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25); - --color-btn-hover-bg: #f3f4f6; - --color-btn-hover-border: rgba(27, 31, 36, 0.15); - --color-btn-active-bg: hsla(220, 14%, 93%, 1); - --color-btn-active-border: rgba(27, 31, 36, 0.15); - --color-btn-selected-bg: hsla(220, 14%, 94%, 1); - --color-btn-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: #ffffff; - --color-btn-primary-bg: #2da44e; - --color-btn-primary-border: rgba(27, 31, 36, 0.15); - --color-btn-primary-shadow: 0 1px 0 rgba(27, 31, 36, 0.1); - --color-btn-primary-inset-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03); - --color-btn-primary-hover-bg: #2c974b; - --color-btn-primary-hover-border: rgba(27, 31, 36, 0.15); - --color-btn-primary-selected-bg: hsla(137, 55%, 36%, 1); - --color-btn-primary-selected-shadow: inset 0 1px 0 rgba(0, 45, 17, 0.2); - --color-btn-primary-disabled-text: rgba(255, 255, 255, 0.8); - --color-btn-primary-disabled-bg: #94d3a2; - --color-btn-primary-disabled-border: rgba(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: #ffffff; - --color-btn-outline-hover-bg: #0969da; - --color-btn-outline-hover-border: rgba(27, 31, 36, 0.15); - --color-btn-outline-hover-shadow: 0 1px 0 rgba(27, 31, 36, 0.1); - --color-btn-outline-hover-inset-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03); - --color-btn-outline-hover-counter-bg: rgba(255, 255, 255, 0.2); - --color-btn-outline-selected-text: #ffffff; - --color-btn-outline-selected-bg: hsla(212, 92%, 42%, 1); - --color-btn-outline-selected-border: rgba(27, 31, 36, 0.15); - --color-btn-outline-selected-shadow: inset 0 1px 0 rgba(0, 33, 85, 0.2); - --color-btn-outline-disabled-text: rgba(9, 105, 218, 0.5); - --color-btn-outline-disabled-bg: #f6f8fa; - --color-btn-outline-disabled-counter-bg: rgba(9, 105, 218, 0.05); - --color-btn-outline-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: #ffffff; - --color-btn-danger-hover-bg: #a40e26; - --color-btn-danger-hover-border: rgba(27, 31, 36, 0.15); - --color-btn-danger-hover-shadow: 0 1px 0 rgba(27, 31, 36, 0.1); - --color-btn-danger-hover-inset-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03); - --color-btn-danger-hover-counter-bg: rgba(255, 255, 255, 0.2); - --color-btn-danger-selected-text: #ffffff; - --color-btn-danger-selected-bg: hsla(356, 72%, 44%, 1); - --color-btn-danger-selected-border: rgba(27, 31, 36, 0.15); - --color-btn-danger-selected-shadow: inset 0 1px 0 rgba(76, 0, 20, 0.2); - --color-btn-danger-disabled-text: rgba(207, 34, 46, 0.5); - --color-btn-danger-disabled-bg: #f6f8fa; - --color-btn-danger-disabled-counter-bg: rgba(207, 34, 46, 0.05); - --color-btn-danger-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: #ffffff; - --color-underlinenav-icon: #6e7781; - --color-underlinenav-border-hover: rgba(175, 184, 193, 0.2); - --color-action-list-item-inline-divider: rgba(208, 215, 222, 0.48); - --color-action-list-item-default-hover-bg: rgba(208, 215, 222, 0.32); - --color-action-list-item-default-hover-border: rgba(0, 0, 0, 0); - --color-action-list-item-default-active-bg: rgba(208, 215, 222, 0.48); - --color-action-list-item-default-active-border: rgba(0, 0, 0, 0); - --color-action-list-item-default-selected-bg: rgba(208, 215, 222, 0.24); - --color-action-list-item-danger-hover-bg: rgba(255, 235, 233, 0.64); - --color-action-list-item-danger-active-bg: #FFEBE9; - --color-action-list-item-danger-hover-text: #cf222e; - --color-fg-default: #24292f; - --color-fg-muted: #57606a; - --color-fg-subtle: #6e7781; - --color-fg-on-emphasis: #ffffff; - --color-canvas-default: #ffffff; - --color-canvas-overlay: #ffffff; - --color-canvas-inset: #f6f8fa; - --color-canvas-subtle: #f6f8fa; - --color-border-default: #d0d7de; - --color-border-muted: hsla(210, 18%, 87%, 1); - --color-border-subtle: rgba(27, 31, 36, 0.15); - --color-shadow-small: 0 1px 0 rgba(27, 31, 36, 0.04); - --color-shadow-medium: 0 3px 6px rgba(140, 149, 159, 0.15); - --color-shadow-large: 0 8px 24px rgba(140, 149, 159, 0.2); - --color-shadow-extra-large: 0 12px 28px rgba(140, 149, 159, 0.3); - --color-neutral-emphasis-plus: #24292f; - --color-neutral-emphasis: #6e7781; - --color-neutral-muted: rgba(175, 184, 193, 0.2); - --color-neutral-subtle: rgba(234, 238, 242, 0.5); - --color-accent-fg: #0969da; - --color-accent-emphasis: #0969da; - --color-accent-muted: rgba(84, 174, 255, 0.4); - --color-accent-subtle: #ddf4ff; - --color-success-fg: #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: #FFEBE9; - --color-open-fg: #1a7f37; - --color-open-emphasis: #2da44e; - --color-open-muted: rgba(74, 194, 107, 0.4); - --color-open-subtle: #dafbe1; - --color-closed-fg: #cf222e; - --color-closed-emphasis: #cf222e; - --color-closed-muted: rgba(255, 129, 130, 0.4); - --color-closed-subtle: #FFEBE9; - --color-done-fg: #8250df; - --color-done-emphasis: #8250df; - --color-done-muted: rgba(194, 151, 255, 0.4); - --color-done-subtle: #fbefff; - --color-sponsors-fg: #bf3989; - --color-sponsors-emphasis: #bf3989; - --color-sponsors-muted: rgba(255, 128, 200, 0.4); - --color-sponsors-subtle: #ffeff7; - --color-primer-fg-disabled: #8c959f; - --color-primer-canvas-backdrop: rgba(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: #ffffff; - --color-scale-gray-0: #f6f8fa; - --color-scale-gray-1: #eaeef2; - --color-scale-gray-2: #d0d7de; - --color-scale-gray-3: #afb8c1; - --color-scale-gray-4: #8c959f; - --color-scale-gray-5: #6e7781; - --color-scale-gray-6: #57606a; - --color-scale-gray-7: #424a53; - --color-scale-gray-8: #32383f; - --color-scale-gray-9: #24292f; - --color-scale-blue-0: #ddf4ff; - --color-scale-blue-1: #b6e3ff; - --color-scale-blue-2: #80ccff; - --color-scale-blue-3: #54aeff; - --color-scale-blue-4: #218bff; - --color-scale-blue-5: #0969da; - --color-scale-blue-6: #0550ae; - --color-scale-blue-7: #033d8b; - --color-scale-blue-8: #0a3069; - --color-scale-blue-9: #002155; - --color-scale-green-0: #dafbe1; - --color-scale-green-1: #aceebb; - --color-scale-green-2: #6fdd8b; - --color-scale-green-3: #4ac26b; - --color-scale-green-4: #2da44e; - --color-scale-green-5: #1a7f37; - --color-scale-green-6: #116329; - --color-scale-green-7: #044f1e; - --color-scale-green-8: #003d16; - --color-scale-green-9: #002d11; - --color-scale-yellow-0: #fff8c5; - --color-scale-yellow-1: #fae17d; - --color-scale-yellow-2: #eac54f; - --color-scale-yellow-3: #d4a72c; - --color-scale-yellow-4: #bf8700; - --color-scale-yellow-5: #9a6700; - --color-scale-yellow-6: #7d4e00; - --color-scale-yellow-7: #633c01; - --color-scale-yellow-8: #4d2d00; - --color-scale-yellow-9: #3b2300; - --color-scale-orange-0: #fff1e5; - --color-scale-orange-1: #ffd8b5; - --color-scale-orange-2: #ffb77c; - --color-scale-orange-3: #fb8f44; - --color-scale-orange-4: #e16f24; - --color-scale-orange-5: #bc4c00; - --color-scale-orange-6: #953800; - --color-scale-orange-7: #762c00; - --color-scale-orange-8: #5c2200; - --color-scale-orange-9: #471700; - --color-scale-red-0: #FFEBE9; - --color-scale-red-1: #ffcecb; - --color-scale-red-2: #ffaba8; - --color-scale-red-3: #ff8182; - --color-scale-red-4: #fa4549; - --color-scale-red-5: #cf222e; - --color-scale-red-6: #a40e26; - --color-scale-red-7: #82071e; - --color-scale-red-8: #660018; - --color-scale-red-9: #4c0014; - --color-scale-purple-0: #fbefff; - --color-scale-purple-1: #ecd8ff; - --color-scale-purple-2: #d8b9ff; - --color-scale-purple-3: #c297ff; - --color-scale-purple-4: #a475f9; - --color-scale-purple-5: #8250df; - --color-scale-purple-6: #6639ba; - --color-scale-purple-7: #512a97; - --color-scale-purple-8: #3e1f79; - --color-scale-purple-9: #2e1461; - --color-scale-pink-0: #ffeff7; - --color-scale-pink-1: #ffd3eb; - --color-scale-pink-2: #ffadda; - --color-scale-pink-3: #ff80c8; - --color-scale-pink-4: #e85aad; - --color-scale-pink-5: #bf3989; - --color-scale-pink-6: #99286e; - --color-scale-pink-7: #772057; - --color-scale-pink-8: #611347; - --color-scale-pink-9: #4d0336; - --color-scale-coral-0: #FFF0EB; - --color-scale-coral-1: #FFD6CC; - --color-scale-coral-2: #FFB4A1; - --color-scale-coral-3: #FD8C73; - --color-scale-coral-4: #EC6547; - --color-scale-coral-5: #C4432B; - --color-scale-coral-6: #9E2F1C; - --color-scale-coral-7: #801F0F; - --color-scale-coral-8: #691105; - --color-scale-coral-9: #510901; -} - -.dark-theme { - --color-canvas-default-transparent: rgba(255, 255, 255, 0); - --color-page-header-bg: #f6f8fa; - --color-marketing-icon-primary: #218bff; - --color-marketing-icon-secondary: #54aeff; - --color-diff-blob-addition-num-text: #24292f; - --color-diff-blob-addition-fg: #24292f; - --color-diff-blob-addition-num-bg: #CCFFD8; - --color-diff-blob-addition-line-bg: #E6FFEC; - --color-diff-blob-addition-word-bg: #ABF2BC; - --color-diff-blob-deletion-num-text: #24292f; - --color-diff-blob-deletion-fg: #24292f; - --color-diff-blob-deletion-num-bg: #FFD7D5; - --color-diff-blob-deletion-line-bg: #FFEBE9; - --color-diff-blob-deletion-word-bg: rgba(255, 129, 130, 0.4); - --color-diff-blob-hunk-num-bg: rgba(84, 174, 255, 0.4); - --color-diff-blob-expander-icon: #57606a; - --color-diff-blob-selected-line-highlight-mix-blend-mode: multiply; - --color-diffstat-deletion-border: rgba(27, 31, 36, 0.15); - --color-diffstat-addition-border: rgba(27, 31, 36, 0.15); - --color-diffstat-addition-bg: #2da44e; - --color-search-keyword-hl: #fff8c5; - --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: #FFEBE9; - --color-prettylights-syntax-markup-inserted-text: #116329; - --color-prettylights-syntax-markup-inserted-bg: #dafbe1; - --color-prettylights-syntax-markup-changed-text: #953800; - --color-prettylights-syntax-markup-changed-bg: #ffd8b5; - --color-prettylights-syntax-markup-ignored-text: #eaeef2; - --color-prettylights-syntax-markup-ignored-bg: #0550ae; - --color-prettylights-syntax-meta-diff-range: #8250df; - --color-prettylights-syntax-brackethighlighter-angle: #57606a; - --color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f; - --color-prettylights-syntax-constant-other-reference-link: #0a3069; - --color-codemirror-text: #24292f; - --color-codemirror-bg: #ffffff; - --color-codemirror-gutters-bg: #ffffff; - --color-codemirror-guttermarker-text: #ffffff; - --color-codemirror-guttermarker-subtle-text: #6e7781; - --color-codemirror-linenumber-text: #57606a; - --color-codemirror-cursor: #24292f; - --color-codemirror-selection-bg: rgba(84, 174, 255, 0.4); - --color-codemirror-activeline-bg: rgba(234, 238, 242, 0.5); - --color-codemirror-matchingbracket-text: #24292f; - --color-codemirror-lines-bg: #ffffff; - --color-codemirror-syntax-comment: #24292f; - --color-codemirror-syntax-constant: #0550ae; - --color-codemirror-syntax-entity: #8250df; - --color-codemirror-syntax-keyword: #cf222e; - --color-codemirror-syntax-storage: #cf222e; - --color-codemirror-syntax-string: #0a3069; - --color-codemirror-syntax-support: #0550ae; - --color-codemirror-syntax-variable: #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: #d4a72c; - --color-checks-step-header-open-bg: #32383f; - --color-checks-step-error-text: #ff8182; - --color-checks-step-warning-text: #d4a72c; - --color-checks-logline-text: #8c959f; - --color-checks-logline-num-text: rgba(140, 149, 159, 0.75); - --color-checks-logline-debug-text: #c297ff; - --color-checks-logline-error-text: #d0d7de; - --color-checks-logline-error-num-text: #ff8182; - --color-checks-logline-error-bg: rgba(164, 14, 38, 0.15); - --color-checks-logline-warning-text: #d0d7de; - --color-checks-logline-warning-num-text: #d4a72c; - --color-checks-logline-warning-bg: rgba(125, 78, 0, 0.15); - --color-checks-logline-command-text: #54aeff; - --color-checks-logline-section-text: #4ac26b; - --color-checks-ansi-black: #24292f; - --color-checks-ansi-black-bright: #32383f; - --color-checks-ansi-white: #d0d7de; - --color-checks-ansi-white-bright: #d0d7de; - --color-checks-ansi-gray: #8c959f; - --color-checks-ansi-red: #ff8182; - --color-checks-ansi-red-bright: #ffaba8; - --color-checks-ansi-green: #4ac26b; - --color-checks-ansi-green-bright: #6fdd8b; - --color-checks-ansi-yellow: #d4a72c; - --color-checks-ansi-yellow-bright: #eac54f; - --color-checks-ansi-blue: #54aeff; - --color-checks-ansi-blue-bright: #80ccff; - --color-checks-ansi-magenta: #c297ff; - --color-checks-ansi-magenta-bright: #d8b9ff; - --color-checks-ansi-cyan: #76e3ea; - --color-checks-ansi-cyan-bright: #b3f0ff; - --color-project-header-bg: #24292f; - --color-project-sidebar-bg: #ffffff; - --color-project-gradient-in: #ffffff; - --color-project-gradient-out: rgba(255, 255, 255, 0); - --color-mktg-btn-bg: #1b1f23; - --color-mktg-btn-shadow-outline: rgb(0 0 0 / 15%) 0 0 0 1px inset; - --color-mktg-btn-shadow-focus: rgb(0 0 0 / 15%) 0 0 0 4px; - --color-mktg-btn-shadow-hover: 0 3px 2px rgba(0, 0, 0, 0.07), 0 7px 5px rgba(0, 0, 0, 0.04), 0 12px 10px rgba(0, 0, 0, 0.03), 0 22px 18px rgba(0, 0, 0, 0.03), 0 42px 33px rgba(0, 0, 0, 0.02), 0 100px 80px rgba(0, 0, 0, 0.02); - --color-mktg-btn-shadow-hover-muted: rgb(0 0 0 / 70%) 0 0 0 2px inset; - --color-avatar-bg: #ffffff; - --color-avatar-border: rgba(27, 31, 36, 0.15); - --color-avatar-stack-fade: #afb8c1; - --color-avatar-stack-fade-more: #d0d7de; - --color-avatar-child-shadow: -2px -2px 0 rgba(255, 255, 255, 0.8); - --color-topic-tag-border: rgba(0, 0, 0, 0); - --color-counter-border: rgba(0, 0, 0, 0); - --color-select-menu-backdrop-border: rgba(0, 0, 0, 0); - --color-select-menu-tap-highlight: rgba(175, 184, 193, 0.5); - --color-select-menu-tap-focus-bg: #b6e3ff; - --color-overlay-shadow: 0 1px 3px rgba(27, 31, 36, 0.12), 0 8px 24px rgba(66, 74, 83, 0.12); - --color-header-text: rgba(255, 255, 255, 0.7); - --color-header-bg: #24292f; - --color-header-divider: #57606a; - --color-header-logo: #ffffff; - --color-header-search-bg: #24292f; - --color-header-search-border: #57606a; - --color-sidenav-selected-bg: #ffffff; - --color-menu-bg-active: rgba(0, 0, 0, 0); - --color-input-disabled-bg: rgba(175, 184, 193, 0.2); - --color-timeline-badge-bg: #eaeef2; - --color-ansi-black: #24292f; - --color-ansi-black-bright: #57606a; - --color-ansi-white: #6e7781; - --color-ansi-white-bright: #8c959f; - --color-ansi-gray: #6e7781; - --color-ansi-red: #cf222e; - --color-ansi-red-bright: #a40e26; - --color-ansi-green: #116329; - --color-ansi-green-bright: #1a7f37; - --color-ansi-yellow: #4d2d00; - --color-ansi-yellow-bright: #633c01; - --color-ansi-blue: #0969da; - --color-ansi-blue-bright: #218bff; - --color-ansi-magenta: #8250df; - --color-ansi-magenta-bright: #a475f9; - --color-ansi-cyan: #1b7c83; - --color-ansi-cyan-bright: #3192aa; - --color-btn-text: #24292f; - --color-btn-bg: #f6f8fa; - --color-btn-border: rgba(27, 31, 36, 0.15); - --color-btn-shadow: 0 1px 0 rgba(27, 31, 36, 0.04); - --color-btn-inset-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25); - --color-btn-hover-bg: #f3f4f6; - --color-btn-hover-border: rgba(27, 31, 36, 0.15); - --color-btn-active-bg: hsla(220, 14%, 93%, 1); - --color-btn-active-border: rgba(27, 31, 36, 0.15); - --color-btn-selected-bg: hsla(220, 14%, 94%, 1); - --color-btn-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: #ffffff; - --color-btn-primary-bg: #2da44e; - --color-btn-primary-border: rgba(27, 31, 36, 0.15); - --color-btn-primary-shadow: 0 1px 0 rgba(27, 31, 36, 0.1); - --color-btn-primary-inset-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03); - --color-btn-primary-hover-bg: #2c974b; - --color-btn-primary-hover-border: rgba(27, 31, 36, 0.15); - --color-btn-primary-selected-bg: hsla(137, 55%, 36%, 1); - --color-btn-primary-selected-shadow: inset 0 1px 0 rgba(0, 45, 17, 0.2); - --color-btn-primary-disabled-text: rgba(255, 255, 255, 0.8); - --color-btn-primary-disabled-bg: #94d3a2; - --color-btn-primary-disabled-border: rgba(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: #ffffff; - --color-btn-outline-hover-bg: #0969da; - --color-btn-outline-hover-border: rgba(27, 31, 36, 0.15); - --color-btn-outline-hover-shadow: 0 1px 0 rgba(27, 31, 36, 0.1); - --color-btn-outline-hover-inset-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03); - --color-btn-outline-hover-counter-bg: rgba(255, 255, 255, 0.2); - --color-btn-outline-selected-text: #ffffff; - --color-btn-outline-selected-bg: hsla(212, 92%, 42%, 1); - --color-btn-outline-selected-border: rgba(27, 31, 36, 0.15); - --color-btn-outline-selected-shadow: inset 0 1px 0 rgba(0, 33, 85, 0.2); - --color-btn-outline-disabled-text: rgba(9, 105, 218, 0.5); - --color-btn-outline-disabled-bg: #f6f8fa; - --color-btn-outline-disabled-counter-bg: rgba(9, 105, 218, 0.05); - --color-btn-outline-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: #ffffff; - --color-btn-danger-hover-bg: #a40e26; - --color-btn-danger-hover-border: rgba(27, 31, 36, 0.15); - --color-btn-danger-hover-shadow: 0 1px 0 rgba(27, 31, 36, 0.1); - --color-btn-danger-hover-inset-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03); - --color-btn-danger-hover-counter-bg: rgba(255, 255, 255, 0.2); - --color-btn-danger-selected-text: #ffffff; - --color-btn-danger-selected-bg: hsla(356, 72%, 44%, 1); - --color-btn-danger-selected-border: rgba(27, 31, 36, 0.15); - --color-btn-danger-selected-shadow: inset 0 1px 0 rgba(76, 0, 20, 0.2); - --color-btn-danger-disabled-text: rgba(207, 34, 46, 0.5); - --color-btn-danger-disabled-bg: #f6f8fa; - --color-btn-danger-disabled-counter-bg: rgba(207, 34, 46, 0.05); - --color-btn-danger-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: #ffffff; - --color-underlinenav-icon: #6e7781; - --color-underlinenav-border-hover: rgba(175, 184, 193, 0.2); - --color-action-list-item-inline-divider: rgba(208, 215, 222, 0.48); - --color-action-list-item-default-hover-bg: rgba(208, 215, 222, 0.32); - --color-action-list-item-default-hover-border: rgba(0, 0, 0, 0); - --color-action-list-item-default-active-bg: rgba(208, 215, 222, 0.48); - --color-action-list-item-default-active-border: rgba(0, 0, 0, 0); - --color-action-list-item-default-selected-bg: rgba(208, 215, 222, 0.24); - --color-action-list-item-danger-hover-bg: rgba(255, 235, 233, 0.64); - --color-action-list-item-danger-active-bg: #FFEBE9; - --color-action-list-item-danger-hover-text: #cf222e; - --color-fg-default: #24292f; - --color-fg-muted: #57606a; - --color-fg-subtle: #6e7781; - --color-fg-on-emphasis: #ffffff; - --color-canvas-default: #ffffff; - --color-canvas-overlay: #ffffff; - --color-canvas-inset: #f6f8fa; - --color-canvas-subtle: #f6f8fa; - --color-border-default: #d0d7de; - --color-border-muted: hsla(210, 18%, 87%, 1); - --color-border-subtle: rgba(27, 31, 36, 0.15); - --color-shadow-small: 0 1px 0 rgba(27, 31, 36, 0.04); - --color-shadow-medium: 0 3px 6px rgba(140, 149, 159, 0.15); - --color-shadow-large: 0 8px 24px rgba(140, 149, 159, 0.2); - --color-shadow-extra-large: 0 12px 28px rgba(140, 149, 159, 0.3); - --color-neutral-emphasis-plus: #24292f; - --color-neutral-emphasis: #6e7781; - --color-neutral-muted: rgba(175, 184, 193, 0.2); - --color-neutral-subtle: rgba(234, 238, 242, 0.5); - --color-accent-fg: #0969da; - --color-accent-emphasis: #0969da; - --color-accent-muted: rgba(84, 174, 255, 0.4); - --color-accent-subtle: #ddf4ff; - --color-success-fg: #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: #FFEBE9; - --color-open-fg: #1a7f37; - --color-open-emphasis: #2da44e; - --color-open-muted: rgba(74, 194, 107, 0.4); - --color-open-subtle: #dafbe1; - --color-closed-fg: #cf222e; - --color-closed-emphasis: #cf222e; - --color-closed-muted: rgba(255, 129, 130, 0.4); - --color-closed-subtle: #FFEBE9; - --color-done-fg: #8250df; - --color-done-emphasis: #8250df; - --color-done-muted: rgba(194, 151, 255, 0.4); - --color-done-subtle: #fbefff; - --color-sponsors-fg: #bf3989; - --color-sponsors-emphasis: #bf3989; - --color-sponsors-muted: rgba(255, 128, 200, 0.4); - --color-sponsors-subtle: #ffeff7; - --color-primer-fg-disabled: #8c959f; - --color-primer-canvas-backdrop: rgba(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: #ffffff; - --color-scale-gray-0: #f6f8fa; - --color-scale-gray-1: #eaeef2; - --color-scale-gray-2: #d0d7de; - --color-scale-gray-3: #afb8c1; - --color-scale-gray-4: #8c959f; - --color-scale-gray-5: #6e7781; - --color-scale-gray-6: #57606a; - --color-scale-gray-7: #424a53; - --color-scale-gray-8: #32383f; - --color-scale-gray-9: #24292f; - --color-scale-blue-0: #ddf4ff; - --color-scale-blue-1: #b6e3ff; - --color-scale-blue-2: #80ccff; - --color-scale-blue-3: #54aeff; - --color-scale-blue-4: #218bff; - --color-scale-blue-5: #0969da; - --color-scale-blue-6: #0550ae; - --color-scale-blue-7: #033d8b; - --color-scale-blue-8: #0a3069; - --color-scale-blue-9: #002155; - --color-scale-green-0: #dafbe1; - --color-scale-green-1: #aceebb; - --color-scale-green-2: #6fdd8b; - --color-scale-green-3: #4ac26b; - --color-scale-green-4: #2da44e; - --color-scale-green-5: #1a7f37; - --color-scale-green-6: #116329; - --color-scale-green-7: #044f1e; - --color-scale-green-8: #003d16; - --color-scale-green-9: #002d11; - --color-scale-yellow-0: #fff8c5; - --color-scale-yellow-1: #fae17d; - --color-scale-yellow-2: #eac54f; - --color-scale-yellow-3: #d4a72c; - --color-scale-yellow-4: #bf8700; - --color-scale-yellow-5: #9a6700; - --color-scale-yellow-6: #7d4e00; - --color-scale-yellow-7: #633c01; - --color-scale-yellow-8: #4d2d00; - --color-scale-yellow-9: #3b2300; - --color-scale-orange-0: #fff1e5; - --color-scale-orange-1: #ffd8b5; - --color-scale-orange-2: #ffb77c; - --color-scale-orange-3: #fb8f44; - --color-scale-orange-4: #e16f24; - --color-scale-orange-5: #bc4c00; - --color-scale-orange-6: #953800; - --color-scale-orange-7: #762c00; - --color-scale-orange-8: #5c2200; - --color-scale-orange-9: #471700; - --color-scale-red-0: #FFEBE9; - --color-scale-red-1: #ffcecb; - --color-scale-red-2: #ffaba8; - --color-scale-red-3: #ff8182; - --color-scale-red-4: #fa4549; - --color-scale-red-5: #cf222e; - --color-scale-red-6: #a40e26; - --color-scale-red-7: #82071e; - --color-scale-red-8: #660018; - --color-scale-red-9: #4c0014; - --color-scale-purple-0: #fbefff; - --color-scale-purple-1: #ecd8ff; - --color-scale-purple-2: #d8b9ff; - --color-scale-purple-3: #c297ff; - --color-scale-purple-4: #a475f9; - --color-scale-purple-5: #8250df; - --color-scale-purple-6: #6639ba; - --color-scale-purple-7: #512a97; - --color-scale-purple-8: #3e1f79; - --color-scale-purple-9: #2e1461; - --color-scale-pink-0: #ffeff7; - --color-scale-pink-1: #ffd3eb; - --color-scale-pink-2: #ffadda; - --color-scale-pink-3: #ff80c8; - --color-scale-pink-4: #e85aad; - --color-scale-pink-5: #bf3989; - --color-scale-pink-6: #99286e; - --color-scale-pink-7: #772057; - --color-scale-pink-8: #611347; - --color-scale-pink-9: #4d0336; - --color-scale-coral-0: #FFF0EB; - --color-scale-coral-1: #FFD6CC; - --color-scale-coral-2: #FFB4A1; - --color-scale-coral-3: #FD8C73; - --color-scale-coral-4: #EC6547; - --color-scale-coral-5: #C4432B; - --color-scale-coral-6: #9E2F1C; - --color-scale-coral-7: #801F0F; - --color-scale-coral-8: #691105; - --color-scale-coral-9: #510901; -} - -.dark-dimmed-theme { - --color-canvas-default-transparent: rgba(34, 39, 46, 0); - --color-page-header-bg: #22272e; - --color-marketing-icon-primary: #6cb6ff; - --color-marketing-icon-secondary: #316dca; - --color-diff-blob-addition-num-text: #adbac7; - --color-diff-blob-addition-fg: #adbac7; - --color-diff-blob-addition-num-bg: rgba(87, 171, 90, 0.3); - --color-diff-blob-addition-line-bg: rgba(70, 149, 74, 0.15); - --color-diff-blob-addition-word-bg: rgba(70, 149, 74, 0.4); - --color-diff-blob-deletion-num-text: #adbac7; - --color-diff-blob-deletion-fg: #adbac7; - --color-diff-blob-deletion-num-bg: rgba(229, 83, 75, 0.3); - --color-diff-blob-deletion-line-bg: rgba(229, 83, 75, 0.15); - --color-diff-blob-deletion-word-bg: rgba(229, 83, 75, 0.4); - --color-diff-blob-hunk-num-bg: rgba(65, 132, 228, 0.4); - --color-diff-blob-expander-icon: #768390; - --color-diff-blob-selected-line-highlight-mix-blend-mode: screen; - --color-diffstat-deletion-border: rgba(205, 217, 229, 0.1); - --color-diffstat-addition-border: rgba(205, 217, 229, 0.1); - --color-diffstat-addition-bg: #57ab5a; - --color-search-keyword-hl: rgba(198, 144, 38, 0.4); - --color-prettylights-syntax-comment: #768390; - --color-prettylights-syntax-constant: #6cb6ff; - --color-prettylights-syntax-entity: #dcbdfb; - --color-prettylights-syntax-storage-modifier-import: #adbac7; - --color-prettylights-syntax-entity-tag: #8ddb8c; - --color-prettylights-syntax-keyword: #f47067; - --color-prettylights-syntax-string: #96d0ff; - --color-prettylights-syntax-variable: #f69d50; - --color-prettylights-syntax-brackethighlighter-unmatched: #e5534b; - --color-prettylights-syntax-invalid-illegal-text: #cdd9e5; - --color-prettylights-syntax-invalid-illegal-bg: #922323; - --color-prettylights-syntax-carriage-return-text: #cdd9e5; - --color-prettylights-syntax-carriage-return-bg: #ad2e2c; - --color-prettylights-syntax-string-regexp: #8ddb8c; - --color-prettylights-syntax-markup-list: #eac55f; - --color-prettylights-syntax-markup-heading: #316dca; - --color-prettylights-syntax-markup-italic: #adbac7; - --color-prettylights-syntax-markup-bold: #adbac7; - --color-prettylights-syntax-markup-deleted-text: #ffd8d3; - --color-prettylights-syntax-markup-deleted-bg: #78191b; - --color-prettylights-syntax-markup-inserted-text: #b4f1b4; - --color-prettylights-syntax-markup-inserted-bg: #1b4721; - --color-prettylights-syntax-markup-changed-text: #ffddb0; - --color-prettylights-syntax-markup-changed-bg: #682d0f; - --color-prettylights-syntax-markup-ignored-text: #adbac7; - --color-prettylights-syntax-markup-ignored-bg: #255ab2; - --color-prettylights-syntax-meta-diff-range: #dcbdfb; - --color-prettylights-syntax-brackethighlighter-angle: #768390; - --color-prettylights-syntax-sublimelinter-gutter-mark: #545d68; - --color-prettylights-syntax-constant-other-reference-link: #96d0ff; - --color-codemirror-text: #adbac7; - --color-codemirror-bg: #22272e; - --color-codemirror-gutters-bg: #22272e; - --color-codemirror-guttermarker-text: #22272e; - --color-codemirror-guttermarker-subtle-text: #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: #2d333b; - --color-checks-input-shadow: 0 0 0 1px/; - --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-project-header-bg: #22272e; - --color-project-sidebar-bg: #2d333b; - --color-project-gradient-in: #2d333b; - --color-project-gradient-out: rgba(45, 51, 59, 0); - --color-mktg-btn-bg: #f6f8fa; - --color-mktg-btn-shadow-outline: rgb(255 255 255 / 25%) 0 0 0 1px inset; - --color-mktg-btn-shadow-focus: rgb(255 255 255 / 25%) 0 0 0 4px; - --color-mktg-btn-shadow-hover: 0 4px 7px rgba(0, 0, 0, 0.15), 0 100px 80px rgba(255, 255, 255, 0.02), 0 42px 33px rgba(255, 255, 255, 0.024), 0 22px 18px rgba(255, 255, 255, 0.028), 0 12px 10px rgba(255, 255, 255, 0.034), 0 7px 5px rgba(255, 255, 255, 0.04), 0 3px 2px rgba(255, 255, 255, 0.07); - --color-mktg-btn-shadow-hover-muted: rgb(255 255 255) 0 0 0 2px inset; - --color-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-topic-tag-border: rgba(0, 0, 0, 0); - --color-counter-border: rgba(0, 0, 0, 0); - --color-select-menu-backdrop-border: #545d68; - --color-select-menu-tap-highlight: rgba(68, 76, 86, 0.5); - --color-select-menu-tap-focus-bg: #143d79; - --color-overlay-shadow: 0 0 0 1px #444c56, 0 16px 32px rgba(28, 33, 40, 0.85); - --color-header-text: rgba(205, 217, 229, 0.7); - --color-header-bg: #2d333b; - --color-header-divider: #768390; - --color-header-logo: #cdd9e5; - --color-header-search-bg: #22272e; - --color-header-search-border: #444c56; - --color-sidenav-selected-bg: #373e47; - --color-menu-bg-active: #2d333b; - --color-input-disabled-bg: rgba(99, 110, 123, 0); - --color-timeline-badge-bg: #373e47; - --color-ansi-black: #545d68; - --color-ansi-black-bright: #636e7b; - --color-ansi-white: #909dab; - --color-ansi-white-bright: #cdd9e5; - --color-ansi-gray: #636e7b; - --color-ansi-red: #f47067; - --color-ansi-red-bright: #ff938a; - --color-ansi-green: #57ab5a; - --color-ansi-green-bright: #6bc46d; - --color-ansi-yellow: #c69026; - --color-ansi-yellow-bright: #daaa3f; - --color-ansi-blue: #539bf5; - --color-ansi-blue-bright: #6cb6ff; - --color-ansi-magenta: #b083f0; - --color-ansi-magenta-bright: #dcbdfb; - --color-ansi-cyan: #39c5cf; - --color-ansi-cyan-bright: #56d4dd; - --color-btn-text: #adbac7; - --color-btn-bg: #373e47; - --color-btn-border: rgba(205, 217, 229, 0.1); - --color-btn-shadow: 0 0 transparent; - --color-btn-inset-shadow: 0 0 transparent; - --color-btn-hover-bg: #444c56; - --color-btn-hover-border: #768390; - --color-btn-active-bg: hsla(213, 12%, 27%, 1); - --color-btn-active-border: #636e7b; - --color-btn-selected-bg: #2d333b; - --color-btn-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: #ffffff; - --color-btn-primary-bg: #347d39; - --color-btn-primary-border: rgba(205, 217, 229, 0.1); - --color-btn-primary-shadow: 0 0 transparent; - --color-btn-primary-inset-shadow: 0 0 transparent; - --color-btn-primary-hover-bg: #46954a; - --color-btn-primary-hover-border: rgba(205, 217, 229, 0.1); - --color-btn-primary-selected-bg: #347d39; - --color-btn-primary-selected-shadow: 0 0 transparent; - --color-btn-primary-disabled-text: rgba(205, 217, 229, 0.5); - --color-btn-primary-disabled-bg: rgba(52, 125, 57, 0.6); - --color-btn-primary-disabled-border: rgba(205, 217, 229, 0.1); - --color-btn-primary-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: #cdd9e5; - --color-btn-danger-hover-bg: #c93c37; - --color-btn-danger-hover-border: #e5534b; - --color-btn-danger-hover-shadow: 0 0 transparent; - --color-btn-danger-hover-inset-shadow: 0 0 transparent; - --color-btn-danger-hover-icon: #cdd9e5; - --color-btn-danger-hover-counter-bg: rgba(255, 255, 255, 0.2); - --color-btn-danger-selected-text: #ffffff; - --color-btn-danger-selected-bg: #ad2e2c; - --color-btn-danger-selected-border: #f47067; - --color-btn-danger-selected-shadow: 0 0 transparent; - --color-btn-danger-disabled-text: rgba(229, 83, 75, 0.5); - --color-btn-danger-disabled-bg: #22272e; - --color-btn-danger-disabled-counter-bg: rgba(201, 60, 55, 0.05); - --color-btn-danger-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-underlinenav-icon: #545d68; - --color-underlinenav-border-hover: rgba(99, 110, 123, 0.4); - --color-action-list-item-inline-divider: rgba(68, 76, 86, 0.48); - --color-action-list-item-default-hover-bg: rgba(144, 157, 171, 0.12); - --color-action-list-item-default-hover-border: rgba(0, 0, 0, 0); - --color-action-list-item-default-active-bg: rgba(144, 157, 171, 0.2); - --color-action-list-item-default-active-border: rgba(0, 0, 0, 0); - --color-action-list-item-default-selected-bg: rgba(144, 157, 171, 0.08); - --color-action-list-item-danger-hover-bg: rgba(229, 83, 75, 0.16); - --color-action-list-item-danger-active-bg: rgba(229, 83, 75, 0.24); - --color-action-list-item-danger-hover-text: #f47067; - --color-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-border-default: #444c56; - --color-border-muted: #373e47; - --color-border-subtle: rgba(205, 217, 229, 0.1); - --color-shadow-small: 0 0 transparent; - --color-shadow-medium: 0 3px 6px #1c2128; - --color-shadow-large: 0 8px 24px #1c2128; - --color-shadow-extra-large: 0 12px 48px #1c2128; - --color-neutral-emphasis-plus: #636e7b; - --color-neutral-emphasis: #636e7b; - --color-neutral-muted: rgba(99, 110, 123, 0.4); - --color-neutral-subtle: rgba(99, 110, 123, 0.1); - --color-accent-fg: #539bf5; - --color-accent-emphasis: #316dca; - --color-accent-muted: rgba(65, 132, 228, 0.4); - --color-accent-subtle: rgba(65, 132, 228, 0.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-open-fg: #57ab5a; - --color-open-emphasis: #347d39; - --color-open-muted: rgba(70, 149, 74, 0.4); - --color-open-subtle: rgba(70, 149, 74, 0.15); - --color-closed-fg: #e5534b; - --color-closed-emphasis: #c93c37; - --color-closed-muted: rgba(229, 83, 75, 0.4); - --color-closed-subtle: rgba(229, 83, 75, 0.15); - --color-done-fg: #986ee2; - --color-done-emphasis: #8256d0; - --color-done-muted: rgba(152, 110, 226, 0.4); - --color-done-subtle: rgba(152, 110, 226, 0.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-fg-disabled: #545d68; - --color-primer-canvas-backdrop: rgba(28, 33, 40, 0.8); - --color-primer-canvas-sticky: rgba(34, 39, 46, 0.95); - --color-primer-border-active: #EC775C; - --color-primer-border-contrast: rgba(205, 217, 229, 0.2); - --color-primer-shadow-highlight: 0 0 transparent; - --color-primer-shadow-inset: 0 0 transparent; - --color-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: #5D0F12; - --color-scale-purple-0: #eedcff; - --color-scale-purple-1: #dcbdfb; - --color-scale-purple-2: #dcbdfb; - --color-scale-purple-3: #b083f0; - --color-scale-purple-4: #986ee2; - --color-scale-purple-5: #8256d0; - --color-scale-purple-6: #6b44bc; - --color-scale-purple-7: #5936a2; - --color-scale-purple-8: #472c82; - --color-scale-purple-9: #352160; - --color-scale-pink-0: #ffd7eb; - --color-scale-pink-1: #ffb3d8; - --color-scale-pink-2: #fc8dc7; - --color-scale-pink-3: #e275ad; - --color-scale-pink-4: #c96198; - --color-scale-pink-5: #ae4c82; - --color-scale-pink-6: #983b6e; - --color-scale-pink-7: #7e325a; - --color-scale-pink-8: #69264a; - --color-scale-pink-9: #551639; - --color-scale-coral-0: #FFDACF; - --color-scale-coral-1: #FFB9A5; - --color-scale-coral-2: #F79981; - --color-scale-coral-3: #EC775C; - --color-scale-coral-4: #DE5B41; - --color-scale-coral-5: #C2442D; - --color-scale-coral-6: #A93524; - --color-scale-coral-7: #8D291B; - --color-scale-coral-8: #771D13; - --color-scale-coral-9: #5D1008; -} - -[data-color-mode=light] { - @extend .light-theme; -} - -[data-color-mode=dark] { - @extend .dark-theme; -} - -[data-color-mode=dark-dimmed] { - @extend .dark-dimmed-theme; -} - -[data-color-mode] { - color: var(--color-fg-default); - background-color: var(--color-canvas-default) -} - -@media (forced-colors: active) { - body { - --color-accent-emphasis: Highlight; - --color-fg-on-emphasis: LinkText; - } -} \ No newline at end of file diff --git a/src/lib/styles/themes/old.postcss b/src/lib/styles/themes/old.postcss new file mode 100644 index 000000000..0a1071b4f --- /dev/null +++ b/src/lib/styles/themes/old.postcss @@ -0,0 +1,1307 @@ +.light-theme { + --color-canvas-default-transparent: rgba(255, 255, 255, 0); + --color-page-header-bg: #f6f8fa; + --color-marketing-icon-primary: #218bff; + --color-marketing-icon-secondary: #54aeff; + --color-diff-blob-addition-num-text: #24292f; + --color-diff-blob-addition-fg: #24292f; + --color-diff-blob-addition-num-bg: #CCFFD8; + --color-diff-blob-addition-line-bg: #E6FFEC; + --color-diff-blob-addition-word-bg: #ABF2BC; + --color-diff-blob-deletion-num-text: #24292f; + --color-diff-blob-deletion-fg: #24292f; + --color-diff-blob-deletion-num-bg: #FFD7D5; + --color-diff-blob-deletion-line-bg: #FFEBE9; + --color-diff-blob-deletion-word-bg: rgba(255, 129, 130, 0.4); + --color-diff-blob-hunk-num-bg: rgba(84, 174, 255, 0.4); + --color-diff-blob-expander-icon: #57606a; + --color-diff-blob-selected-line-highlight-mix-blend-mode: multiply; + --color-diffstat-deletion-border: rgba(27, 31, 36, 0.15); + --color-diffstat-addition-border: rgba(27, 31, 36, 0.15); + --color-diffstat-addition-bg: #2da44e; + --color-search-keyword-hl: #fff8c5; + --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: #FFEBE9; + --color-prettylights-syntax-markup-inserted-text: #116329; + --color-prettylights-syntax-markup-inserted-bg: #dafbe1; + --color-prettylights-syntax-markup-changed-text: #953800; + --color-prettylights-syntax-markup-changed-bg: #ffd8b5; + --color-prettylights-syntax-markup-ignored-text: #eaeef2; + --color-prettylights-syntax-markup-ignored-bg: #0550ae; + --color-prettylights-syntax-meta-diff-range: #8250df; + --color-prettylights-syntax-brackethighlighter-angle: #57606a; + --color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f; + --color-prettylights-syntax-constant-other-reference-link: #0a3069; + --color-codemirror-text: #24292f; + --color-codemirror-bg: #ffffff; + --color-codemirror-gutters-bg: #ffffff; + --color-codemirror-guttermarker-text: #ffffff; + --color-codemirror-guttermarker-subtle-text: #6e7781; + --color-codemirror-linenumber-text: #57606a; + --color-codemirror-cursor: #24292f; + --color-codemirror-selection-bg: rgba(84, 174, 255, 0.4); + --color-codemirror-activeline-bg: rgba(234, 238, 242, 0.5); + --color-codemirror-matchingbracket-text: #24292f; + --color-codemirror-lines-bg: #ffffff; + --color-codemirror-syntax-comment: #24292f; + --color-codemirror-syntax-constant: #0550ae; + --color-codemirror-syntax-entity: #8250df; + --color-codemirror-syntax-keyword: #cf222e; + --color-codemirror-syntax-storage: #cf222e; + --color-codemirror-syntax-string: #0a3069; + --color-codemirror-syntax-support: #0550ae; + --color-codemirror-syntax-variable: #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: #d4a72c; + --color-checks-step-header-open-bg: #32383f; + --color-checks-step-error-text: #ff8182; + --color-checks-step-warning-text: #d4a72c; + --color-checks-logline-text: #8c959f; + --color-checks-logline-num-text: rgba(140, 149, 159, 0.75); + --color-checks-logline-debug-text: #c297ff; + --color-checks-logline-error-text: #d0d7de; + --color-checks-logline-error-num-text: #ff8182; + --color-checks-logline-error-bg: rgba(164, 14, 38, 0.15); + --color-checks-logline-warning-text: #d0d7de; + --color-checks-logline-warning-num-text: #d4a72c; + --color-checks-logline-warning-bg: rgba(125, 78, 0, 0.15); + --color-checks-logline-command-text: #54aeff; + --color-checks-logline-section-text: #4ac26b; + --color-checks-ansi-black: #24292f; + --color-checks-ansi-black-bright: #32383f; + --color-checks-ansi-white: #d0d7de; + --color-checks-ansi-white-bright: #d0d7de; + --color-checks-ansi-gray: #8c959f; + --color-checks-ansi-red: #ff8182; + --color-checks-ansi-red-bright: #ffaba8; + --color-checks-ansi-green: #4ac26b; + --color-checks-ansi-green-bright: #6fdd8b; + --color-checks-ansi-yellow: #d4a72c; + --color-checks-ansi-yellow-bright: #eac54f; + --color-checks-ansi-blue: #54aeff; + --color-checks-ansi-blue-bright: #80ccff; + --color-checks-ansi-magenta: #c297ff; + --color-checks-ansi-magenta-bright: #d8b9ff; + --color-checks-ansi-cyan: #76e3ea; + --color-checks-ansi-cyan-bright: #b3f0ff; + --color-project-header-bg: #24292f; + --color-project-sidebar-bg: #ffffff; + --color-project-gradient-in: #ffffff; + --color-project-gradient-out: rgba(255, 255, 255, 0); + --color-mktg-btn-bg: #1b1f23; + --color-mktg-btn-shadow-outline: rgb(0 0 0 / 15%) 0 0 0 1px inset; + --color-mktg-btn-shadow-focus: rgb(0 0 0 / 15%) 0 0 0 4px; + --color-mktg-btn-shadow-hover: 0 3px 2px rgba(0, 0, 0, 0.07), 0 7px 5px rgba(0, 0, 0, 0.04), 0 12px 10px rgba(0, 0, 0, 0.03), 0 22px 18px rgba(0, 0, 0, 0.03), 0 42px 33px rgba(0, 0, 0, 0.02), 0 100px 80px rgba(0, 0, 0, 0.02); + --color-mktg-btn-shadow-hover-muted: rgb(0 0 0 / 70%) 0 0 0 2px inset; + --color-avatar-bg: #ffffff; + --color-avatar-border: rgba(27, 31, 36, 0.15); + --color-avatar-stack-fade: #afb8c1; + --color-avatar-stack-fade-more: #d0d7de; + --color-avatar-child-shadow: -2px -2px 0 rgba(255, 255, 255, 0.8); + --color-topic-tag-border: rgba(0, 0, 0, 0); + --color-counter-border: rgba(0, 0, 0, 0); + --color-select-menu-backdrop-border: rgba(0, 0, 0, 0); + --color-select-menu-tap-highlight: rgba(175, 184, 193, 0.5); + --color-select-menu-tap-focus-bg: #b6e3ff; + --color-overlay-shadow: 0 1px 3px rgba(27, 31, 36, 0.12), 0 8px 24px rgba(66, 74, 83, 0.12); + --color-header-text: rgba(255, 255, 255, 0.7); + --color-header-bg: #24292f; + --color-header-divider: #57606a; + --color-header-logo: #ffffff; + --color-header-search-bg: #24292f; + --color-header-search-border: #57606a; + --color-sidenav-selected-bg: #ffffff; + --color-menu-bg-active: rgba(0, 0, 0, 0); + --color-input-disabled-bg: rgba(175, 184, 193, 0.2); + --color-timeline-badge-bg: #eaeef2; + --color-ansi-black: #24292f; + --color-ansi-black-bright: #57606a; + --color-ansi-white: #6e7781; + --color-ansi-white-bright: #8c959f; + --color-ansi-gray: #6e7781; + --color-ansi-red: #cf222e; + --color-ansi-red-bright: #a40e26; + --color-ansi-green: #116329; + --color-ansi-green-bright: #1a7f37; + --color-ansi-yellow: #4d2d00; + --color-ansi-yellow-bright: #633c01; + --color-ansi-blue: #0969da; + --color-ansi-blue-bright: #218bff; + --color-ansi-magenta: #8250df; + --color-ansi-magenta-bright: #a475f9; + --color-ansi-cyan: #1b7c83; + --color-ansi-cyan-bright: #3192aa; + --color-btn-text: #24292f; + --color-btn-bg: #f6f8fa; + --color-btn-border: rgba(27, 31, 36, 0.15); + --color-btn-shadow: 0 1px 0 rgba(27, 31, 36, 0.04); + --color-btn-inset-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25); + --color-btn-hover-bg: #f3f4f6; + --color-btn-hover-border: rgba(27, 31, 36, 0.15); + --color-btn-active-bg: hsla(220, 14%, 93%, 1); + --color-btn-active-border: rgba(27, 31, 36, 0.15); + --color-btn-selected-bg: hsla(220, 14%, 94%, 1); + --color-btn-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: #ffffff; + --color-btn-primary-bg: #2da44e; + --color-btn-primary-border: rgba(27, 31, 36, 0.15); + --color-btn-primary-shadow: 0 1px 0 rgba(27, 31, 36, 0.1); + --color-btn-primary-inset-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03); + --color-btn-primary-hover-bg: #2c974b; + --color-btn-primary-hover-border: rgba(27, 31, 36, 0.15); + --color-btn-primary-selected-bg: hsla(137, 55%, 36%, 1); + --color-btn-primary-selected-shadow: inset 0 1px 0 rgba(0, 45, 17, 0.2); + --color-btn-primary-disabled-text: rgba(255, 255, 255, 0.8); + --color-btn-primary-disabled-bg: #94d3a2; + --color-btn-primary-disabled-border: rgba(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: #ffffff; + --color-btn-outline-hover-bg: #0969da; + --color-btn-outline-hover-border: rgba(27, 31, 36, 0.15); + --color-btn-outline-hover-shadow: 0 1px 0 rgba(27, 31, 36, 0.1); + --color-btn-outline-hover-inset-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03); + --color-btn-outline-hover-counter-bg: rgba(255, 255, 255, 0.2); + --color-btn-outline-selected-text: #ffffff; + --color-btn-outline-selected-bg: hsla(212, 92%, 42%, 1); + --color-btn-outline-selected-border: rgba(27, 31, 36, 0.15); + --color-btn-outline-selected-shadow: inset 0 1px 0 rgba(0, 33, 85, 0.2); + --color-btn-outline-disabled-text: rgba(9, 105, 218, 0.5); + --color-btn-outline-disabled-bg: #f6f8fa; + --color-btn-outline-disabled-counter-bg: rgba(9, 105, 218, 0.05); + --color-btn-outline-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: #ffffff; + --color-btn-danger-hover-bg: #a40e26; + --color-btn-danger-hover-border: rgba(27, 31, 36, 0.15); + --color-btn-danger-hover-shadow: 0 1px 0 rgba(27, 31, 36, 0.1); + --color-btn-danger-hover-inset-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03); + --color-btn-danger-hover-counter-bg: rgba(255, 255, 255, 0.2); + --color-btn-danger-selected-text: #ffffff; + --color-btn-danger-selected-bg: hsla(356, 72%, 44%, 1); + --color-btn-danger-selected-border: rgba(27, 31, 36, 0.15); + --color-btn-danger-selected-shadow: inset 0 1px 0 rgba(76, 0, 20, 0.2); + --color-btn-danger-disabled-text: rgba(207, 34, 46, 0.5); + --color-btn-danger-disabled-bg: #f6f8fa; + --color-btn-danger-disabled-counter-bg: rgba(207, 34, 46, 0.05); + --color-btn-danger-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: #ffffff; + --color-underlinenav-icon: #6e7781; + --color-underlinenav-border-hover: rgba(175, 184, 193, 0.2); + --color-action-list-item-inline-divider: rgba(208, 215, 222, 0.48); + --color-action-list-item-default-hover-bg: rgba(208, 215, 222, 0.32); + --color-action-list-item-default-hover-border: rgba(0, 0, 0, 0); + --color-action-list-item-default-active-bg: rgba(208, 215, 222, 0.48); + --color-action-list-item-default-active-border: rgba(0, 0, 0, 0); + --color-action-list-item-default-selected-bg: rgba(208, 215, 222, 0.24); + --color-action-list-item-danger-hover-bg: rgba(255, 235, 233, 0.64); + --color-action-list-item-danger-active-bg: #FFEBE9; + --color-action-list-item-danger-hover-text: #cf222e; + --color-fg-default: #24292f; + --color-fg-muted: #57606a; + --color-fg-subtle: #6e7781; + --color-fg-on-emphasis: #ffffff; + --color-canvas-default: #ffffff; + --color-canvas-overlay: #ffffff; + --color-canvas-inset: #f6f8fa; + --color-canvas-subtle: #f6f8fa; + --color-border-default: #d0d7de; + --color-border-muted: hsla(210, 18%, 87%, 1); + --color-border-subtle: rgba(27, 31, 36, 0.15); + --color-shadow-small: 0 1px 0 rgba(27, 31, 36, 0.04); + --color-shadow-medium: 0 3px 6px rgba(140, 149, 159, 0.15); + --color-shadow-large: 0 8px 24px rgba(140, 149, 159, 0.2); + --color-shadow-extra-large: 0 12px 28px rgba(140, 149, 159, 0.3); + --color-neutral-emphasis-plus: #24292f; + --color-neutral-emphasis: #6e7781; + --color-neutral-muted: rgba(175, 184, 193, 0.2); + --color-neutral-subtle: rgba(234, 238, 242, 0.5); + --color-accent-fg: #0969da; + --color-accent-emphasis: #0969da; + --color-accent-muted: rgba(84, 174, 255, 0.4); + --color-accent-subtle: #ddf4ff; + --color-success-fg: #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: #FFEBE9; + --color-open-fg: #1a7f37; + --color-open-emphasis: #2da44e; + --color-open-muted: rgba(74, 194, 107, 0.4); + --color-open-subtle: #dafbe1; + --color-closed-fg: #cf222e; + --color-closed-emphasis: #cf222e; + --color-closed-muted: rgba(255, 129, 130, 0.4); + --color-closed-subtle: #FFEBE9; + --color-done-fg: #8250df; + --color-done-emphasis: #8250df; + --color-done-muted: rgba(194, 151, 255, 0.4); + --color-done-subtle: #fbefff; + --color-sponsors-fg: #bf3989; + --color-sponsors-emphasis: #bf3989; + --color-sponsors-muted: rgba(255, 128, 200, 0.4); + --color-sponsors-subtle: #ffeff7; + --color-primer-fg-disabled: #8c959f; + --color-primer-canvas-backdrop: rgba(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: #ffffff; + --color-scale-gray-0: #f6f8fa; + --color-scale-gray-1: #eaeef2; + --color-scale-gray-2: #d0d7de; + --color-scale-gray-3: #afb8c1; + --color-scale-gray-4: #8c959f; + --color-scale-gray-5: #6e7781; + --color-scale-gray-6: #57606a; + --color-scale-gray-7: #424a53; + --color-scale-gray-8: #32383f; + --color-scale-gray-9: #24292f; + --color-scale-blue-0: #ddf4ff; + --color-scale-blue-1: #b6e3ff; + --color-scale-blue-2: #80ccff; + --color-scale-blue-3: #54aeff; + --color-scale-blue-4: #218bff; + --color-scale-blue-5: #0969da; + --color-scale-blue-6: #0550ae; + --color-scale-blue-7: #033d8b; + --color-scale-blue-8: #0a3069; + --color-scale-blue-9: #002155; + --color-scale-green-0: #dafbe1; + --color-scale-green-1: #aceebb; + --color-scale-green-2: #6fdd8b; + --color-scale-green-3: #4ac26b; + --color-scale-green-4: #2da44e; + --color-scale-green-5: #1a7f37; + --color-scale-green-6: #116329; + --color-scale-green-7: #044f1e; + --color-scale-green-8: #003d16; + --color-scale-green-9: #002d11; + --color-scale-yellow-0: #fff8c5; + --color-scale-yellow-1: #fae17d; + --color-scale-yellow-2: #eac54f; + --color-scale-yellow-3: #d4a72c; + --color-scale-yellow-4: #bf8700; + --color-scale-yellow-5: #9a6700; + --color-scale-yellow-6: #7d4e00; + --color-scale-yellow-7: #633c01; + --color-scale-yellow-8: #4d2d00; + --color-scale-yellow-9: #3b2300; + --color-scale-orange-0: #fff1e5; + --color-scale-orange-1: #ffd8b5; + --color-scale-orange-2: #ffb77c; + --color-scale-orange-3: #fb8f44; + --color-scale-orange-4: #e16f24; + --color-scale-orange-5: #bc4c00; + --color-scale-orange-6: #953800; + --color-scale-orange-7: #762c00; + --color-scale-orange-8: #5c2200; + --color-scale-orange-9: #471700; + --color-scale-red-0: #FFEBE9; + --color-scale-red-1: #ffcecb; + --color-scale-red-2: #ffaba8; + --color-scale-red-3: #ff8182; + --color-scale-red-4: #fa4549; + --color-scale-red-5: #cf222e; + --color-scale-red-6: #a40e26; + --color-scale-red-7: #82071e; + --color-scale-red-8: #660018; + --color-scale-red-9: #4c0014; + --color-scale-purple-0: #fbefff; + --color-scale-purple-1: #ecd8ff; + --color-scale-purple-2: #d8b9ff; + --color-scale-purple-3: #c297ff; + --color-scale-purple-4: #a475f9; + --color-scale-purple-5: #8250df; + --color-scale-purple-6: #6639ba; + --color-scale-purple-7: #512a97; + --color-scale-purple-8: #3e1f79; + --color-scale-purple-9: #2e1461; + --color-scale-pink-0: #ffeff7; + --color-scale-pink-1: #ffd3eb; + --color-scale-pink-2: #ffadda; + --color-scale-pink-3: #ff80c8; + --color-scale-pink-4: #e85aad; + --color-scale-pink-5: #bf3989; + --color-scale-pink-6: #99286e; + --color-scale-pink-7: #772057; + --color-scale-pink-8: #611347; + --color-scale-pink-9: #4d0336; + --color-scale-coral-0: #FFF0EB; + --color-scale-coral-1: #FFD6CC; + --color-scale-coral-2: #FFB4A1; + --color-scale-coral-3: #FD8C73; + --color-scale-coral-4: #EC6547; + --color-scale-coral-5: #C4432B; + --color-scale-coral-6: #9E2F1C; + --color-scale-coral-7: #801F0F; + --color-scale-coral-8: #691105; + --color-scale-coral-9: #510901; +} + +.dark-theme { + --color-canvas-default-transparent: rgba(255, 255, 255, 0); + --color-page-header-bg: #f6f8fa; + --color-marketing-icon-primary: #218bff; + --color-marketing-icon-secondary: #54aeff; + --color-diff-blob-addition-num-text: #24292f; + --color-diff-blob-addition-fg: #24292f; + --color-diff-blob-addition-num-bg: #CCFFD8; + --color-diff-blob-addition-line-bg: #E6FFEC; + --color-diff-blob-addition-word-bg: #ABF2BC; + --color-diff-blob-deletion-num-text: #24292f; + --color-diff-blob-deletion-fg: #24292f; + --color-diff-blob-deletion-num-bg: #FFD7D5; + --color-diff-blob-deletion-line-bg: #FFEBE9; + --color-diff-blob-deletion-word-bg: rgba(255, 129, 130, 0.4); + --color-diff-blob-hunk-num-bg: rgba(84, 174, 255, 0.4); + --color-diff-blob-expander-icon: #57606a; + --color-diff-blob-selected-line-highlight-mix-blend-mode: multiply; + --color-diffstat-deletion-border: rgba(27, 31, 36, 0.15); + --color-diffstat-addition-border: rgba(27, 31, 36, 0.15); + --color-diffstat-addition-bg: #2da44e; + --color-search-keyword-hl: #fff8c5; + --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: #FFEBE9; + --color-prettylights-syntax-markup-inserted-text: #116329; + --color-prettylights-syntax-markup-inserted-bg: #dafbe1; + --color-prettylights-syntax-markup-changed-text: #953800; + --color-prettylights-syntax-markup-changed-bg: #ffd8b5; + --color-prettylights-syntax-markup-ignored-text: #eaeef2; + --color-prettylights-syntax-markup-ignored-bg: #0550ae; + --color-prettylights-syntax-meta-diff-range: #8250df; + --color-prettylights-syntax-brackethighlighter-angle: #57606a; + --color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f; + --color-prettylights-syntax-constant-other-reference-link: #0a3069; + --color-codemirror-text: #24292f; + --color-codemirror-bg: #ffffff; + --color-codemirror-gutters-bg: #ffffff; + --color-codemirror-guttermarker-text: #ffffff; + --color-codemirror-guttermarker-subtle-text: #6e7781; + --color-codemirror-linenumber-text: #57606a; + --color-codemirror-cursor: #24292f; + --color-codemirror-selection-bg: rgba(84, 174, 255, 0.4); + --color-codemirror-activeline-bg: rgba(234, 238, 242, 0.5); + --color-codemirror-matchingbracket-text: #24292f; + --color-codemirror-lines-bg: #ffffff; + --color-codemirror-syntax-comment: #24292f; + --color-codemirror-syntax-constant: #0550ae; + --color-codemirror-syntax-entity: #8250df; + --color-codemirror-syntax-keyword: #cf222e; + --color-codemirror-syntax-storage: #cf222e; + --color-codemirror-syntax-string: #0a3069; + --color-codemirror-syntax-support: #0550ae; + --color-codemirror-syntax-variable: #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: #d4a72c; + --color-checks-step-header-open-bg: #32383f; + --color-checks-step-error-text: #ff8182; + --color-checks-step-warning-text: #d4a72c; + --color-checks-logline-text: #8c959f; + --color-checks-logline-num-text: rgba(140, 149, 159, 0.75); + --color-checks-logline-debug-text: #c297ff; + --color-checks-logline-error-text: #d0d7de; + --color-checks-logline-error-num-text: #ff8182; + --color-checks-logline-error-bg: rgba(164, 14, 38, 0.15); + --color-checks-logline-warning-text: #d0d7de; + --color-checks-logline-warning-num-text: #d4a72c; + --color-checks-logline-warning-bg: rgba(125, 78, 0, 0.15); + --color-checks-logline-command-text: #54aeff; + --color-checks-logline-section-text: #4ac26b; + --color-checks-ansi-black: #24292f; + --color-checks-ansi-black-bright: #32383f; + --color-checks-ansi-white: #d0d7de; + --color-checks-ansi-white-bright: #d0d7de; + --color-checks-ansi-gray: #8c959f; + --color-checks-ansi-red: #ff8182; + --color-checks-ansi-red-bright: #ffaba8; + --color-checks-ansi-green: #4ac26b; + --color-checks-ansi-green-bright: #6fdd8b; + --color-checks-ansi-yellow: #d4a72c; + --color-checks-ansi-yellow-bright: #eac54f; + --color-checks-ansi-blue: #54aeff; + --color-checks-ansi-blue-bright: #80ccff; + --color-checks-ansi-magenta: #c297ff; + --color-checks-ansi-magenta-bright: #d8b9ff; + --color-checks-ansi-cyan: #76e3ea; + --color-checks-ansi-cyan-bright: #b3f0ff; + --color-project-header-bg: #24292f; + --color-project-sidebar-bg: #ffffff; + --color-project-gradient-in: #ffffff; + --color-project-gradient-out: rgba(255, 255, 255, 0); + --color-mktg-btn-bg: #1b1f23; + --color-mktg-btn-shadow-outline: rgb(0 0 0 / 15%) 0 0 0 1px inset; + --color-mktg-btn-shadow-focus: rgb(0 0 0 / 15%) 0 0 0 4px; + --color-mktg-btn-shadow-hover: 0 3px 2px rgba(0, 0, 0, 0.07), 0 7px 5px rgba(0, 0, 0, 0.04), 0 12px 10px rgba(0, 0, 0, 0.03), 0 22px 18px rgba(0, 0, 0, 0.03), 0 42px 33px rgba(0, 0, 0, 0.02), 0 100px 80px rgba(0, 0, 0, 0.02); + --color-mktg-btn-shadow-hover-muted: rgb(0 0 0 / 70%) 0 0 0 2px inset; + --color-avatar-bg: #ffffff; + --color-avatar-border: rgba(27, 31, 36, 0.15); + --color-avatar-stack-fade: #afb8c1; + --color-avatar-stack-fade-more: #d0d7de; + --color-avatar-child-shadow: -2px -2px 0 rgba(255, 255, 255, 0.8); + --color-topic-tag-border: rgba(0, 0, 0, 0); + --color-counter-border: rgba(0, 0, 0, 0); + --color-select-menu-backdrop-border: rgba(0, 0, 0, 0); + --color-select-menu-tap-highlight: rgba(175, 184, 193, 0.5); + --color-select-menu-tap-focus-bg: #b6e3ff; + --color-overlay-shadow: 0 1px 3px rgba(27, 31, 36, 0.12), 0 8px 24px rgba(66, 74, 83, 0.12); + --color-header-text: rgba(255, 255, 255, 0.7); + --color-header-bg: #24292f; + --color-header-divider: #57606a; + --color-header-logo: #ffffff; + --color-header-search-bg: #24292f; + --color-header-search-border: #57606a; + --color-sidenav-selected-bg: #ffffff; + --color-menu-bg-active: rgba(0, 0, 0, 0); + --color-input-disabled-bg: rgba(175, 184, 193, 0.2); + --color-timeline-badge-bg: #eaeef2; + --color-ansi-black: #24292f; + --color-ansi-black-bright: #57606a; + --color-ansi-white: #6e7781; + --color-ansi-white-bright: #8c959f; + --color-ansi-gray: #6e7781; + --color-ansi-red: #cf222e; + --color-ansi-red-bright: #a40e26; + --color-ansi-green: #116329; + --color-ansi-green-bright: #1a7f37; + --color-ansi-yellow: #4d2d00; + --color-ansi-yellow-bright: #633c01; + --color-ansi-blue: #0969da; + --color-ansi-blue-bright: #218bff; + --color-ansi-magenta: #8250df; + --color-ansi-magenta-bright: #a475f9; + --color-ansi-cyan: #1b7c83; + --color-ansi-cyan-bright: #3192aa; + --color-btn-text: #24292f; + --color-btn-bg: #f6f8fa; + --color-btn-border: rgba(27, 31, 36, 0.15); + --color-btn-shadow: 0 1px 0 rgba(27, 31, 36, 0.04); + --color-btn-inset-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25); + --color-btn-hover-bg: #f3f4f6; + --color-btn-hover-border: rgba(27, 31, 36, 0.15); + --color-btn-active-bg: hsla(220, 14%, 93%, 1); + --color-btn-active-border: rgba(27, 31, 36, 0.15); + --color-btn-selected-bg: hsla(220, 14%, 94%, 1); + --color-btn-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: #ffffff; + --color-btn-primary-bg: #2da44e; + --color-btn-primary-border: rgba(27, 31, 36, 0.15); + --color-btn-primary-shadow: 0 1px 0 rgba(27, 31, 36, 0.1); + --color-btn-primary-inset-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03); + --color-btn-primary-hover-bg: #2c974b; + --color-btn-primary-hover-border: rgba(27, 31, 36, 0.15); + --color-btn-primary-selected-bg: hsla(137, 55%, 36%, 1); + --color-btn-primary-selected-shadow: inset 0 1px 0 rgba(0, 45, 17, 0.2); + --color-btn-primary-disabled-text: rgba(255, 255, 255, 0.8); + --color-btn-primary-disabled-bg: #94d3a2; + --color-btn-primary-disabled-border: rgba(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: #ffffff; + --color-btn-outline-hover-bg: #0969da; + --color-btn-outline-hover-border: rgba(27, 31, 36, 0.15); + --color-btn-outline-hover-shadow: 0 1px 0 rgba(27, 31, 36, 0.1); + --color-btn-outline-hover-inset-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03); + --color-btn-outline-hover-counter-bg: rgba(255, 255, 255, 0.2); + --color-btn-outline-selected-text: #ffffff; + --color-btn-outline-selected-bg: hsla(212, 92%, 42%, 1); + --color-btn-outline-selected-border: rgba(27, 31, 36, 0.15); + --color-btn-outline-selected-shadow: inset 0 1px 0 rgba(0, 33, 85, 0.2); + --color-btn-outline-disabled-text: rgba(9, 105, 218, 0.5); + --color-btn-outline-disabled-bg: #f6f8fa; + --color-btn-outline-disabled-counter-bg: rgba(9, 105, 218, 0.05); + --color-btn-outline-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: #ffffff; + --color-btn-danger-hover-bg: #a40e26; + --color-btn-danger-hover-border: rgba(27, 31, 36, 0.15); + --color-btn-danger-hover-shadow: 0 1px 0 rgba(27, 31, 36, 0.1); + --color-btn-danger-hover-inset-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03); + --color-btn-danger-hover-counter-bg: rgba(255, 255, 255, 0.2); + --color-btn-danger-selected-text: #ffffff; + --color-btn-danger-selected-bg: hsla(356, 72%, 44%, 1); + --color-btn-danger-selected-border: rgba(27, 31, 36, 0.15); + --color-btn-danger-selected-shadow: inset 0 1px 0 rgba(76, 0, 20, 0.2); + --color-btn-danger-disabled-text: rgba(207, 34, 46, 0.5); + --color-btn-danger-disabled-bg: #f6f8fa; + --color-btn-danger-disabled-counter-bg: rgba(207, 34, 46, 0.05); + --color-btn-danger-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: #ffffff; + --color-underlinenav-icon: #6e7781; + --color-underlinenav-border-hover: rgba(175, 184, 193, 0.2); + --color-action-list-item-inline-divider: rgba(208, 215, 222, 0.48); + --color-action-list-item-default-hover-bg: rgba(208, 215, 222, 0.32); + --color-action-list-item-default-hover-border: rgba(0, 0, 0, 0); + --color-action-list-item-default-active-bg: rgba(208, 215, 222, 0.48); + --color-action-list-item-default-active-border: rgba(0, 0, 0, 0); + --color-action-list-item-default-selected-bg: rgba(208, 215, 222, 0.24); + --color-action-list-item-danger-hover-bg: rgba(255, 235, 233, 0.64); + --color-action-list-item-danger-active-bg: #FFEBE9; + --color-action-list-item-danger-hover-text: #cf222e; + --color-fg-default: #24292f; + --color-fg-muted: #57606a; + --color-fg-subtle: #6e7781; + --color-fg-on-emphasis: #ffffff; + --color-canvas-default: #ffffff; + --color-canvas-overlay: #ffffff; + --color-canvas-inset: #f6f8fa; + --color-canvas-subtle: #f6f8fa; + --color-border-default: #d0d7de; + --color-border-muted: hsla(210, 18%, 87%, 1); + --color-border-subtle: rgba(27, 31, 36, 0.15); + --color-shadow-small: 0 1px 0 rgba(27, 31, 36, 0.04); + --color-shadow-medium: 0 3px 6px rgba(140, 149, 159, 0.15); + --color-shadow-large: 0 8px 24px rgba(140, 149, 159, 0.2); + --color-shadow-extra-large: 0 12px 28px rgba(140, 149, 159, 0.3); + --color-neutral-emphasis-plus: #24292f; + --color-neutral-emphasis: #6e7781; + --color-neutral-muted: rgba(175, 184, 193, 0.2); + --color-neutral-subtle: rgba(234, 238, 242, 0.5); + --color-accent-fg: #0969da; + --color-accent-emphasis: #0969da; + --color-accent-muted: rgba(84, 174, 255, 0.4); + --color-accent-subtle: #ddf4ff; + --color-success-fg: #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: #FFEBE9; + --color-open-fg: #1a7f37; + --color-open-emphasis: #2da44e; + --color-open-muted: rgba(74, 194, 107, 0.4); + --color-open-subtle: #dafbe1; + --color-closed-fg: #cf222e; + --color-closed-emphasis: #cf222e; + --color-closed-muted: rgba(255, 129, 130, 0.4); + --color-closed-subtle: #FFEBE9; + --color-done-fg: #8250df; + --color-done-emphasis: #8250df; + --color-done-muted: rgba(194, 151, 255, 0.4); + --color-done-subtle: #fbefff; + --color-sponsors-fg: #bf3989; + --color-sponsors-emphasis: #bf3989; + --color-sponsors-muted: rgba(255, 128, 200, 0.4); + --color-sponsors-subtle: #ffeff7; + --color-primer-fg-disabled: #8c959f; + --color-primer-canvas-backdrop: rgba(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: #ffffff; + --color-scale-gray-0: #f6f8fa; + --color-scale-gray-1: #eaeef2; + --color-scale-gray-2: #d0d7de; + --color-scale-gray-3: #afb8c1; + --color-scale-gray-4: #8c959f; + --color-scale-gray-5: #6e7781; + --color-scale-gray-6: #57606a; + --color-scale-gray-7: #424a53; + --color-scale-gray-8: #32383f; + --color-scale-gray-9: #24292f; + --color-scale-blue-0: #ddf4ff; + --color-scale-blue-1: #b6e3ff; + --color-scale-blue-2: #80ccff; + --color-scale-blue-3: #54aeff; + --color-scale-blue-4: #218bff; + --color-scale-blue-5: #0969da; + --color-scale-blue-6: #0550ae; + --color-scale-blue-7: #033d8b; + --color-scale-blue-8: #0a3069; + --color-scale-blue-9: #002155; + --color-scale-green-0: #dafbe1; + --color-scale-green-1: #aceebb; + --color-scale-green-2: #6fdd8b; + --color-scale-green-3: #4ac26b; + --color-scale-green-4: #2da44e; + --color-scale-green-5: #1a7f37; + --color-scale-green-6: #116329; + --color-scale-green-7: #044f1e; + --color-scale-green-8: #003d16; + --color-scale-green-9: #002d11; + --color-scale-yellow-0: #fff8c5; + --color-scale-yellow-1: #fae17d; + --color-scale-yellow-2: #eac54f; + --color-scale-yellow-3: #d4a72c; + --color-scale-yellow-4: #bf8700; + --color-scale-yellow-5: #9a6700; + --color-scale-yellow-6: #7d4e00; + --color-scale-yellow-7: #633c01; + --color-scale-yellow-8: #4d2d00; + --color-scale-yellow-9: #3b2300; + --color-scale-orange-0: #fff1e5; + --color-scale-orange-1: #ffd8b5; + --color-scale-orange-2: #ffb77c; + --color-scale-orange-3: #fb8f44; + --color-scale-orange-4: #e16f24; + --color-scale-orange-5: #bc4c00; + --color-scale-orange-6: #953800; + --color-scale-orange-7: #762c00; + --color-scale-orange-8: #5c2200; + --color-scale-orange-9: #471700; + --color-scale-red-0: #FFEBE9; + --color-scale-red-1: #ffcecb; + --color-scale-red-2: #ffaba8; + --color-scale-red-3: #ff8182; + --color-scale-red-4: #fa4549; + --color-scale-red-5: #cf222e; + --color-scale-red-6: #a40e26; + --color-scale-red-7: #82071e; + --color-scale-red-8: #660018; + --color-scale-red-9: #4c0014; + --color-scale-purple-0: #fbefff; + --color-scale-purple-1: #ecd8ff; + --color-scale-purple-2: #d8b9ff; + --color-scale-purple-3: #c297ff; + --color-scale-purple-4: #a475f9; + --color-scale-purple-5: #8250df; + --color-scale-purple-6: #6639ba; + --color-scale-purple-7: #512a97; + --color-scale-purple-8: #3e1f79; + --color-scale-purple-9: #2e1461; + --color-scale-pink-0: #ffeff7; + --color-scale-pink-1: #ffd3eb; + --color-scale-pink-2: #ffadda; + --color-scale-pink-3: #ff80c8; + --color-scale-pink-4: #e85aad; + --color-scale-pink-5: #bf3989; + --color-scale-pink-6: #99286e; + --color-scale-pink-7: #772057; + --color-scale-pink-8: #611347; + --color-scale-pink-9: #4d0336; + --color-scale-coral-0: #FFF0EB; + --color-scale-coral-1: #FFD6CC; + --color-scale-coral-2: #FFB4A1; + --color-scale-coral-3: #FD8C73; + --color-scale-coral-4: #EC6547; + --color-scale-coral-5: #C4432B; + --color-scale-coral-6: #9E2F1C; + --color-scale-coral-7: #801F0F; + --color-scale-coral-8: #691105; + --color-scale-coral-9: #510901; +} + +.dark-dimmed-theme { + --color-canvas-default-transparent: rgba(34, 39, 46, 0); + --color-page-header-bg: #22272e; + --color-marketing-icon-primary: #6cb6ff; + --color-marketing-icon-secondary: #316dca; + --color-diff-blob-addition-num-text: #adbac7; + --color-diff-blob-addition-fg: #adbac7; + --color-diff-blob-addition-num-bg: rgba(87, 171, 90, 0.3); + --color-diff-blob-addition-line-bg: rgba(70, 149, 74, 0.15); + --color-diff-blob-addition-word-bg: rgba(70, 149, 74, 0.4); + --color-diff-blob-deletion-num-text: #adbac7; + --color-diff-blob-deletion-fg: #adbac7; + --color-diff-blob-deletion-num-bg: rgba(229, 83, 75, 0.3); + --color-diff-blob-deletion-line-bg: rgba(229, 83, 75, 0.15); + --color-diff-blob-deletion-word-bg: rgba(229, 83, 75, 0.4); + --color-diff-blob-hunk-num-bg: rgba(65, 132, 228, 0.4); + --color-diff-blob-expander-icon: #768390; + --color-diff-blob-selected-line-highlight-mix-blend-mode: screen; + --color-diffstat-deletion-border: rgba(205, 217, 229, 0.1); + --color-diffstat-addition-border: rgba(205, 217, 229, 0.1); + --color-diffstat-addition-bg: #57ab5a; + --color-search-keyword-hl: rgba(198, 144, 38, 0.4); + --color-prettylights-syntax-comment: #768390; + --color-prettylights-syntax-constant: #6cb6ff; + --color-prettylights-syntax-entity: #dcbdfb; + --color-prettylights-syntax-storage-modifier-import: #adbac7; + --color-prettylights-syntax-entity-tag: #8ddb8c; + --color-prettylights-syntax-keyword: #f47067; + --color-prettylights-syntax-string: #96d0ff; + --color-prettylights-syntax-variable: #f69d50; + --color-prettylights-syntax-brackethighlighter-unmatched: #e5534b; + --color-prettylights-syntax-invalid-illegal-text: #cdd9e5; + --color-prettylights-syntax-invalid-illegal-bg: #922323; + --color-prettylights-syntax-carriage-return-text: #cdd9e5; + --color-prettylights-syntax-carriage-return-bg: #ad2e2c; + --color-prettylights-syntax-string-regexp: #8ddb8c; + --color-prettylights-syntax-markup-list: #eac55f; + --color-prettylights-syntax-markup-heading: #316dca; + --color-prettylights-syntax-markup-italic: #adbac7; + --color-prettylights-syntax-markup-bold: #adbac7; + --color-prettylights-syntax-markup-deleted-text: #ffd8d3; + --color-prettylights-syntax-markup-deleted-bg: #78191b; + --color-prettylights-syntax-markup-inserted-text: #b4f1b4; + --color-prettylights-syntax-markup-inserted-bg: #1b4721; + --color-prettylights-syntax-markup-changed-text: #ffddb0; + --color-prettylights-syntax-markup-changed-bg: #682d0f; + --color-prettylights-syntax-markup-ignored-text: #adbac7; + --color-prettylights-syntax-markup-ignored-bg: #255ab2; + --color-prettylights-syntax-meta-diff-range: #dcbdfb; + --color-prettylights-syntax-brackethighlighter-angle: #768390; + --color-prettylights-syntax-sublimelinter-gutter-mark: #545d68; + --color-prettylights-syntax-constant-other-reference-link: #96d0ff; + --color-codemirror-text: #adbac7; + --color-codemirror-bg: #22272e; + --color-codemirror-gutters-bg: #22272e; + --color-codemirror-guttermarker-text: #22272e; + --color-codemirror-guttermarker-subtle-text: #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: #2d333b; + --color-checks-input-shadow: 0 0 0 1px/; + --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-project-header-bg: #22272e; + --color-project-sidebar-bg: #2d333b; + --color-project-gradient-in: #2d333b; + --color-project-gradient-out: rgba(45, 51, 59, 0); + --color-mktg-btn-bg: #f6f8fa; + --color-mktg-btn-shadow-outline: rgb(255 255 255 / 25%) 0 0 0 1px inset; + --color-mktg-btn-shadow-focus: rgb(255 255 255 / 25%) 0 0 0 4px; + --color-mktg-btn-shadow-hover: 0 4px 7px rgba(0, 0, 0, 0.15), 0 100px 80px rgba(255, 255, 255, 0.02), 0 42px 33px rgba(255, 255, 255, 0.024), 0 22px 18px rgba(255, 255, 255, 0.028), 0 12px 10px rgba(255, 255, 255, 0.034), 0 7px 5px rgba(255, 255, 255, 0.04), 0 3px 2px rgba(255, 255, 255, 0.07); + --color-mktg-btn-shadow-hover-muted: rgb(255 255 255) 0 0 0 2px inset; + --color-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-topic-tag-border: rgba(0, 0, 0, 0); + --color-counter-border: rgba(0, 0, 0, 0); + --color-select-menu-backdrop-border: #545d68; + --color-select-menu-tap-highlight: rgba(68, 76, 86, 0.5); + --color-select-menu-tap-focus-bg: #143d79; + --color-overlay-shadow: 0 0 0 1px #444c56, 0 16px 32px rgba(28, 33, 40, 0.85); + --color-header-text: rgba(205, 217, 229, 0.7); + --color-header-bg: #2d333b; + --color-header-divider: #768390; + --color-header-logo: #cdd9e5; + --color-header-search-bg: #22272e; + --color-header-search-border: #444c56; + --color-sidenav-selected-bg: #373e47; + --color-menu-bg-active: #2d333b; + --color-input-disabled-bg: rgba(99, 110, 123, 0); + --color-timeline-badge-bg: #373e47; + --color-ansi-black: #545d68; + --color-ansi-black-bright: #636e7b; + --color-ansi-white: #909dab; + --color-ansi-white-bright: #cdd9e5; + --color-ansi-gray: #636e7b; + --color-ansi-red: #f47067; + --color-ansi-red-bright: #ff938a; + --color-ansi-green: #57ab5a; + --color-ansi-green-bright: #6bc46d; + --color-ansi-yellow: #c69026; + --color-ansi-yellow-bright: #daaa3f; + --color-ansi-blue: #539bf5; + --color-ansi-blue-bright: #6cb6ff; + --color-ansi-magenta: #b083f0; + --color-ansi-magenta-bright: #dcbdfb; + --color-ansi-cyan: #39c5cf; + --color-ansi-cyan-bright: #56d4dd; + --color-btn-text: #adbac7; + --color-btn-bg: #373e47; + --color-btn-border: rgba(205, 217, 229, 0.1); + --color-btn-shadow: 0 0 transparent; + --color-btn-inset-shadow: 0 0 transparent; + --color-btn-hover-bg: #444c56; + --color-btn-hover-border: #768390; + --color-btn-active-bg: hsla(213, 12%, 27%, 1); + --color-btn-active-border: #636e7b; + --color-btn-selected-bg: #2d333b; + --color-btn-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: #ffffff; + --color-btn-primary-bg: #347d39; + --color-btn-primary-border: rgba(205, 217, 229, 0.1); + --color-btn-primary-shadow: 0 0 transparent; + --color-btn-primary-inset-shadow: 0 0 transparent; + --color-btn-primary-hover-bg: #46954a; + --color-btn-primary-hover-border: rgba(205, 217, 229, 0.1); + --color-btn-primary-selected-bg: #347d39; + --color-btn-primary-selected-shadow: 0 0 transparent; + --color-btn-primary-disabled-text: rgba(205, 217, 229, 0.5); + --color-btn-primary-disabled-bg: rgba(52, 125, 57, 0.6); + --color-btn-primary-disabled-border: rgba(205, 217, 229, 0.1); + --color-btn-primary-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: #cdd9e5; + --color-btn-danger-hover-bg: #c93c37; + --color-btn-danger-hover-border: #e5534b; + --color-btn-danger-hover-shadow: 0 0 transparent; + --color-btn-danger-hover-inset-shadow: 0 0 transparent; + --color-btn-danger-hover-icon: #cdd9e5; + --color-btn-danger-hover-counter-bg: rgba(255, 255, 255, 0.2); + --color-btn-danger-selected-text: #ffffff; + --color-btn-danger-selected-bg: #ad2e2c; + --color-btn-danger-selected-border: #f47067; + --color-btn-danger-selected-shadow: 0 0 transparent; + --color-btn-danger-disabled-text: rgba(229, 83, 75, 0.5); + --color-btn-danger-disabled-bg: #22272e; + --color-btn-danger-disabled-counter-bg: rgba(201, 60, 55, 0.05); + --color-btn-danger-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-underlinenav-icon: #545d68; + --color-underlinenav-border-hover: rgba(99, 110, 123, 0.4); + --color-action-list-item-inline-divider: rgba(68, 76, 86, 0.48); + --color-action-list-item-default-hover-bg: rgba(144, 157, 171, 0.12); + --color-action-list-item-default-hover-border: rgba(0, 0, 0, 0); + --color-action-list-item-default-active-bg: rgba(144, 157, 171, 0.2); + --color-action-list-item-default-active-border: rgba(0, 0, 0, 0); + --color-action-list-item-default-selected-bg: rgba(144, 157, 171, 0.08); + --color-action-list-item-danger-hover-bg: rgba(229, 83, 75, 0.16); + --color-action-list-item-danger-active-bg: rgba(229, 83, 75, 0.24); + --color-action-list-item-danger-hover-text: #f47067; + --color-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-border-default: #444c56; + --color-border-muted: #373e47; + --color-border-subtle: rgba(205, 217, 229, 0.1); + --color-shadow-small: 0 0 transparent; + --color-shadow-medium: 0 3px 6px #1c2128; + --color-shadow-large: 0 8px 24px #1c2128; + --color-shadow-extra-large: 0 12px 48px #1c2128; + --color-neutral-emphasis-plus: #636e7b; + --color-neutral-emphasis: #636e7b; + --color-neutral-muted: rgba(99, 110, 123, 0.4); + --color-neutral-subtle: rgba(99, 110, 123, 0.1); + --color-accent-fg: #539bf5; + --color-accent-emphasis: #316dca; + --color-accent-muted: rgba(65, 132, 228, 0.4); + --color-accent-subtle: rgba(65, 132, 228, 0.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-open-fg: #57ab5a; + --color-open-emphasis: #347d39; + --color-open-muted: rgba(70, 149, 74, 0.4); + --color-open-subtle: rgba(70, 149, 74, 0.15); + --color-closed-fg: #e5534b; + --color-closed-emphasis: #c93c37; + --color-closed-muted: rgba(229, 83, 75, 0.4); + --color-closed-subtle: rgba(229, 83, 75, 0.15); + --color-done-fg: #986ee2; + --color-done-emphasis: #8256d0; + --color-done-muted: rgba(152, 110, 226, 0.4); + --color-done-subtle: rgba(152, 110, 226, 0.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-fg-disabled: #545d68; + --color-primer-canvas-backdrop: rgba(28, 33, 40, 0.8); + --color-primer-canvas-sticky: rgba(34, 39, 46, 0.95); + --color-primer-border-active: #EC775C; + --color-primer-border-contrast: rgba(205, 217, 229, 0.2); + --color-primer-shadow-highlight: 0 0 transparent; + --color-primer-shadow-inset: 0 0 transparent; + --color-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: #5D0F12; + --color-scale-purple-0: #eedcff; + --color-scale-purple-1: #dcbdfb; + --color-scale-purple-2: #dcbdfb; + --color-scale-purple-3: #b083f0; + --color-scale-purple-4: #986ee2; + --color-scale-purple-5: #8256d0; + --color-scale-purple-6: #6b44bc; + --color-scale-purple-7: #5936a2; + --color-scale-purple-8: #472c82; + --color-scale-purple-9: #352160; + --color-scale-pink-0: #ffd7eb; + --color-scale-pink-1: #ffb3d8; + --color-scale-pink-2: #fc8dc7; + --color-scale-pink-3: #e275ad; + --color-scale-pink-4: #c96198; + --color-scale-pink-5: #ae4c82; + --color-scale-pink-6: #983b6e; + --color-scale-pink-7: #7e325a; + --color-scale-pink-8: #69264a; + --color-scale-pink-9: #551639; + --color-scale-coral-0: #FFDACF; + --color-scale-coral-1: #FFB9A5; + --color-scale-coral-2: #F79981; + --color-scale-coral-3: #EC775C; + --color-scale-coral-4: #DE5B41; + --color-scale-coral-5: #C2442D; + --color-scale-coral-6: #A93524; + --color-scale-coral-7: #8D291B; + --color-scale-coral-8: #771D13; + --color-scale-coral-9: #5D1008; +} + +[data-color-mode=light] { + @extend .light-theme; +} + +[data-color-mode=dark] { + @extend .dark-theme; +} + +[data-color-mode=dark-dimmed] { + @extend .dark-dimmed-theme; +} + +[data-color-mode] { + color: var(--color-fg-default); + background-color: var(--color-canvas-default) +} + +@media (forced-colors: active) { + body { + --color-accent-emphasis: Highlight; + --color-fg-on-emphasis: LinkText; + } +} \ No newline at end of file diff --git a/src/routes/__layout.svelte b/src/routes/__layout.svelte index 01c023837..b4fd0ae53 100644 --- a/src/routes/__layout.svelte +++ b/src/routes/__layout.svelte @@ -1,15 +1,35 @@ -
- -
+ +
+ +
+ +
+
\ No newline at end of file diff --git a/src/routes/_docs/Sidebar.svelte b/src/routes/_docs/Sidebar.svelte new file mode 100644 index 000000000..628b873f0 --- /dev/null +++ b/src/routes/_docs/Sidebar.svelte @@ -0,0 +1,41 @@ + + + \ No newline at end of file diff --git a/src/routes/components/buttons.md b/src/routes/components/buttons.md new file mode 100644 index 000000000..f25150b79 --- /dev/null +++ b/src/routes/components/buttons.md @@ -0,0 +1,11 @@ + + +# Buttons + + + + + + \ No newline at end of file diff --git a/src/routes/index.md b/src/routes/index.md new file mode 100644 index 000000000..7efa783ba --- /dev/null +++ b/src/routes/index.md @@ -0,0 +1,3 @@ +# Introduction + +This is `kleos`, Modrinth's style and component library. Go to [its repository](https://github.com/modrinth/kleos) for more information. \ No newline at end of file diff --git a/src/routes/index.svelte b/src/routes/index.svelte deleted file mode 100644 index a7ef12129..000000000 --- a/src/routes/index.svelte +++ /dev/null @@ -1,6 +0,0 @@ - - -

Docs...

- \ No newline at end of file diff --git a/svelte.config.js b/svelte.config.js index 8d39774c0..37afe0ed3 100644 --- a/svelte.config.js +++ b/svelte.config.js @@ -1,14 +1,19 @@ +import { mdsvex } from 'mdsvex'; +import mdsvexConfig from './mdsvex.config.js'; import adapter from '@sveltejs/adapter-auto'; import preprocess from 'svelte-preprocess'; /** @type {import('@sveltejs/kit').Config} */ const config = { + extensions: ['.svelte', ...mdsvexConfig.extensions], + // Consult https://github.com/sveltejs/svelte-preprocess // for more information about preprocessors preprocess: [ preprocess({ postcss: true, }), + mdsvex(mdsvexConfig), ], kit: {