From 25e2f4c2a77969ec54286d1d33badf3e74c7db34 Mon Sep 17 00:00:00 2001 From: Klink <85062+dogmar@users.noreply.github.com> Date: Fri, 5 Jan 2024 15:36:28 -0800 Subject: [PATCH] feat: Add Light mode support (#1292) --- www/index.html | 13 + www/package.json | 64 +- www/public/app-logo-white.png | Bin 5775 -> 0 bytes www/public/aws-icon.png | Bin 27817 -> 0 bytes www/public/aws.png | Bin 50391 -> 0 bytes www/public/azure.png | Bin 24914 -> 0 bytes www/public/chart.png | Bin 87129 -> 69030 bytes www/public/equinix-metal.png | Bin 5628 -> 0 bytes www/public/header-logo-dark.png | Bin 0 -> 2828 bytes www/public/header-logo-light.png | Bin 0 -> 4287 bytes www/public/kind.png | Bin 85649 -> 46464 bytes www/public/linode.png | Bin 29017 -> 0 bytes .../page-load-spinner-logo.svg | 1 + .../page-load-spinner/page-load-spinner.css | 9 +- .../page-load-spinner/page-load-spinner.js | 2 +- www/public/providers/aws-icon-dark.png | Bin 0 -> 27556 bytes www/public/providers/aws-icon-light.png | Bin 0 -> 39572 bytes www/public/providers/azure-icon.png | Bin 0 -> 22056 bytes www/public/providers/chart-icon.png | Bin 0 -> 23525 bytes www/public/providers/equinix-icon.png | Bin 0 -> 2490 bytes www/public/providers/gcp-icon.png | Bin 0 -> 6091 bytes www/public/providers/kind-icon.png | Bin 0 -> 46464 bytes www/public/providers/linode-icon.png | Bin 0 -> 29541 bytes www/public/terraform.png | Bin 19292 -> 16046 bytes www/src/App.tsx | 86 +- .../_deprecated/components/repos/constants.ts | 23 - www/src/components/Invite.tsx | 4 +- www/src/components/account/DnsRecords.tsx | 16 +- www/src/components/account/Domains.tsx | 28 +- .../billing/BillingLegacyUserMessage.tsx | 5 +- .../account/billing/BillingTrialMessage.tsx | 5 +- www/src/components/app/AppSidenav.tsx | 4 +- www/src/components/audits/AuditUser.tsx | 33 +- www/src/components/cluster/ClusterApp.tsx | 10 +- www/src/components/cluster/misc.tsx | 24 +- www/src/components/constants.ts | 21 - www/src/components/layout/Header.tsx | 70 +- .../layout/NotificationsPanelOverlay.tsx | 2 +- www/src/components/layout/Overlay.tsx | 5 +- www/src/components/layout/Sidebar.tsx | 186 +- www/src/components/layout/Subheader.tsx | 15 +- www/src/components/login/LegacyExpiration.tsx | 2 +- .../marketplace/MarketplaceRepositories.tsx | 7 +- .../marketplace/MarketplaceStacks.tsx | 15 +- .../components/marketplace/RepoCardList.tsx | 6 +- www/src/components/oidc/OAuthConsent.tsx | 6 +- .../overview/ClusterUpgradeInfo.tsx | 14 +- .../overview/clusters/ClusterOwner.tsx | 1 + .../components/overview/clusters/Clusters.tsx | 20 +- .../overview/clusters/UpgradeListItem.tsx | 14 +- .../components/overview/clusters/columns.tsx | 2 - www/src/components/profile/AccessTokens.tsx | 1 - www/src/components/profile/Profile.tsx | 24 +- www/src/components/profile/Security.tsx | 135 +- .../components/repository/RepositoryEdit.tsx | 600 +- .../repository/RepositoryPackages.tsx | 14 +- .../repository/RepositoryPackagesHelm.tsx | 72 +- .../RepositoryPackagesTerraform.tsx | 28 +- .../repository/RepositorySideNav.tsx | 6 +- .../components/repository/RepositoryTests.tsx | 20 +- www/src/components/repository/misc.tsx | 8 + .../packages/docker/ImagePullMetrics.tsx | 33 +- .../packages/docker/ImageVulnerabilities.tsx | 339 +- .../packages/helm/PackageConfiguration.tsx | 4 +- .../packages/helm/PackageDependencies.tsx | 217 +- .../packages/helm/PackageReadme.tsx | 5 +- .../packages/helm/PackageSecurity.tsx | 291 +- .../packages/helm/PackageUpdateQueue.tsx | 6 +- .../components/repository/packages/misc.tsx | 86 +- www/src/components/repository/queries.ts | 2 +- .../shell/onboarding/OnboardingCardButton.tsx | 32 + .../onboarding/sections/cloud/CloudOption.tsx | 61 +- .../sections/cloud/ProviderSelection.tsx | 48 +- .../sections/repository/ProviderSelection.tsx | 101 +- .../sections/welcome/PathOption.tsx | 40 +- www/src/components/shell/terminal/Content.tsx | 5 +- .../components/shell/terminal/NextSteps.tsx | 9 +- www/src/components/utils/ChartTooltip.tsx | 89 + www/src/components/utils/Chloropleth.tsx | 82 +- www/src/components/utils/ClusterPicker.tsx | 2 +- www/src/components/utils/CursorPosition.tsx | 41 + www/src/components/utils/Graph.tsx | 119 +- .../components/utils/IconUploadPreview.tsx | 89 +- .../utils/InstallCommandCopyButton.tsx | 9 +- www/src/components/utils/Link.tsx | 13 +- www/src/components/utils/ProviderIcon.tsx | 90 +- www/src/components/utils/Tabs.tsx | 67 +- www/src/components/utils/TreeGraph.tsx | 65 +- www/src/components/utils/colors.ts | 65 - www/src/components/utils/recipeHelpers.tsx | 19 - www/src/types/global.d.ts | 1 + www/src/types/styled.d.ts | 2 +- www/src/utils/color.ts | 42 + www/tsconfig.eslint.json | 2 +- www/tsconfig.json | 2 +- www/vite.config.ts | 5 - www/yarn.lock | 7062 +++++++++-------- 97 files changed, 5919 insertions(+), 4847 deletions(-) delete mode 100644 www/public/app-logo-white.png delete mode 100644 www/public/aws-icon.png delete mode 100644 www/public/aws.png delete mode 100644 www/public/azure.png delete mode 100644 www/public/equinix-metal.png create mode 100644 www/public/header-logo-dark.png create mode 100644 www/public/header-logo-light.png delete mode 100644 www/public/linode.png create mode 100644 www/public/page-load-spinner/page-load-spinner-logo.svg create mode 100644 www/public/providers/aws-icon-dark.png create mode 100644 www/public/providers/aws-icon-light.png create mode 100644 www/public/providers/azure-icon.png create mode 100644 www/public/providers/chart-icon.png create mode 100644 www/public/providers/equinix-icon.png create mode 100644 www/public/providers/gcp-icon.png create mode 100644 www/public/providers/kind-icon.png create mode 100644 www/public/providers/linode-icon.png create mode 100644 www/src/components/utils/ChartTooltip.tsx create mode 100644 www/src/components/utils/CursorPosition.tsx delete mode 100644 www/src/components/utils/colors.ts create mode 100644 www/src/types/global.d.ts diff --git a/www/index.html b/www/index.html index c7967c259..2c5fd41cf 100644 --- a/www/index.html +++ b/www/index.html @@ -1,6 +1,15 @@ + @@ -128,6 +137,10 @@ body { background-color: #171a21; } + html[data-theme-mode='light'], + html[data-theme-mode='light'] body { + background-color: #f3f5f7; + }