diff --git a/.idea/.gitignore b/.idea/.gitignore new file mode 100644 index 00000000..13566b81 --- /dev/null +++ b/.idea/.gitignore @@ -0,0 +1,8 @@ +# Default ignored files +/shelf/ +/workspace.xml +# Editor-based HTTP Client requests +/httpRequests/ +# Datasource local storage ignored files +/dataSources/ +/dataSources.local.xml diff --git a/.idea/discord.xml b/.idea/discord.xml new file mode 100644 index 00000000..d8e95616 --- /dev/null +++ b/.idea/discord.xml @@ -0,0 +1,7 @@ + + + + + \ No newline at end of file diff --git a/.idea/inspectionProfiles/Project_Default.xml b/.idea/inspectionProfiles/Project_Default.xml new file mode 100644 index 00000000..5e0744cf --- /dev/null +++ b/.idea/inspectionProfiles/Project_Default.xml @@ -0,0 +1,17 @@ + + + + \ No newline at end of file diff --git a/.idea/kleos.iml b/.idea/kleos.iml new file mode 100644 index 00000000..995c13fc --- /dev/null +++ b/.idea/kleos.iml @@ -0,0 +1,11 @@ + + + + + + + + + + + \ No newline at end of file diff --git a/.idea/misc.xml b/.idea/misc.xml new file mode 100644 index 00000000..639900d1 --- /dev/null +++ b/.idea/misc.xml @@ -0,0 +1,6 @@ + + + + + + \ No newline at end of file diff --git a/.idea/modules.xml b/.idea/modules.xml new file mode 100644 index 00000000..a66d44ea --- /dev/null +++ b/.idea/modules.xml @@ -0,0 +1,8 @@ + + + + + + + + \ No newline at end of file diff --git a/.idea/vcs.xml b/.idea/vcs.xml new file mode 100644 index 00000000..35eb1ddf --- /dev/null +++ b/.idea/vcs.xml @@ -0,0 +1,6 @@ + + + + + + \ No newline at end of file diff --git a/.prettierrc b/.prettierrc index ff2677ef..a99b3aa6 100644 --- a/.prettierrc +++ b/.prettierrc @@ -1,6 +1,4 @@ { - "useTabs": true, "singleQuote": true, - "trailingComma": "none", "printWidth": 100 } diff --git a/README.md b/README.md index 94a48f5f..7ae86410 100644 --- a/README.md +++ b/README.md @@ -1,40 +1,65 @@ -# create-svelte +# Kleos -Everything you need to build a Svelte project, powered by [`create-svelte`](https://github.com/sveltejs/kit/tree/master/packages/create-svelte). +*The Modrinth component library, in Svelte* -## Creating a project +--- -If you're seeing this, you've probably already done this step. Congrats! +### ⚠️ Currently in-progress ⚠️ + +When creating a component, start with [GitHub's Primer styles](https://github.com/primer/css/tree/main/src) for that component, and go from there. Global variables and colors are incomplete and currently identical to Primers'. + +#### Components + +- [ ] Button +- [ ] Select menu +- [ ] Checkboxes +- [ ] Text input +- [ ] Pagination +- [ ] Link +- [ ] Blankslate +- [ ] Breadcrumbs +- [ ] Markdown +- [ ] Textarea +- [ ] Select + +...and others + +## Using + +Install the package: ```bash -# create a new project in the current directory -npm init svelte@next - -# create a new project in my-app -npm init svelte@next my-app +npm install kleos # or pnpm inst... ``` -> Note: the `@next` is temporary +Import a component: +```svelte + + + +``` ## Developing -Once you've created a project and installed dependencies with `npm install` (or `pnpm install` or `yarn`), start a development server: +The library lives in the `src/lib` folder, and the documentation lives in the `src/routes` folder. ```bash -npm run dev +pnpm install # Install dependencies +pnpm dev # Run dev server +``` -# or start the server and open the app in a new browser tab -npm run dev -- --open +## Packaging + +```bash +pnpm package ``` ## Building -To create a production version of your app: +To build the documentation site, run: ```bash -npm run build -``` - -You can preview the production build with `npm run preview`. - -> To deploy your app, you may need to install an [adapter](https://kit.svelte.dev/docs/adapters) for your target environment. +pnpm build +``` \ No newline at end of file diff --git a/package.json b/package.json index 53ec4a5c..d1000ad2 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { - "name": "naxos", - "version": "0.0.1", + "name": "kelos", + "version": "0.0.1-alpha", "scripts": { "dev": "svelte-kit dev", "build": "svelte-kit build", @@ -17,16 +17,26 @@ "@sveltejs/kit": "next", "@typescript-eslint/eslint-plugin": "^5.10.1", "@typescript-eslint/parser": "^5.10.1", + "autoprefixer": "^10.4.2", "eslint": "^7.32.0", "eslint-config-prettier": "^8.3.0", "eslint-plugin-svelte3": "^3.2.1", + "postcss": "^8.4.8", + "postcss-extend-rule": "^4.0.0", + "postcss-import": "^14.0.2", + "postcss-load-config": "^3.1.1", + "postcss-nested": "^5.0.6", + "postcss-preset-env": "^7.4.2", + "postcss-strip-inline-comments": "^0.1.5", "prettier": "^2.5.1", "prettier-plugin-svelte": "^2.5.0", "svelte": "^3.44.0", "svelte-check": "^2.2.6", "svelte-preprocess": "^4.10.1", + "svelte2tsx": "^0.5.5", "tslib": "^2.3.1", "typescript": "~4.6.2" }, - "type": "module" -} \ No newline at end of file + "type": "module", + "svelte": "index.js" +} diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 3c9599d0..6cd458c0 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -5,30 +5,48 @@ specifiers: '@sveltejs/kit': next '@typescript-eslint/eslint-plugin': ^5.10.1 '@typescript-eslint/parser': ^5.10.1 + autoprefixer: ^10.4.2 eslint: ^7.32.0 eslint-config-prettier: ^8.3.0 eslint-plugin-svelte3: ^3.2.1 + postcss: ^8.4.8 + postcss-extend-rule: ^4.0.0 + postcss-import: ^14.0.2 + postcss-load-config: ^3.1.1 + postcss-nested: ^5.0.6 + postcss-preset-env: ^7.4.2 + postcss-strip-inline-comments: ^0.1.5 prettier: ^2.5.1 prettier-plugin-svelte: ^2.5.0 svelte: ^3.44.0 svelte-check: ^2.2.6 svelte-preprocess: ^4.10.1 + svelte2tsx: ^0.5.5 tslib: ^2.3.1 typescript: ~4.6.2 devDependencies: '@sveltejs/adapter-auto': 1.0.0-next.31 - '@sveltejs/kit': 1.0.0-next.294_svelte@3.46.4 + '@sveltejs/kit': 1.0.0-next.295_svelte@3.46.4 '@typescript-eslint/eslint-plugin': 5.14.0_e3f5f4efe2bd492e36eb6c1c619dfc98 '@typescript-eslint/parser': 5.14.0_eslint@7.32.0+typescript@4.6.2 + autoprefixer: 10.4.2_postcss@8.4.8 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 + postcss: 8.4.8 + postcss-extend-rule: 4.0.0_postcss@8.4.8 + postcss-import: 14.0.2_postcss@8.4.8 + postcss-load-config: 3.1.3 + postcss-nested: 5.0.6_postcss@8.4.8 + postcss-preset-env: 7.4.2_postcss@8.4.8 + postcss-strip-inline-comments: 0.1.5 prettier: 2.5.1 prettier-plugin-svelte: 2.6.0_prettier@2.5.1+svelte@3.46.4 svelte: 3.46.4 - svelte-check: 2.4.5_svelte@3.46.4 - svelte-preprocess: 4.10.4_svelte@3.46.4+typescript@4.6.2 + svelte-check: 2.4.5_33233005e4be8b4492b63cc9de0a2fd4 + svelte-preprocess: 4.10.4_8c88c4f1b7a55bcfafd385f58ef1abcd + svelte2tsx: 0.5.5_svelte@3.46.4+typescript@4.6.2 tslib: 2.3.1 typescript: 4.6.2 @@ -54,6 +72,89 @@ packages: js-tokens: 4.0.0 dev: true + /@csstools/postcss-color-function/1.0.3_postcss@8.4.8: + resolution: {integrity: sha512-J26I69pT2B3MYiLY/uzCGKVJyMYVg9TCpXkWsRlt+Yfq+nELUEm72QXIMYXs4xA9cJA4Oqs2EylrfokKl3mJEQ==} + engines: {node: ^12 || ^14 || >=16} + peerDependencies: + postcss: ^8.4 + dependencies: + '@csstools/postcss-progressive-custom-properties': 1.3.0_postcss@8.4.8 + postcss: 8.4.8 + postcss-value-parser: 4.2.0 + dev: true + + /@csstools/postcss-font-format-keywords/1.0.0_postcss@8.4.8: + resolution: {integrity: sha512-oO0cZt8do8FdVBX8INftvIA4lUrKUSCcWUf9IwH9IPWOgKT22oAZFXeHLoDK7nhB2SmkNycp5brxfNMRLIhd6Q==} + engines: {node: ^12 || ^14 || >=16} + peerDependencies: + postcss: ^8.3 + dependencies: + postcss: 8.4.8 + postcss-value-parser: 4.2.0 + dev: true + + /@csstools/postcss-hwb-function/1.0.0_postcss@8.4.8: + resolution: {integrity: sha512-VSTd7hGjmde4rTj1rR30sokY3ONJph1reCBTUXqeW1fKwETPy1x4t/XIeaaqbMbC5Xg4SM/lyXZ2S8NELT2TaA==} + engines: {node: ^12 || ^14 || >=16} + peerDependencies: + postcss: ^8.3 + dependencies: + postcss: 8.4.8 + postcss-value-parser: 4.2.0 + dev: true + + /@csstools/postcss-ic-unit/1.0.0_postcss@8.4.8: + resolution: {integrity: sha512-i4yps1mBp2ijrx7E96RXrQXQQHm6F4ym1TOD0D69/sjDjZvQ22tqiEvaNw7pFZTUO5b9vWRHzbHzP9+UKuw+bA==} + engines: {node: ^12 || ^14 || >=16} + peerDependencies: + postcss: ^8.3 + dependencies: + '@csstools/postcss-progressive-custom-properties': 1.3.0_postcss@8.4.8 + postcss: 8.4.8 + postcss-value-parser: 4.2.0 + dev: true + + /@csstools/postcss-is-pseudo-class/2.0.1_postcss@8.4.8: + resolution: {integrity: sha512-Og5RrTzwFhrKoA79c3MLkfrIBYmwuf/X83s+JQtz/Dkk/MpsaKtqHV1OOzYkogQ+tj3oYp5Mq39XotBXNqVc3Q==} + engines: {node: ^12 || ^14 || >=16} + peerDependencies: + postcss: ^8.4 + dependencies: + postcss: 8.4.8 + postcss-selector-parser: 6.0.9 + dev: true + + /@csstools/postcss-normalize-display-values/1.0.0_postcss@8.4.8: + resolution: {integrity: sha512-bX+nx5V8XTJEmGtpWTO6kywdS725t71YSLlxWt78XoHUbELWgoCXeOFymRJmL3SU1TLlKSIi7v52EWqe60vJTQ==} + engines: {node: ^12 || ^14 || >=16} + peerDependencies: + postcss: ^8.3 + dependencies: + postcss: 8.4.8 + postcss-value-parser: 4.2.0 + dev: true + + /@csstools/postcss-oklab-function/1.0.2_postcss@8.4.8: + resolution: {integrity: sha512-QwhWesEkMlp4narAwUi6pgc6kcooh8cC7zfxa9LSQNYXqzcdNUtNBzbGc5nuyAVreb7uf5Ox4qH1vYT3GA1wOg==} + engines: {node: ^12 || ^14 || >=16} + peerDependencies: + postcss: ^8.4 + dependencies: + '@csstools/postcss-progressive-custom-properties': 1.3.0_postcss@8.4.8 + postcss: 8.4.8 + postcss-value-parser: 4.2.0 + dev: true + + /@csstools/postcss-progressive-custom-properties/1.3.0_postcss@8.4.8: + resolution: {integrity: sha512-ASA9W1aIy5ygskZYuWams4BzafD12ULvSypmaLJT2jvQ8G0M3I8PRQhC0h7mG0Z3LI05+agZjqSR9+K9yaQQjA==} + engines: {node: ^12 || ^14 || >=16} + peerDependencies: + postcss: ^8.3 + dependencies: + postcss: 8.4.8 + postcss-value-parser: 4.2.0 + dev: true + /@eslint/eslintrc/0.4.3: resolution: {integrity: sha512-J6KFFz5QCYUJq3pf0mjEcCJVERbzv71PUIDczuh9JkwGEzced6CO5ADLHB1rbf/+oPBtoPfMYNOpGDzCANlbXw==} engines: {node: ^10.12.0 || >=12.0.0} @@ -147,8 +248,8 @@ packages: esbuild: 0.14.25 dev: true - /@sveltejs/kit/1.0.0-next.294_svelte@3.46.4: - resolution: {integrity: sha512-whTYeri/oaV672KErlhCAvAawlsnd8iu/MQmjdu85TApDYolLe8FDTg6GQ55+0IJbx1N7dOer/HopWzKudPgFA==} + /@sveltejs/kit/1.0.0-next.295_svelte@3.46.4: + resolution: {integrity: sha512-4pO/swXByhU+7bhNikTjh1d4QxAMP9TZ74p7sdPuyJf5cg7Zrfk1nBtaMt0R+8+5j1xfC/XWRcxa3WnhT9bQMA==} engines: {node: '>=14.13'} hasBin: true peerDependencies: @@ -369,11 +470,21 @@ packages: engines: {node: '>=6'} dev: true + /ansi-regex/2.1.1: + resolution: {integrity: sha1-w7M6te42DYbg5ijwRorn7yfWVN8=} + engines: {node: '>=0.10.0'} + dev: true + /ansi-regex/5.0.1: resolution: {integrity: sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==} engines: {node: '>=8'} dev: true + /ansi-styles/2.2.1: + resolution: {integrity: sha1-tDLdM1i2NM914eRmQ2gkBTPB3b4=} + engines: {node: '>=0.10.0'} + dev: true + /ansi-styles/3.2.1: resolution: {integrity: sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==} engines: {node: '>=4'} @@ -412,6 +523,22 @@ packages: engines: {node: '>=8'} dev: true + /autoprefixer/10.4.2_postcss@8.4.8: + resolution: {integrity: sha512-9fOPpHKuDW1w/0EKfRmVnxTDt8166MAnLI3mgZ1JCnhNtYWxcJ6Ud5CO/AVOZi/AvFa8DY9RTy3h3+tFBlrrdQ==} + engines: {node: ^10 || ^12 || >=14} + hasBin: true + peerDependencies: + postcss: ^8.1.0 + dependencies: + browserslist: 4.20.0 + caniuse-lite: 1.0.30001314 + fraction.js: 4.2.0 + normalize-range: 0.1.2 + picocolors: 1.0.0 + postcss: 8.4.8 + postcss-value-parser: 4.2.0 + dev: true + /balanced-match/1.0.2: resolution: {integrity: sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==} dev: true @@ -435,6 +562,18 @@ packages: fill-range: 7.0.1 dev: true + /browserslist/4.20.0: + resolution: {integrity: sha512-bnpOoa+DownbciXj0jVGENf8VYQnE2LNWomhYuCsMmmx9Jd9lwq0WXODuwpSsp8AVdKM2/HorrzxAfbKvWTByQ==} + engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7} + hasBin: true + dependencies: + caniuse-lite: 1.0.30001314 + electron-to-chromium: 1.4.80 + escalade: 3.1.1 + node-releases: 2.0.2 + picocolors: 1.0.0 + dev: true + /buffer-crc32/0.2.13: resolution: {integrity: sha1-DTM+PwDqxQqhRUq9MO+MKl2ackI=} dev: true @@ -444,6 +583,21 @@ packages: engines: {node: '>=6'} dev: true + /caniuse-lite/1.0.30001314: + resolution: {integrity: sha512-0zaSO+TnCHtHJIbpLroX7nsD+vYuOVjl3uzFbJO1wMVbuveJA0RK2WcQA9ZUIOiO0/ArMiMgHJLxfEZhQiC0kw==} + dev: true + + /chalk/1.1.3: + resolution: {integrity: sha1-qBFcVeSnAv5NFQq9OHKCKn4J/Jg=} + engines: {node: '>=0.10.0'} + dependencies: + ansi-styles: 2.2.1 + escape-string-regexp: 1.0.5 + has-ansi: 2.0.0 + strip-ansi: 3.0.1 + supports-color: 2.0.0 + dev: true + /chalk/2.4.2: resolution: {integrity: sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==} engines: {node: '>=4'} @@ -510,6 +664,48 @@ packages: which: 2.0.2 dev: true + /css-blank-pseudo/3.0.3_postcss@8.4.8: + resolution: {integrity: sha512-VS90XWtsHGqoM0t4KpH053c4ehxZ2E6HtGI7x68YFV0pTo/QmkV/YFA+NnlvK8guxZVNWGQhVNJGC39Q8XF4OQ==} + engines: {node: ^12 || ^14 || >=16} + hasBin: true + peerDependencies: + postcss: ^8.4 + dependencies: + postcss: 8.4.8 + postcss-selector-parser: 6.0.9 + dev: true + + /css-has-pseudo/3.0.4_postcss@8.4.8: + resolution: {integrity: sha512-Vse0xpR1K9MNlp2j5w1pgWIJtm1a8qS0JwS9goFYcImjlHEmywP9VUF05aGBXzGpDJF86QXk4L0ypBmwPhGArw==} + engines: {node: ^12 || ^14 || >=16} + hasBin: true + peerDependencies: + postcss: ^8.4 + dependencies: + postcss: 8.4.8 + postcss-selector-parser: 6.0.9 + dev: true + + /css-prefers-color-scheme/6.0.3_postcss@8.4.8: + resolution: {integrity: sha512-4BqMbZksRkJQx2zAjrokiGMd07RqOa2IxIrrN10lyBe9xhn9DEvjUK79J6jkeiv9D9hQFXKb6g1jwU62jziJZA==} + engines: {node: ^12 || ^14 || >=16} + hasBin: true + peerDependencies: + postcss: ^8.4 + dependencies: + postcss: 8.4.8 + dev: true + + /cssdb/6.4.1: + resolution: {integrity: sha512-R70R/Q1fPlM1D6Y+Kpat0QjiY+aMsY2/8lekdVoYcJ7ZQs9kw71W78FdOMf8DFq975KHQf1089PNg1dLsbAhoA==} + dev: true + + /cssesc/3.0.0: + resolution: {integrity: sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==} + engines: {node: '>=4'} + hasBin: true + dev: true + /debug/4.3.3: resolution: {integrity: sha512-/zxw5+vh1Tfv+4Qn7a5nsbcJKPaSvCDhojn6FEl9vupwK2VCSDtEiEtqr8DFtzYFOdz63LBkxec7DYuc2jon6Q==} engines: {node: '>=6.0'} @@ -522,6 +718,10 @@ packages: ms: 2.1.2 dev: true + /dedent-js/1.0.1: + resolution: {integrity: sha1-vuX7fJ5yfYXf+iRZDRDsGrElUwU=} + dev: true + /deep-is/0.1.4: resolution: {integrity: sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==} dev: true @@ -545,6 +745,10 @@ packages: esutils: 2.0.3 dev: true + /electron-to-chromium/1.4.80: + resolution: {integrity: sha512-COsbJCGVYCc/aAY4cd94x1Js3q0r406YKGbdL8LXHg0O9dEjuFEFU/vZneRxBxKo/f1lLHi0YyAR7sbFM+i8Bg==} + dev: true + /emoji-regex/8.0.0: resolution: {integrity: sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==} dev: true @@ -768,6 +972,11 @@ packages: esbuild-windows-arm64: 0.14.25 dev: true + /escalade/3.1.1: + resolution: {integrity: sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==} + engines: {node: '>=6'} + dev: true + /escape-string-regexp/1.0.5: resolution: {integrity: sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ=} engines: {node: '>=0.8.0'} @@ -990,6 +1199,10 @@ packages: resolution: {integrity: sha512-WIWGi2L3DyTUvUrwRKgGi9TwxQMUEqPOPQBVi71R96jZXJdFskXEmf54BoZaS1kknGODoIGASGEzBUYdyMCBJg==} dev: true + /fraction.js/4.2.0: + resolution: {integrity: sha512-MhLuK+2gUcnZe8ZHlaaINnQLl0xRIGRfcGk2yl8xoQAfHrSsL3rYu6FCmBdkdbhc9EPlwyGHewaRsvwRMJtAlA==} + dev: true + /fs.realpath/1.0.0: resolution: {integrity: sha1-FQStJSMVjKpA20onh8sBQRmU6k8=} dev: true @@ -1059,6 +1272,18 @@ packages: resolution: {integrity: sha512-NtNxqUcXgpW2iMrfqSfR73Glt39K+BLwWsPs94yR63v45T0Wbej7eRmL5cWfwEgqXnmjQp3zaJTshdRW/qC2ZQ==} dev: true + /has-ansi/2.0.0: + resolution: {integrity: sha1-NPUEnOHs3ysGSa8+8k5F7TVBbZE=} + engines: {node: '>=0.10.0'} + dependencies: + ansi-regex: 2.1.1 + dev: true + + /has-flag/1.0.0: + resolution: {integrity: sha1-nZ55MWXOAXoA8AQYxD+UKnsdEfo=} + engines: {node: '>=0.10.0'} + dev: true + /has-flag/3.0.0: resolution: {integrity: sha1-tdRU3CGZriJWmfNGfloH87lVuv0=} engines: {node: '>=4'} @@ -1149,6 +1374,10 @@ packages: resolution: {integrity: sha1-6PvzdNxVb/iUehDcsFctYz8s+hA=} dev: true + /js-base64/2.6.4: + resolution: {integrity: sha512-pZe//GGmwJndub7ZghVHz7vjb2LgC1m8B07Au3eYqeqv9emhESByMXxaEgkUkEqJe87oBbSniGYoQNIBklc7IQ==} + dev: true + /js-tokens/4.0.0: resolution: {integrity: sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==} dev: true @@ -1186,6 +1415,11 @@ packages: type-check: 0.4.0 dev: true + /lilconfig/2.0.4: + resolution: {integrity: sha512-bfTIN7lEsiooCocSISTWXkiWJkRqtL9wYtYy+8EK3Y41qh3mpwPU0ycTOgjdY9ErwXCc8QyrQp82bdL0Xkm9yA==} + engines: {node: '>=10'} + dev: true + /lodash.merge/4.6.2: resolution: {integrity: sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==} dev: true @@ -1194,6 +1428,12 @@ packages: resolution: {integrity: sha1-WjUNoLERO4N+z//VgSy+WNbq4ZM=} dev: true + /lower-case/2.0.2: + resolution: {integrity: sha512-7fm3l3NAF9WfN6W3JOmf5drwpVqX78JtoGJ3A6W0a6ZnldM41w2fV5D490psKFTpMds8TJse/eHLFFsNHHjHgg==} + dependencies: + tslib: 2.3.1 + dev: true + /lru-cache/6.0.0: resolution: {integrity: sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==} engines: {node: '>=10'} @@ -1261,11 +1501,27 @@ packages: resolution: {integrity: sha1-Sr6/7tdUHywnrPspvbvRXI1bpPc=} dev: true + /no-case/3.0.4: + resolution: {integrity: sha512-fgAN3jGAh+RoxUGZHTSOLJIqUc2wmoBwGR4tbpNAKmmovFoWq0OdRkb0VkldReO2a2iBT/OEulG9XSUc10r3zg==} + dependencies: + lower-case: 2.0.2 + tslib: 2.3.1 + dev: true + + /node-releases/2.0.2: + resolution: {integrity: sha512-XxYDdcQ6eKqp/YjI+tb2C5WM2LgjnZrfYg4vgQt49EK268b6gYCHsBLrK2qvJo4FmCtqmKezb0WZFK4fkrZNsg==} + dev: true + /normalize-path/3.0.0: resolution: {integrity: sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==} engines: {node: '>=0.10.0'} dev: true + /normalize-range/0.1.2: + resolution: {integrity: sha1-LRDAa9/TEuqXd2laTShDlFa3WUI=} + engines: {node: '>=0.10.0'} + dev: true + /once/1.4.0: resolution: {integrity: sha1-WDsap3WWHUsROsF9nFC6753Xa9E=} dependencies: @@ -1291,6 +1547,13 @@ packages: callsites: 3.1.0 dev: true + /pascal-case/3.1.2: + resolution: {integrity: sha512-uWlGT3YSnK9x3BQJaOdcZwrnV6hPpd8jFH1/ucpiLRPh/2zCVJKS19E4GvYHvaCcACn3foXZ0cLB9Wrx1KGe5g==} + dependencies: + no-case: 3.0.4 + tslib: 2.3.1 + dev: true + /path-is-absolute/1.0.1: resolution: {integrity: sha1-F0uSaHNVNP+8es5r9TpanhtcX18=} engines: {node: '>=0.10.0'} @@ -1319,6 +1582,387 @@ packages: engines: {node: '>=8.6'} dev: true + /pify/2.3.0: + resolution: {integrity: sha1-7RQaasBDqEnqWISY59yosVMw6Qw=} + engines: {node: '>=0.10.0'} + dev: true + + /postcss-attribute-case-insensitive/5.0.0_postcss@8.4.8: + resolution: {integrity: sha512-b4g9eagFGq9T5SWX4+USfVyjIb3liPnjhHHRMP7FMB2kFVpYyfEscV0wP3eaXhKlcHKUut8lt5BGoeylWA/dBQ==} + peerDependencies: + postcss: ^8.0.2 + dependencies: + postcss: 8.4.8 + postcss-selector-parser: 6.0.9 + dev: true + + /postcss-color-functional-notation/4.2.2_postcss@8.4.8: + resolution: {integrity: sha512-DXVtwUhIk4f49KK5EGuEdgx4Gnyj6+t2jBSEmxvpIK9QI40tWrpS2Pua8Q7iIZWBrki2QOaeUdEaLPPa91K0RQ==} + engines: {node: ^12 || ^14 || >=16} + peerDependencies: + postcss: ^8.4 + dependencies: + postcss: 8.4.8 + postcss-value-parser: 4.2.0 + dev: true + + /postcss-color-hex-alpha/8.0.3_postcss@8.4.8: + resolution: {integrity: sha512-fESawWJCrBV035DcbKRPAVmy21LpoyiXdPTuHUfWJ14ZRjY7Y7PA6P4g8z6LQGYhU1WAxkTxjIjurXzoe68Glw==} + engines: {node: ^12 || ^14 || >=16} + peerDependencies: + postcss: ^8.4 + dependencies: + postcss: 8.4.8 + postcss-value-parser: 4.2.0 + dev: true + + /postcss-color-rebeccapurple/7.0.2_postcss@8.4.8: + resolution: {integrity: sha512-SFc3MaocHaQ6k3oZaFwH8io6MdypkUtEy/eXzXEB1vEQlO3S3oDc/FSZA8AsS04Z25RirQhlDlHLh3dn7XewWw==} + engines: {node: ^12 || ^14 || >=16} + peerDependencies: + postcss: ^8.3 + dependencies: + postcss: 8.4.8 + postcss-value-parser: 4.2.0 + dev: true + + /postcss-custom-media/8.0.0_postcss@8.4.8: + resolution: {integrity: sha512-FvO2GzMUaTN0t1fBULDeIvxr5IvbDXcIatt6pnJghc736nqNgsGao5NT+5+WVLAQiTt6Cb3YUms0jiPaXhL//g==} + engines: {node: '>=10.0.0'} + peerDependencies: + postcss: ^8.1.0 + dependencies: + postcss: 8.4.8 + dev: true + + /postcss-custom-properties/12.1.4_postcss@8.4.8: + resolution: {integrity: sha512-i6AytuTCoDLJkWN/MtAIGriJz3j7UX6bV7Z5t+KgFz+dwZS15/mlTJY1S0kRizlk6ba0V8u8hN50Fz5Nm7tdZw==} + engines: {node: ^12 || ^14 || >=16} + peerDependencies: + postcss: ^8.4 + dependencies: + postcss: 8.4.8 + postcss-value-parser: 4.2.0 + dev: true + + /postcss-custom-selectors/6.0.0_postcss@8.4.8: + resolution: {integrity: sha512-/1iyBhz/W8jUepjGyu7V1OPcGbc636snN1yXEQCinb6Bwt7KxsiU7/bLQlp8GwAXzCh7cobBU5odNn/2zQWR8Q==} + engines: {node: '>=10.0.0'} + peerDependencies: + postcss: ^8.1.2 + dependencies: + postcss: 8.4.8 + postcss-selector-parser: 6.0.9 + dev: true + + /postcss-dir-pseudo-class/6.0.4_postcss@8.4.8: + resolution: {integrity: sha512-I8epwGy5ftdzNWEYok9VjW9whC4xnelAtbajGv4adql4FIF09rnrxnA9Y8xSHN47y7gqFIv10C5+ImsLeJpKBw==} + engines: {node: ^12 || ^14 || >=16} + peerDependencies: + postcss: ^8.4 + dependencies: + postcss: 8.4.8 + postcss-selector-parser: 6.0.9 + dev: true + + /postcss-double-position-gradients/3.1.1_postcss@8.4.8: + resolution: {integrity: sha512-jM+CGkTs4FcG53sMPjrrGE0rIvLDdCrqMzgDC5fLI7JHDO7o6QG8C5TQBtExb13hdBdoH9C2QVbG4jo2y9lErQ==} + engines: {node: ^12 || ^14 || >=16} + peerDependencies: + postcss: ^8.4 + dependencies: + '@csstools/postcss-progressive-custom-properties': 1.3.0_postcss@8.4.8 + postcss: 8.4.8 + postcss-value-parser: 4.2.0 + dev: true + + /postcss-env-function/4.0.5_postcss@8.4.8: + resolution: {integrity: sha512-gPUJc71ji9XKyl0WSzAalBeEA/89kU+XpffpPxSaaaZ1c48OL36r1Ep5R6+9XAPkIiDlSvVAwP4io12q/vTcvA==} + engines: {node: ^12 || ^14 || >=16} + peerDependencies: + postcss: ^8.4 + dependencies: + postcss: 8.4.8 + postcss-value-parser: 4.2.0 + dev: true + + /postcss-extend-rule/4.0.0_postcss@8.4.8: + resolution: {integrity: sha512-3gjPWUDNYjkRjtcpoN8ppZRXG8vyAk4mYdkYOETacCkCLVguW5IpCXCO31cDk8SW2/rx0RogWcXm1Zu/EayDVg==} + engines: {node: ^12 || ^14 || >=16} + peerDependencies: + postcss: ^8.4.6 + dependencies: + postcss: 8.4.8 + postcss-nesting: 10.1.3_postcss@8.4.8 + dev: true + + /postcss-focus-visible/6.0.4_postcss@8.4.8: + resolution: {integrity: sha512-QcKuUU/dgNsstIK6HELFRT5Y3lbrMLEOwG+A4s5cA+fx3A3y/JTq3X9LaOj3OC3ALH0XqyrgQIgey/MIZ8Wczw==} + engines: {node: ^12 || ^14 || >=16} + peerDependencies: + postcss: ^8.4 + dependencies: + postcss: 8.4.8 + postcss-selector-parser: 6.0.9 + dev: true + + /postcss-focus-within/5.0.4_postcss@8.4.8: + resolution: {integrity: sha512-vvjDN++C0mu8jz4af5d52CB184ogg/sSxAFS+oUJQq2SuCe7T5U2iIsVJtsCp2d6R4j0jr5+q3rPkBVZkXD9fQ==} + engines: {node: ^12 || ^14 || >=16} + peerDependencies: + postcss: ^8.4 + dependencies: + postcss: 8.4.8 + postcss-selector-parser: 6.0.9 + dev: true + + /postcss-font-variant/5.0.0_postcss@8.4.8: + resolution: {integrity: sha512-1fmkBaCALD72CK2a9i468mA/+tr9/1cBxRRMXOUaZqO43oWPR5imcyPjXwuv7PXbCid4ndlP5zWhidQVVa3hmA==} + peerDependencies: + postcss: ^8.1.0 + dependencies: + postcss: 8.4.8 + dev: true + + /postcss-gap-properties/3.0.3_postcss@8.4.8: + resolution: {integrity: sha512-rPPZRLPmEKgLk/KlXMqRaNkYTUpE7YC+bOIQFN5xcu1Vp11Y4faIXv6/Jpft6FMnl6YRxZqDZG0qQOW80stzxQ==} + engines: {node: ^12 || ^14 || >=16} + peerDependencies: + postcss: ^8.4 + dependencies: + postcss: 8.4.8 + dev: true + + /postcss-image-set-function/4.0.6_postcss@8.4.8: + resolution: {integrity: sha512-KfdC6vg53GC+vPd2+HYzsZ6obmPqOk6HY09kttU19+Gj1nC3S3XBVEXDHxkhxTohgZqzbUb94bKXvKDnYWBm/A==} + engines: {node: ^12 || ^14 || >=16} + peerDependencies: + postcss: ^8.4 + dependencies: + postcss: 8.4.8 + postcss-value-parser: 4.2.0 + dev: true + + /postcss-import/14.0.2_postcss@8.4.8: + resolution: {integrity: sha512-BJ2pVK4KhUyMcqjuKs9RijV5tatNzNa73e/32aBVE/ejYPe37iH+6vAu9WvqUkB5OAYgLHzbSvzHnorybJCm9g==} + engines: {node: '>=10.0.0'} + peerDependencies: + postcss: ^8.0.0 + dependencies: + postcss: 8.4.8 + postcss-value-parser: 4.2.0 + read-cache: 1.0.0 + resolve: 1.22.0 + dev: true + + /postcss-initial/4.0.1_postcss@8.4.8: + resolution: {integrity: sha512-0ueD7rPqX8Pn1xJIjay0AZeIuDoF+V+VvMt/uOnn+4ezUKhZM/NokDeP6DwMNyIoYByuN/94IQnt5FEkaN59xQ==} + peerDependencies: + postcss: ^8.0.0 + dependencies: + postcss: 8.4.8 + dev: true + + /postcss-lab-function/4.1.2_postcss@8.4.8: + resolution: {integrity: sha512-isudf5ldhg4fk16M8viAwAbg6Gv14lVO35N3Z/49NhbwPQ2xbiEoHgrRgpgQojosF4vF7jY653ktB6dDrUOR8Q==} + engines: {node: ^12 || ^14 || >=16} + peerDependencies: + postcss: ^8.4 + dependencies: + '@csstools/postcss-progressive-custom-properties': 1.3.0_postcss@8.4.8 + postcss: 8.4.8 + postcss-value-parser: 4.2.0 + dev: true + + /postcss-load-config/3.1.3: + resolution: {integrity: sha512-5EYgaM9auHGtO//ljHH+v/aC/TQ5LHXtL7bQajNAUBKUVKiYE8rYpFms7+V26D9FncaGe2zwCoPQsFKb5zF/Hw==} + engines: {node: '>= 10'} + peerDependencies: + ts-node: '>=9.0.0' + peerDependenciesMeta: + ts-node: + optional: true + dependencies: + lilconfig: 2.0.4 + yaml: 1.10.2 + dev: true + + /postcss-logical/5.0.4_postcss@8.4.8: + resolution: {integrity: sha512-RHXxplCeLh9VjinvMrZONq7im4wjWGlRJAqmAVLXyZaXwfDWP73/oq4NdIp+OZwhQUMj0zjqDfM5Fj7qby+B4g==} + engines: {node: ^12 || ^14 || >=16} + peerDependencies: + postcss: ^8.4 + dependencies: + postcss: 8.4.8 + dev: true + + /postcss-media-minmax/5.0.0_postcss@8.4.8: + resolution: {integrity: sha512-yDUvFf9QdFZTuCUg0g0uNSHVlJ5X1lSzDZjPSFaiCWvjgsvu8vEVxtahPrLMinIDEEGnx6cBe6iqdx5YWz08wQ==} + engines: {node: '>=10.0.0'} + peerDependencies: + postcss: ^8.1.0 + dependencies: + postcss: 8.4.8 + dev: true + + /postcss-nested/5.0.6_postcss@8.4.8: + resolution: {integrity: sha512-rKqm2Fk0KbA8Vt3AdGN0FB9OBOMDVajMG6ZCf/GoHgdxUJ4sBFp0A/uMIRm+MJUdo33YXEtjqIz8u7DAp8B7DA==} + engines: {node: '>=12.0'} + peerDependencies: + postcss: ^8.2.14 + dependencies: + postcss: 8.4.8 + postcss-selector-parser: 6.0.9 + dev: true + + /postcss-nesting/10.1.3_postcss@8.4.8: + resolution: {integrity: sha512-wUC+/YCik4wH3StsbC5fBG1s2Z3ZV74vjGqBFYtmYKlVxoio5TYGM06AiaKkQPPlkXWn72HKfS7Cw5PYxnoXSw==} + engines: {node: ^12 || ^14 || >=16} + peerDependencies: + postcss: ^8.4 + dependencies: + postcss: 8.4.8 + postcss-selector-parser: 6.0.9 + dev: true + + /postcss-opacity-percentage/1.1.2: + resolution: {integrity: sha512-lyUfF7miG+yewZ8EAk9XUBIlrHyUE6fijnesuz+Mj5zrIHIEw6KcIZSOk/elVMqzLvREmXB83Zi/5QpNRYd47w==} + engines: {node: ^12 || ^14 || >=16} + dev: true + + /postcss-overflow-shorthand/3.0.3_postcss@8.4.8: + resolution: {integrity: sha512-CxZwoWup9KXzQeeIxtgOciQ00tDtnylYIlJBBODqkgS/PU2jISuWOL/mYLHmZb9ZhZiCaNKsCRiLp22dZUtNsg==} + engines: {node: ^12 || ^14 || >=16} + peerDependencies: + postcss: ^8.4 + dependencies: + postcss: 8.4.8 + dev: true + + /postcss-page-break/3.0.4_postcss@8.4.8: + resolution: {integrity: sha512-1JGu8oCjVXLa9q9rFTo4MbeeA5FMe00/9C7lN4va606Rdb+HkxXtXsmEDrIraQ11fGz/WvKWa8gMuCKkrXpTsQ==} + peerDependencies: + postcss: ^8 + dependencies: + postcss: 8.4.8 + dev: true + + /postcss-place/7.0.4_postcss@8.4.8: + resolution: {integrity: sha512-MrgKeiiu5OC/TETQO45kV3npRjOFxEHthsqGtkh3I1rPbZSbXGD/lZVi9j13cYh+NA8PIAPyk6sGjT9QbRyvSg==} + engines: {node: ^12 || ^14 || >=16} + peerDependencies: + postcss: ^8.4 + dependencies: + postcss: 8.4.8 + postcss-value-parser: 4.2.0 + dev: true + + /postcss-preset-env/7.4.2_postcss@8.4.8: + resolution: {integrity: sha512-AmOkb8AeNNQwE/z2fHl1iwOIt8J50V8WR0rmLagcgIDoqlJZWjV3NdtOPnLGco1oN8DZe+Ss5B9ULbBeS6HfeA==} + engines: {node: ^12 || ^14 || >=16} + peerDependencies: + postcss: ^8.4 + dependencies: + '@csstools/postcss-color-function': 1.0.3_postcss@8.4.8 + '@csstools/postcss-font-format-keywords': 1.0.0_postcss@8.4.8 + '@csstools/postcss-hwb-function': 1.0.0_postcss@8.4.8 + '@csstools/postcss-ic-unit': 1.0.0_postcss@8.4.8 + '@csstools/postcss-is-pseudo-class': 2.0.1_postcss@8.4.8 + '@csstools/postcss-normalize-display-values': 1.0.0_postcss@8.4.8 + '@csstools/postcss-oklab-function': 1.0.2_postcss@8.4.8 + '@csstools/postcss-progressive-custom-properties': 1.3.0_postcss@8.4.8 + autoprefixer: 10.4.2_postcss@8.4.8 + browserslist: 4.20.0 + css-blank-pseudo: 3.0.3_postcss@8.4.8 + css-has-pseudo: 3.0.4_postcss@8.4.8 + css-prefers-color-scheme: 6.0.3_postcss@8.4.8 + cssdb: 6.4.1 + postcss: 8.4.8 + postcss-attribute-case-insensitive: 5.0.0_postcss@8.4.8 + postcss-color-functional-notation: 4.2.2_postcss@8.4.8 + postcss-color-hex-alpha: 8.0.3_postcss@8.4.8 + postcss-color-rebeccapurple: 7.0.2_postcss@8.4.8 + postcss-custom-media: 8.0.0_postcss@8.4.8 + postcss-custom-properties: 12.1.4_postcss@8.4.8 + postcss-custom-selectors: 6.0.0_postcss@8.4.8 + postcss-dir-pseudo-class: 6.0.4_postcss@8.4.8 + postcss-double-position-gradients: 3.1.1_postcss@8.4.8 + postcss-env-function: 4.0.5_postcss@8.4.8 + postcss-focus-visible: 6.0.4_postcss@8.4.8 + postcss-focus-within: 5.0.4_postcss@8.4.8 + postcss-font-variant: 5.0.0_postcss@8.4.8 + postcss-gap-properties: 3.0.3_postcss@8.4.8 + postcss-image-set-function: 4.0.6_postcss@8.4.8 + postcss-initial: 4.0.1_postcss@8.4.8 + postcss-lab-function: 4.1.2_postcss@8.4.8 + postcss-logical: 5.0.4_postcss@8.4.8 + postcss-media-minmax: 5.0.0_postcss@8.4.8 + postcss-nesting: 10.1.3_postcss@8.4.8 + postcss-opacity-percentage: 1.1.2 + postcss-overflow-shorthand: 3.0.3_postcss@8.4.8 + postcss-page-break: 3.0.4_postcss@8.4.8 + postcss-place: 7.0.4_postcss@8.4.8 + postcss-pseudo-class-any-link: 7.1.1_postcss@8.4.8 + postcss-replace-overflow-wrap: 4.0.0_postcss@8.4.8 + postcss-selector-not: 5.0.0_postcss@8.4.8 + postcss-value-parser: 4.2.0 + dev: true + + /postcss-pseudo-class-any-link/7.1.1_postcss@8.4.8: + resolution: {integrity: sha512-JRoLFvPEX/1YTPxRxp1JO4WxBVXJYrSY7NHeak5LImwJ+VobFMwYDQHvfTXEpcn+7fYIeGkC29zYFhFWIZD8fg==} + engines: {node: ^12 || ^14 || >=16} + peerDependencies: + postcss: ^8.4 + dependencies: + postcss: 8.4.8 + postcss-selector-parser: 6.0.9 + dev: true + + /postcss-replace-overflow-wrap/4.0.0_postcss@8.4.8: + resolution: {integrity: sha512-KmF7SBPphT4gPPcKZc7aDkweHiKEEO8cla/GjcBK+ckKxiZslIu3C4GCRW3DNfL0o7yW7kMQu9xlZ1kXRXLXtw==} + peerDependencies: + postcss: ^8.0.3 + dependencies: + postcss: 8.4.8 + dev: true + + /postcss-selector-not/5.0.0_postcss@8.4.8: + resolution: {integrity: sha512-/2K3A4TCP9orP4TNS7u3tGdRFVKqz/E6pX3aGnriPG0jU78of8wsUcqE4QAhWEU0d+WnMSF93Ah3F//vUtK+iQ==} + peerDependencies: + postcss: ^8.1.0 + dependencies: + balanced-match: 1.0.2 + postcss: 8.4.8 + dev: true + + /postcss-selector-parser/6.0.9: + resolution: {integrity: sha512-UO3SgnZOVTwu4kyLR22UQ1xZh086RyNZppb7lLAKBFK8a32ttG5i87Y/P3+2bRSjZNyJ1B7hfFNo273tKe9YxQ==} + engines: {node: '>=4'} + dependencies: + cssesc: 3.0.0 + util-deprecate: 1.0.2 + dev: true + + /postcss-strip-inline-comments/0.1.5: + resolution: {integrity: sha1-f/a83BTmM+1M36AguuPt2tT4S5A=} + dependencies: + postcss: 5.2.18 + dev: true + + /postcss-value-parser/4.2.0: + resolution: {integrity: sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==} + dev: true + + /postcss/5.2.18: + resolution: {integrity: sha512-zrUjRRe1bpXKsX1qAJNJjqZViErVuyEkMTRrwu4ud4sbTtIBRmtaYDrHmcGgmrbsW3MHfmtIf+vJumgQn+PrXg==} + engines: {node: '>=0.12'} + dependencies: + chalk: 1.1.3 + js-base64: 2.6.4 + source-map: 0.5.7 + supports-color: 3.2.3 + dev: true + /postcss/8.4.8: resolution: {integrity: sha512-2tXEqGxrjvAO6U+CJzDL2Fk2kPHTv1jQsYkSoMeOis2SsYaXRO2COxTdQp99cYvif9JTXaAk9lYGc3VhJt7JPQ==} engines: {node: ^10 || ^12 || >=14} @@ -1363,6 +2007,12 @@ packages: resolution: {integrity: sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==} dev: true + /read-cache/1.0.0: + resolution: {integrity: sha1-5mTvMRYRZsl1HNvo28+GtftY93Q=} + dependencies: + pify: 2.3.0 + dev: true + /readdirp/3.6.0: resolution: {integrity: sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==} engines: {node: '>=8.10.0'} @@ -1492,6 +2142,11 @@ packages: engines: {node: '>=0.10.0'} dev: true + /source-map/0.5.7: + resolution: {integrity: sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w=} + engines: {node: '>=0.10.0'} + dev: true + /source-map/0.7.3: resolution: {integrity: sha512-CkCj6giN3S+n9qrYiBTX5gystlENnRW5jZeNLHpe6aue+SrHcG5VYwujhW9s4dY31mEGsxBDrHR6oI69fTXsaQ==} engines: {node: '>= 8'} @@ -1514,6 +2169,13 @@ packages: strip-ansi: 6.0.1 dev: true + /strip-ansi/3.0.1: + resolution: {integrity: sha1-ajhfuIU9lS1f8F0Oiq+UJ43GPc8=} + engines: {node: '>=0.10.0'} + dependencies: + ansi-regex: 2.1.1 + dev: true + /strip-ansi/6.0.1: resolution: {integrity: sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==} engines: {node: '>=8'} @@ -1533,6 +2195,18 @@ packages: engines: {node: '>=8'} dev: true + /supports-color/2.0.0: + resolution: {integrity: sha1-U10EXOa2Nj+kARcIRimZXp3zJMc=} + engines: {node: '>=0.8.0'} + dev: true + + /supports-color/3.2.3: + resolution: {integrity: sha1-ZawFBLOVQXHYpklGsq48u4pfVPY=} + engines: {node: '>=0.8.0'} + dependencies: + has-flag: 1.0.0 + dev: true + /supports-color/5.5.0: resolution: {integrity: sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==} engines: {node: '>=4'} @@ -1552,7 +2226,7 @@ packages: engines: {node: '>= 0.4'} dev: true - /svelte-check/2.4.5_svelte@3.46.4: + /svelte-check/2.4.5_33233005e4be8b4492b63cc9de0a2fd4: resolution: {integrity: sha512-nRft8BbG2wcxyCdHDZ7X43xLcvDzua3xLwq6wzHGcAF3ka3Jyhv2rvgq0+SF9NwHLMefp9C2XkM6etzsxK/cMQ==} hasBin: true peerDependencies: @@ -1566,7 +2240,7 @@ packages: sade: 1.8.1 source-map: 0.7.3 svelte: 3.46.4 - svelte-preprocess: 4.10.4_svelte@3.46.4+typescript@4.6.2 + svelte-preprocess: 4.10.4_8c88c4f1b7a55bcfafd385f58ef1abcd typescript: 4.6.2 transitivePeerDependencies: - '@babel/core' @@ -1590,7 +2264,7 @@ packages: svelte: 3.46.4 dev: true - /svelte-preprocess/4.10.4_svelte@3.46.4+typescript@4.6.2: + /svelte-preprocess/4.10.4_8c88c4f1b7a55bcfafd385f58ef1abcd: resolution: {integrity: sha512-fuwol0N4UoHsNQolLFbMqWivqcJ9N0vfWO9IuPAiX/5okfoGXURyJ6nECbuEIv0nU3M8Xe2I1ONNje2buk7l6A==} engines: {node: '>= 9.11.2'} requiresBuild: true @@ -1635,6 +2309,8 @@ packages: '@types/sass': 1.43.1 detect-indent: 6.1.0 magic-string: 0.25.9 + postcss: 8.4.8 + postcss-load-config: 3.1.3 sorcery: 0.10.0 strip-indent: 3.0.0 svelte: 3.46.4 @@ -1646,6 +2322,18 @@ packages: engines: {node: '>= 8'} dev: true + /svelte2tsx/0.5.5_svelte@3.46.4+typescript@4.6.2: + resolution: {integrity: sha512-5n8jP721bM3vXPk36AM9diZg2aasLvsfP/Zt9CQVrcqcnzexOYVeS8kpGk+3mofOPvPvXnOCLdff62usI/KOMw==} + peerDependencies: + svelte: ^3.24 + typescript: ^4.1.2 + dependencies: + dedent-js: 1.0.1 + pascal-case: 3.1.2 + svelte: 3.46.4 + typescript: 4.6.2 + dev: true + /table/6.8.0: resolution: {integrity: sha512-s/fitrbVeEyHKFa7mFdkuQMWlH1Wgw/yEXMt5xACT4ZpzWFluehAxRtUUQKPuWhaLAWhFcVx6w3oC8VKaUfPGA==} engines: {node: '>=10.0.0'} @@ -1717,6 +2405,10 @@ packages: punycode: 2.1.1 dev: true + /util-deprecate/1.0.2: + resolution: {integrity: sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8=} + dev: true + /v8-compile-cache/2.3.0: resolution: {integrity: sha512-l8lCEmLcLYZh4nbunNZvQCJc5pv7+RCwa8q/LdUx8u7lsWvPDKmpodJAJNwkAhJC//dFY48KuIEmjtd4RViDrA==} dev: true @@ -1765,3 +2457,8 @@ packages: /yallist/4.0.0: resolution: {integrity: sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==} dev: true + + /yaml/1.10.2: + resolution: {integrity: sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==} + engines: {node: '>= 6'} + dev: true diff --git a/postcss.config.cjs b/postcss.config.cjs new file mode 100644 index 00000000..60bb3aa7 --- /dev/null +++ b/postcss.config.cjs @@ -0,0 +1,12 @@ +const config = { + plugins: [ + require('postcss-import'), + require('postcss-strip-inline-comments'), + require('postcss-nested'), + require('postcss-preset-env'), + require('autoprefixer'), + require('postcss-extend-rule'), + ], +}; + +module.exports = config; diff --git a/src/app.html b/src/app.html index d8ed2541..f4139453 100644 --- a/src/app.html +++ b/src/app.html @@ -1,5 +1,5 @@ - + diff --git a/src/lib/components/elements/buttons/Button.svelte b/src/lib/components/elements/buttons/Button.svelte new file mode 100644 index 00000000..f4dcdce1 --- /dev/null +++ b/src/lib/components/elements/buttons/Button.svelte @@ -0,0 +1,331 @@ + + +{#if as === 'button'} + +{:else if as === 'a'} + + + +{:else if as === 'summary'} + + + +{:else if as === 'input'} + +{/if} + + diff --git a/src/lib/index.ts b/src/lib/index.ts new file mode 100644 index 00000000..e69de29b diff --git a/src/lib/styles/themes/light.postcss b/src/lib/styles/themes/light.postcss new file mode 100644 index 00000000..0a1071b4 --- /dev/null +++ b/src/lib/styles/themes/light.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/lib/styles/variables.postcss b/src/lib/styles/variables.postcss new file mode 100644 index 00000000..9c598874 --- /dev/null +++ b/src/lib/styles/variables.postcss @@ -0,0 +1,3 @@ +@import "variables/borders.postcss"; +@import "variables/typography.postcss"; +@import "variables/spacing.postcss"; \ No newline at end of file diff --git a/src/lib/styles/variables/borders.postcss b/src/lib/styles/variables/borders.postcss new file mode 100644 index 00000000..62968c1b --- /dev/null +++ b/src/lib/styles/variables/borders.postcss @@ -0,0 +1,13 @@ +:root { + /* Borders */ + --border-width: 1px; + --border-style: solid; + --border: var(--border-width) var(--border-style); + + /* Radii */ + --radii-1: 4px; + --radii-2: 6px; + --radii-3: 8px; + --radii-max: 100px; + --radii: var(--radii-2); +} \ No newline at end of file diff --git a/src/lib/styles/variables/spacing.postcss b/src/lib/styles/variables/spacing.postcss new file mode 100644 index 00000000..9e9ef741 --- /dev/null +++ b/src/lib/styles/variables/spacing.postcss @@ -0,0 +1,206 @@ +:root { + /* these are values for the display CSS property */ + /* + --display-values: ( + block, + flex, + inline, + inline-block, + inline-flex, + none, + table, + table-cell + ); + + // maps edges to respective corners for border-radius + --edges: ( + top: (top-left, top-right), + right: (top-right, bottom-right), + bottom: (bottom-right, bottom-left), + left: (bottom-left, top-left) + ); + */ + + /* + These are our margin and padding utility spacers. The default step size we + use is 8px. This gives us a key of: + 0 => 0px + 1 => 4px + 2 => 8px + 3 => 16px + 4 => 24px + 5 => 32px + 6 => 40px */ + --spacer: 8px; + + /* Our spacing scale */ + --spacer-0: 0; /* 0 */ + --spacer-1: calc(var(--spacer) * 0.5); /* 4px */ + --spacer-2: --spacer; /* 8px */ + --spacer-3: calc(var(--spacer) * 2); /* 16px */ + --spacer-4: calc(var(--spacer) * 3); /* 24px */ + --spacer-5: calc(var(--spacer) * 4); /* 32px */ + --spacer-6: calc(var(--spacer) * 5); /* 40px */ + + /* + /* The list of spacer values + --spacers: ( + --spacer-0, + --spacer-1, + --spacer-2, + --spacer-3, + --spacer-4, + --spacer-5, + --spacer-6, + ); + + /* And the map of spacers, for easier looping: + /* @each --scale, --length in --spacer-map { ... } + --spacer-map: ( + 0: --spacer-0, + 1: --spacer-1, + 2: --spacer-2, + 3: --spacer-3, + 4: --spacer-4, + 5: --spacer-5, + 6: --spacer-6, + ); + + /* Increases the core spacing scale first by 8px for --spacer-7, then by 16px + /* increments from --spacer-8 to --spacer-12, i.e. after 40px, we have 48, 64, + /* 80, 96, etc. + --spacer-7: --spacer * 6; /* 48px + --spacer-8: --spacer * 8; /* 64px + --spacer-9: --spacer * 10; /* 80px + --spacer-10: --spacer * 12; /* 96px + --spacer-11: --spacer * 14; /* 112px + --spacer-12: --spacer * 16; /* 128px + + --spacers-large: ( + 7: --spacer-7, + 8: --spacer-8, + 9: --spacer-9, + 10: --spacer-10, + 11: --spacer-11, + 12: --spacer-12, + ); + + --spacer-map-extended: map-merge( + ( + 0: 0, + 1: --spacer-1, + 2: --spacer-2, + 3: --spacer-3, + 4: --spacer-4, + 5: --spacer-5, + 6: --spacer-6, + ), + --spacers-large, + ); + + /* Em spacer variables + --em-spacer-1: 0.0625em; /* 1/16 + --em-spacer-2: 0.125em; /* 1/8 + --em-spacer-3: 0.25em; /* 1/4 + --em-spacer-4: 0.375em; /* 3/8 + --em-spacer-5: 0.5em; /* 1/2 + --em-spacer-6: 0.75em; /* 3/4 + + /* Size scale + /* Used for buttons, inputs, labels, avatars etc. + --size: 16px; + + --size-0: 0; + --size-1: --size; /* 16px + --size-2: --size-1 + 4px; /* 20px + --size-3: --size-2 + 4px; /* 24px + --size-4: --size-3 + 4px; /* 28px + --size-5: --size-4 + 4px; /* 32px + --size-6: --size-5 + 8px; /* 40px + --size-7: --size-6 + 8px; /* 48px + --size-8: --size-7 + 16px; /* 64px + + /* Fixed-width container variables + --container-width: 980px; + --grid-gutter: 10px; + + // Breakpoint widths + --width-xs: 0; + // Small screen / phone + --width-sm: 544px; + // Medium screen / tablet + --width-md: 768px; + // Large screen / desktop (980 + (16 * 2)) <= container + gutters + --width-lg: 1012px; + // Extra large screen / wide desktop + --width-xl: 1280px; + + // Responsive container widths + --container-sm: --width-sm; + --container-md: --width-md; + --container-lg: --width-lg; + --container-xl: --width-xl; + + // Breakpoints in the form (name: length) + --breakpoints: ( + sm: --width-sm, + md: --width-md, + lg: --width-lg, + xl: --width-xl + ); + + // This map in the form (breakpoint: variant) is used to iterate over + // breakpoints and create both responsive and non-responsive classes in one + // loop: + --responsive-variants: ( + '': '', + sm: '-sm', + md: '-md', + lg: '-lg', + xl: '-xl', + ); + + // responsive utility position values + --responsive-positions: ( + static, + relative, + absolute, + fixed, + sticky + ); + + --sidebar-width: ( + sm: 220px, + md: 256px, + lg: 296px + ); + + --sidebar-narrow-width: ( + md: 240px, + lg: 256px + ); + + --sidebar-wide-width: ( + lg: 320px, + xl: 336px + ); + + --gutter: ( + md: --spacer-3, + lg: --spacer-4, + xl: --spacer-5 + ); + + --gutter-condensed: ( + md: --spacer-3, + lg: --spacer-3, + xl: --spacer-4 + ); + + --gutter-spacious: ( + md: --spacer-4, + lg: --spacer-5, + xl: --spacer-6 + ); + */ +} \ No newline at end of file diff --git a/src/lib/styles/variables/typography.postcss b/src/lib/styles/variables/typography.postcss new file mode 100644 index 00000000..d3ade880 --- /dev/null +++ b/src/lib/styles/variables/typography.postcss @@ -0,0 +1,41 @@ +:root { + /* Heading sizes - mobile */ + /* h4-h6 remain the same size on both mobile & desktop */ + --h00-size-mobile: 40px; + --h0-size-mobile: 32px; + --h1-size-mobile: 26px; + --h2-size-mobile: 22px; + --h3-size-mobile: 18px; + + /* Heading sizes - desktop */ + --h00-size: 48px; + --h0-size: 40px; + --h1-size: 32px; + --h2-size: 24px; + --h3-size: 20px; + --h4-size: 16px; + --h5-size: 14px; + --h6-size: 12px; + + --font-size-small: 12px; + + /* Line heights */ + --lh-condensed-ultra: 1; + --lh-condensed: 1.25; + --lh-default: 1.5; + + /* The base body size */ + --body-font-size: 14px; + --body-line-height: --lh-default; + + /* Font weights */ + --font-weight-light: 300; + --font-weight-normal: 400; + --font-weight-semibold: 500; + --font-weight-bold: 600; + + /* Font stacks */ + --body-font: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'; + --mono-font: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace; + +} \ No newline at end of file diff --git a/src/routes/__layout.svelte b/src/routes/__layout.svelte new file mode 100644 index 00000000..01c02383 --- /dev/null +++ b/src/routes/__layout.svelte @@ -0,0 +1,15 @@ + + +
+ +
+ + \ No newline at end of file diff --git a/src/routes/index.svelte b/src/routes/index.svelte index 5982b0ae..a7ef1212 100644 --- a/src/routes/index.svelte +++ b/src/routes/index.svelte @@ -1,2 +1,6 @@ -

Welcome to SvelteKit

-

Visit kit.svelte.dev to read the documentation

+ + +

Docs...

+ \ No newline at end of file diff --git a/svelte.config.js b/svelte.config.js index 892f0c46..8d39774c 100644 --- a/svelte.config.js +++ b/svelte.config.js @@ -3,13 +3,17 @@ import preprocess from 'svelte-preprocess'; /** @type {import('@sveltejs/kit').Config} */ const config = { - // Consult https://github.com/sveltejs/svelte-preprocess - // for more information about preprocessors - preprocess: preprocess(), + // Consult https://github.com/sveltejs/svelte-preprocess + // for more information about preprocessors + preprocess: [ + preprocess({ + postcss: true, + }), + ], - kit: { - adapter: adapter() - } + kit: { + adapter: adapter(), + }, }; export default config;