From 44804f5c0c635b7142a496d0bc48c75778278009 Mon Sep 17 00:00:00 2001 From: Max Kohler Date: Fri, 26 Sep 2025 12:53:28 +0200 Subject: [PATCH] Support dark mode --- components/src/ChartList/ChartList.svelte | 22 +- package-lock.json | 482 +++++++++++----------- 2 files changed, 255 insertions(+), 249 deletions(-) diff --git a/components/src/ChartList/ChartList.svelte b/components/src/ChartList/ChartList.svelte index da985013..bba653d7 100644 --- a/components/src/ChartList/ChartList.svelte +++ b/components/src/ChartList/ChartList.svelte @@ -56,6 +56,7 @@ flex-flow: column; font-family: var(--swr-sans); font-size: var(--fs-small-1); + color: var(--color-textPrimary); max-width: 40rem; margin: 0 auto; height: 90vh; @@ -66,15 +67,16 @@ } .inner { width: 100%; - border: 1px solid rgb(0, 0, 0); + background: var(--color-surfaceFill); + border: 1px solid var(--color-surfaceBorder); } h1 { font-size: var(--fs-base); - border-bottom: 1px solid black; + border-bottom: 1px solid var(--color-textSecondary); padding-bottom: 0.2em; - background-color: rgb(255, 255, 255); + background-color: rgba(black, 0.2); em { - background: rgb(234, 239, 184); + background: rgba(134, 139, 84, 0.4); font-style: normal; padding: 0 0.3em; border-radius: 2px; @@ -97,10 +99,10 @@ text-align: left; } th { - border-bottom: 1px solid black; + border-bottom: 1px solid var(--color-textSecondary); } tr { - border-bottom: 1px solid rgb(150, 150, 150); + border-bottom: 1px solid var(--color-surfaceBorder); &:last-child { border-bottom: 0; } @@ -110,8 +112,11 @@ display: block; font-family: monospace; width: calc(100% - 0.6em); - padding: 0.1em 0.2em; - font-size: inherit; + padding: 0.2em 0.4em; + font-size: 0.9rem; + background: var(--color-pageFill); + border: 1px solid var(--color-surfaceBorder); + color: var(--color-textSecondary); } a:hover, @@ -123,6 +128,7 @@ } .notes { margin-top: 0.5em; + color: var(--color-textSecondary); font-size: var(--fs-small-2); } diff --git a/package-lock.json b/package-lock.json index 7f760b84..f7cbc144 100644 --- a/package-lock.json +++ b/package-lock.json @@ -64,52 +64,6 @@ "svelte": ">=5.0.0" } }, - "components/node_modules/@storybook/addon-docs": { - "version": "9.1.4", - "resolved": "https://registry.npmjs.org/@storybook/addon-docs/-/addon-docs-9.1.4.tgz", - "integrity": "sha512-ueGaA++UOICrM+ZyrN35HNt7JGgrKkX/X+RJwoL3UAbK1Nkbw1vNu7Rz+W4PRqU6gpRZ6xYFPkgJ2ZaPxCMJbg==", - "dev": true, - "license": "MIT", - "dependencies": { - "@mdx-js/react": "^3.0.0", - "@storybook/csf-plugin": "9.1.4", - "@storybook/icons": "^1.4.0", - "@storybook/react-dom-shim": "9.1.4", - "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0", - "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0", - "ts-dedent": "^2.0.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/storybook" - }, - "peerDependencies": { - "storybook": "^9.1.4" - } - }, - "components/node_modules/@storybook/addon-links": { - "version": "9.1.4", - "resolved": "https://registry.npmjs.org/@storybook/addon-links/-/addon-links-9.1.4.tgz", - "integrity": "sha512-pWw7ikV3Tki9Na5cd16SQg4a2yc4Y148m1gZrN4lzxBGeCvGw2O9hsNWLOpqKvOCKRUjYGeUJZxA0PR1HSJO/A==", - "dev": true, - "license": "MIT", - "dependencies": { - "@storybook/global": "^5.0.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/storybook" - }, - "peerDependencies": { - "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta", - "storybook": "^9.1.4" - }, - "peerDependenciesMeta": { - "react": { - "optional": true - } - } - }, "components/node_modules/@storybook/addon-svelte-csf": { "version": "5.0.8", "resolved": "https://registry.npmjs.org/@storybook/addon-svelte-csf/-/addon-svelte-csf-5.0.8.tgz", @@ -133,165 +87,6 @@ "vite": "^5.0.0 || ^6.0.0 || ^7.0.0" } }, - "components/node_modules/@storybook/addon-vitest": { - "version": "9.1.4", - "resolved": "https://registry.npmjs.org/@storybook/addon-vitest/-/addon-vitest-9.1.4.tgz", - "integrity": "sha512-tLUOhglhaVWbxoyAKMPFYFpzBzXrWF0r8TDjHmXp025MxUyFHny6qU/XPLdzpV5OdP6wO95kx4CahrW12I3Jug==", - "dev": true, - "license": "MIT", - "dependencies": { - "@storybook/global": "^5.0.0", - "@storybook/icons": "^1.4.0", - "prompts": "^2.4.0", - "ts-dedent": "^2.2.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/storybook" - }, - "peerDependencies": { - "@vitest/browser": "^3.0.0", - "@vitest/runner": "^3.0.0", - "storybook": "^9.1.4", - "vitest": "^3.0.0" - }, - "peerDependenciesMeta": { - "@vitest/browser": { - "optional": true - }, - "@vitest/runner": { - "optional": true - }, - "vitest": { - "optional": true - } - } - }, - "components/node_modules/@storybook/csf-plugin": { - "version": "9.1.4", - "resolved": "https://registry.npmjs.org/@storybook/csf-plugin/-/csf-plugin-9.1.4.tgz", - "integrity": "sha512-t7W6NpH7ZJ9sfBW8Snck4P7m8NWQNGgSgDNnXtjEgH4llgJveNpWy59ho+A4/xcC4Jr/0eTbbhngKXn5hkqctw==", - "dev": true, - "license": "MIT", - "dependencies": { - "unplugin": "^1.3.1" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/storybook" - }, - "peerDependencies": { - "storybook": "^9.1.4" - } - }, - "components/node_modules/@storybook/react-dom-shim": { - "version": "9.1.4", - "resolved": "https://registry.npmjs.org/@storybook/react-dom-shim/-/react-dom-shim-9.1.4.tgz", - "integrity": "sha512-vGBmPMgae8zkS0r2u/1WgpYMKjQm7EdTL7hJ7WA9K4j3j9dj9Y+ok6xIotYqggcI04zTyKeZiv9vf/235Cuqpw==", - "dev": true, - "license": "MIT", - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/storybook" - }, - "peerDependencies": { - "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta", - "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta", - "storybook": "^9.1.4" - } - }, - "components/node_modules/@storybook/svelte": { - "version": "9.1.4", - "resolved": "https://registry.npmjs.org/@storybook/svelte/-/svelte-9.1.4.tgz", - "integrity": "sha512-wdvMCrOrdgqVH+3Zju+f2vGNgL0NRa3vRDBmPJVFcSpZCBedwWKrTj/nlFfKMIZJB1UBeomS49N+Z8u5CcvDpg==", - "dev": true, - "license": "MIT", - "dependencies": { - "ts-dedent": "^2.0.0", - "type-fest": "~2.19" - }, - "engines": { - "node": ">=20.0.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/storybook" - }, - "peerDependencies": { - "storybook": "^9.1.4", - "svelte": "^5.0.0" - } - }, - "components/node_modules/@storybook/sveltekit": { - "version": "9.1.4", - "resolved": "https://registry.npmjs.org/@storybook/sveltekit/-/sveltekit-9.1.4.tgz", - "integrity": "sha512-Vnmw9oSGEKgcWRKceCxI151W/N8cNFf4Rf10y0oFidxJgtJECdi/LiUp39oC5XH5JzaYYwzurqCtksFlUMFGew==", - "dev": true, - "license": "MIT", - "dependencies": { - "@storybook/builder-vite": "9.1.4", - "@storybook/svelte": "9.1.4", - "@storybook/svelte-vite": "9.1.4" - }, - "engines": { - "node": ">=20.0.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/storybook" - }, - "peerDependencies": { - "storybook": "^9.1.4", - "svelte": "^5.0.0", - "vite": "^5.0.0 || ^6.0.0 || ^7.0.0" - } - }, - "components/node_modules/@storybook/sveltekit/node_modules/@storybook/builder-vite": { - "version": "9.1.4", - "resolved": "https://registry.npmjs.org/@storybook/builder-vite/-/builder-vite-9.1.4.tgz", - "integrity": "sha512-YtWl35EU/I4S00yKYZO7hgfy7ERChFi6/G/hwlV+hLbNLtQm+aS8nhvrJpJvjffP+5p2pS38gRx8OgXXt7cMPQ==", - "dev": true, - "license": "MIT", - "dependencies": { - "@storybook/csf-plugin": "9.1.4", - "ts-dedent": "^2.0.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/storybook" - }, - "peerDependencies": { - "storybook": "^9.1.4", - "vite": "^5.0.0 || ^6.0.0 || ^7.0.0" - } - }, - "components/node_modules/@storybook/sveltekit/node_modules/@storybook/svelte-vite": { - "version": "9.1.4", - "resolved": "https://registry.npmjs.org/@storybook/svelte-vite/-/svelte-vite-9.1.4.tgz", - "integrity": "sha512-7Md3AHDW4IqKcbpOpV9Q8vfOja9XLQ1yVAx+ht6C3IunGvo1zFGJ1wMB3OKD9n6hfnU0Y96xcoec7LbaBzLiTw==", - "dev": true, - "license": "MIT", - "dependencies": { - "@storybook/builder-vite": "9.1.4", - "@storybook/svelte": "9.1.4", - "magic-string": "^0.30.0", - "svelte2tsx": "^0.7.35", - "typescript": "^4.9.4 || ^5.0.0" - }, - "engines": { - "node": ">=20.0.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/storybook" - }, - "peerDependencies": { - "@sveltejs/vite-plugin-svelte": "^2.0.0 || ^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0", - "storybook": "^9.1.4", - "svelte": "^5.0.0", - "vite": "^5.0.0 || ^6.0.0 || ^7.0.0" - } - }, "components/node_modules/@storybook/test-runner": { "version": "0.23.0", "resolved": "https://registry.npmjs.org/@storybook/test-runner/-/test-runner-0.23.0.tgz", @@ -328,42 +123,6 @@ "storybook": "^0.0.0-0 || ^8.2.0 || ^9.0.0 || ^9.1.0-0" } }, - "components/node_modules/storybook": { - "version": "9.1.4", - "resolved": "https://registry.npmjs.org/storybook/-/storybook-9.1.4.tgz", - "integrity": "sha512-xMMUKQzAbVJlDUNbCyZ67fJSnomGv+SQw5PDcRWwhYvU72cwhBvGf/UYXi/ylSzMaUHudhOmmn1lZH88lcShsg==", - "dev": true, - "license": "MIT", - "dependencies": { - "@storybook/global": "^5.0.0", - "@testing-library/jest-dom": "^6.6.3", - "@testing-library/user-event": "^14.6.1", - "@vitest/expect": "3.2.4", - "@vitest/mocker": "3.2.4", - "@vitest/spy": "3.2.4", - "better-opn": "^3.0.2", - "esbuild": "^0.18.0 || ^0.19.0 || ^0.20.0 || ^0.21.0 || ^0.22.0 || ^0.23.0 || ^0.24.0 || ^0.25.0", - "esbuild-register": "^3.5.0", - "recast": "^0.23.5", - "semver": "^7.6.2", - "ws": "^8.18.0" - }, - "bin": { - "storybook": "bin/index.cjs" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/storybook" - }, - "peerDependencies": { - "prettier": "^2 || ^3" - }, - "peerDependenciesMeta": { - "prettier": { - "optional": true - } - } - }, "mock-sophora": { "version": "1.0.0", "license": "UNLICENSED", @@ -4398,6 +4157,105 @@ "dev": true, "license": "MIT" }, + "node_modules/@storybook/addon-docs": { + "version": "9.1.8", + "resolved": "https://registry.npmjs.org/@storybook/addon-docs/-/addon-docs-9.1.8.tgz", + "integrity": "sha512-GVrNVEdNRRo6r1hawfgyy6x+HJqPx1oOHm0U0wz0SGAxgS/Xh6SQVZL+RDoh7NpXkNi1GbezVlT931UsHQTyvQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "@mdx-js/react": "^3.0.0", + "@storybook/csf-plugin": "9.1.8", + "@storybook/icons": "^1.4.0", + "@storybook/react-dom-shim": "9.1.8", + "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0", + "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0", + "ts-dedent": "^2.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/storybook" + }, + "peerDependencies": { + "storybook": "^9.1.8" + } + }, + "node_modules/@storybook/addon-links": { + "version": "9.1.8", + "resolved": "https://registry.npmjs.org/@storybook/addon-links/-/addon-links-9.1.8.tgz", + "integrity": "sha512-+XJiYO3Cu79nTMnkybA4ORjSbQfKvVyVer1TC6cDJC7AGVe0FpdgGu2ZWIn3edUmQHLPwovd6B+5pU4VH5tgPQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "@storybook/global": "^5.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/storybook" + }, + "peerDependencies": { + "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta", + "storybook": "^9.1.8" + }, + "peerDependenciesMeta": { + "react": { + "optional": true + } + } + }, + "node_modules/@storybook/addon-vitest": { + "version": "9.1.8", + "resolved": "https://registry.npmjs.org/@storybook/addon-vitest/-/addon-vitest-9.1.8.tgz", + "integrity": "sha512-F1AgGpIuDxrGXErMRTfF9zUXvGSUgQPbAXggs74p9vz0855nlRMEny1cYY9BtktVr4JGyq+Mz2774hCt9HR3KQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "@storybook/global": "^5.0.0", + "@storybook/icons": "^1.4.0", + "prompts": "^2.4.0", + "ts-dedent": "^2.2.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/storybook" + }, + "peerDependencies": { + "@vitest/browser": "^3.0.0", + "@vitest/runner": "^3.0.0", + "storybook": "^9.1.8", + "vitest": "^3.0.0" + }, + "peerDependenciesMeta": { + "@vitest/browser": { + "optional": true + }, + "@vitest/runner": { + "optional": true + }, + "vitest": { + "optional": true + } + } + }, + "node_modules/@storybook/builder-vite": { + "version": "9.1.8", + "resolved": "https://registry.npmjs.org/@storybook/builder-vite/-/builder-vite-9.1.8.tgz", + "integrity": "sha512-JjvBag0nM1N51O3VF5++op9Ly5OC8Q+y4PrWLgi2dKhMxJFs8fD9D4PeI/v41PUiQcI0suQxN9BoYoKn2QxUZw==", + "dev": true, + "license": "MIT", + "dependencies": { + "@storybook/csf-plugin": "9.1.8", + "ts-dedent": "^2.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/storybook" + }, + "peerDependencies": { + "storybook": "^9.1.8", + "vite": "^5.0.0 || ^6.0.0 || ^7.0.0" + } + }, "node_modules/@storybook/csf": { "version": "0.1.13", "resolved": "https://registry.npmjs.org/@storybook/csf/-/csf-0.1.13.tgz", @@ -4408,6 +4266,23 @@ "type-fest": "^2.19.0" } }, + "node_modules/@storybook/csf-plugin": { + "version": "9.1.8", + "resolved": "https://registry.npmjs.org/@storybook/csf-plugin/-/csf-plugin-9.1.8.tgz", + "integrity": "sha512-KnrXPz87bn+8ZGkzFEBc7TT5HkWpR1Xz7ojxPclSvkKxTfzazuaw0JlOQMzJoI1+wHXDAIw/4MIsO8HEiaWyfQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "unplugin": "^1.3.1" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/storybook" + }, + "peerDependencies": { + "storybook": "^9.1.8" + } + }, "node_modules/@storybook/global": { "version": "5.0.0", "resolved": "https://registry.npmjs.org/@storybook/global/-/global-5.0.0.tgz", @@ -4429,6 +4304,95 @@ "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta" } }, + "node_modules/@storybook/react-dom-shim": { + "version": "9.1.8", + "resolved": "https://registry.npmjs.org/@storybook/react-dom-shim/-/react-dom-shim-9.1.8.tgz", + "integrity": "sha512-OepccjVZh/KQugTH8/RL2CIyf1g5Lwc5ESC8x8BH3iuYc82WMQBwMJzRI5EofQdirau63NGrqkWCgQASoVreEA==", + "dev": true, + "license": "MIT", + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/storybook" + }, + "peerDependencies": { + "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta", + "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta", + "storybook": "^9.1.8" + } + }, + "node_modules/@storybook/svelte": { + "version": "9.1.8", + "resolved": "https://registry.npmjs.org/@storybook/svelte/-/svelte-9.1.8.tgz", + "integrity": "sha512-dNrmhujmptXzgryz+UsOfgmz25p8Ma0hTzbzGIXmXMVA4MCr8W7rQl7g9JuPgUki+rHP7fLkL6oda9AMztyefg==", + "dev": true, + "license": "MIT", + "dependencies": { + "ts-dedent": "^2.0.0", + "type-fest": "~2.19" + }, + "engines": { + "node": ">=20.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/storybook" + }, + "peerDependencies": { + "storybook": "^9.1.8", + "svelte": "^5.0.0" + } + }, + "node_modules/@storybook/svelte-vite": { + "version": "9.1.8", + "resolved": "https://registry.npmjs.org/@storybook/svelte-vite/-/svelte-vite-9.1.8.tgz", + "integrity": "sha512-GOBe0Q95JM3g6MCcVRvnICRNT08GqNVFllD9Xbnn4OrSspe2wIAyN4w/EtOujtG0tQBjzi3hwNjsKeLp42arDA==", + "dev": true, + "license": "MIT", + "dependencies": { + "@storybook/builder-vite": "9.1.8", + "@storybook/svelte": "9.1.8", + "magic-string": "^0.30.0", + "svelte2tsx": "^0.7.35", + "typescript": "^4.9.4 || ^5.0.0" + }, + "engines": { + "node": ">=20.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/storybook" + }, + "peerDependencies": { + "@sveltejs/vite-plugin-svelte": "^2.0.0 || ^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0", + "storybook": "^9.1.8", + "svelte": "^5.0.0", + "vite": "^5.0.0 || ^6.0.0 || ^7.0.0" + } + }, + "node_modules/@storybook/sveltekit": { + "version": "9.1.8", + "resolved": "https://registry.npmjs.org/@storybook/sveltekit/-/sveltekit-9.1.8.tgz", + "integrity": "sha512-vRnQD8/sYBVQeyy4LZYqfA2IA7gbZRHgGgYNo2/OWZpghgcUeLriCjgveh7OuQAIUh810A1xfaULEutDQPc/yw==", + "dev": true, + "license": "MIT", + "dependencies": { + "@storybook/builder-vite": "9.1.8", + "@storybook/svelte": "9.1.8", + "@storybook/svelte-vite": "9.1.8" + }, + "engines": { + "node": ">=20.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/storybook" + }, + "peerDependencies": { + "storybook": "^9.1.8", + "svelte": "^5.0.0", + "vite": "^5.0.0 || ^6.0.0 || ^7.0.0" + } + }, "node_modules/@sveltejs/acorn-typescript": { "version": "1.0.5", "resolved": "https://registry.npmjs.org/@sveltejs/acorn-typescript/-/acorn-typescript-1.0.5.tgz", @@ -21158,6 +21122,42 @@ "dev": true, "license": "MIT" }, + "node_modules/storybook": { + "version": "9.1.8", + "resolved": "https://registry.npmjs.org/storybook/-/storybook-9.1.8.tgz", + "integrity": "sha512-/iP+DvieJ6Mnixy4PFY/KXnhsg/IHIDlTbZqly3EDbveuhsCuIUELfGnj+QSRGf9C6v/f4sZf9sZ3r80ZnKuEA==", + "dev": true, + "license": "MIT", + "dependencies": { + "@storybook/global": "^5.0.0", + "@testing-library/jest-dom": "^6.6.3", + "@testing-library/user-event": "^14.6.1", + "@vitest/expect": "3.2.4", + "@vitest/mocker": "3.2.4", + "@vitest/spy": "3.2.4", + "better-opn": "^3.0.2", + "esbuild": "^0.18.0 || ^0.19.0 || ^0.20.0 || ^0.21.0 || ^0.22.0 || ^0.23.0 || ^0.24.0 || ^0.25.0", + "esbuild-register": "^3.5.0", + "recast": "^0.23.5", + "semver": "^7.6.2", + "ws": "^8.18.0" + }, + "bin": { + "storybook": "bin/index.cjs" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/storybook" + }, + "peerDependencies": { + "prettier": "^2 || ^3" + }, + "peerDependenciesMeta": { + "prettier": { + "optional": true + } + } + }, "node_modules/stream-combiner2": { "version": "1.1.1", "resolved": "https://registry.npmjs.org/stream-combiner2/-/stream-combiner2-1.1.1.tgz",