Skip to content

Commit 25e2f4c

Browse files
dogmardogmar
authored
feat: Add Light mode support (#1292)
1 parent 6251091 commit 25e2f4c

File tree

97 files changed

+5919
-4847
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

97 files changed

+5919
-4847
lines changed

‎www/index.html‎

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,15 @@
11
<!DOCTYPE html>
22
<html lang="en">
33
<head>
4+
<script>
5+
const key = 'theme-mode'
6+
function setThemeMode() {
7+
const theme = localStorage.getItem(key) || 'dark'
8+
document.documentElement.setAttribute('data-' + key, theme)
9+
}
10+
window.addEventListener('storage', setThemeMode)
11+
setThemeMode()
12+
</script>
413
<meta charset="utf-8" />
514
<meta name="viewport" content="width=device-width, initial-scale=1" />
615
<meta name="theme-color" content="#000b11" />
@@ -128,6 +137,10 @@
128137
body {
129138
background-color: #171a21;
130139
}
140+
html[data-theme-mode='light'],
141+
html[data-theme-mode='light'] body {
142+
background-color: #f3f5f7;
143+
}
131144
</style>
132145
<!-- Cookiebot MUST BE FIRST script -->
133146
<script

‎www/package.json‎

Lines changed: 31 additions & 33 deletions
Original file line numberDiff line numberDiff line change
@@ -44,12 +44,13 @@
4444
"@nivo/geo": "0.83.0",
4545
"@nivo/line": "0.83.0",
4646
"@octokit/core": "4.2.1",
47-
"@pluralsh/design-system": "3.4.1",
48-
"@react-spring/web": "9.7.2",
47+
"@pluralsh/design-system": "3.16.0",
48+
"@react-spring/web": "9.7.3",
4949
"@stripe/react-stripe-js": "2.1.0",
5050
"@stripe/stripe-js": "1.54.0",
5151
"@testing-library/react": "14.0.0",
5252
"apollo-absinthe-upload-link": "1.7.0",
53+
"babel-plugin-styled-components": "2.1.4",
5354
"browserify-zlib": "0.2.0",
5455
"buffer": "6.0.3",
5556
"country-code-lookup": "0.0.23",
@@ -60,7 +61,7 @@
6061
"forge-core": "1.4.6",
6162
"fuse.js": "6.6.2",
6263
"git-url-parse": "13.1.0",
63-
"grommet": "2.32.2",
64+
"grommet": "2.34.2",
6465
"history": "5.3.0",
6566
"honorable": "1.0.0-beta.17",
6667
"honorable-recipe-mp": "0.4.0",
@@ -75,7 +76,6 @@
7576
"process": "0.11.10",
7677
"prop-types": "15.8.1",
7778
"query-string": "8.1.0",
78-
"randomcolor": "0.6.2",
7979
"react": "18.2.0",
8080
"react-animations": "1.0.0",
8181
"react-calendly": "4.1.1",
@@ -108,7 +108,7 @@
108108
"react-virtualized-auto-sizer": "1.0.20",
109109
"react-window": "1.8.9",
110110
"react-window-reversed": "1.4.1",
111-
"rehype-raw": "6.1.1",
111+
"rehype-raw": "7.0.0",
112112
"slate-history": "0.93.0",
113113
"slate-react": "0.95.0",
114114
"stream-browserify": "3.0.0",
@@ -131,51 +131,49 @@
131131
"@graphql-codegen/cli": "4.0.1",
132132
"@graphql-codegen/introspection": "4.0.0",
133133
"@graphql-codegen/named-operations-object": "^2.3.1",
134-
"@graphql-codegen/typescript": "4.0.0",
135-
"@graphql-codegen/typescript-operations": "4.0.0",
136-
"@graphql-codegen/typescript-react-apollo": "3.3.7",
137-
"@pluralsh/eslint-config-typescript": "2.5.84",
138-
"@pluralsh/stylelint-config": "1.1.3",
134+
"@graphql-codegen/typescript": "4.0.1",
135+
"@graphql-codegen/typescript-operations": "4.0.1",
136+
"@graphql-codegen/typescript-react-apollo": "4.1.0",
137+
"@pluralsh/eslint-config-typescript": "2.5.154",
138+
"@pluralsh/stylelint-config": "2.0.10",
139139
"@types/events": "3.0.0",
140-
"@types/jsdom": "21.1.1",
141-
"@types/randomcolor": "0.5.7",
140+
"@types/jsdom": "21.1.5",
142141
"@types/react": "18.2.8",
143142
"@types/react-credit-cards": "0.8.1",
144143
"@types/react-dom": "18.2.4",
145144
"@types/react-stripe-elements": "6.0.6",
146-
"@types/styled-components": "5.1.26",
145+
"@types/styled-components": "5.1.30",
147146
"@types/uuid": "9.0.1",
148-
"@typescript-eslint/eslint-plugin": "5.62.0",
149-
"@typescript-eslint/parser": "5.62.0",
150-
"@vitejs/plugin-basic-ssl": "1.0.1",
151-
"@vitejs/plugin-react": "4.0.0",
152-
"@vitest/ui": "0.34.3",
153-
"babel-plugin-styled-components": "2.1.4",
147+
"@typescript-eslint/eslint-plugin": "6.17.0",
148+
"@typescript-eslint/parser": "6.17.0",
149+
"@vitejs/plugin-basic-ssl": "1.0.2",
150+
"@vitejs/plugin-react": "4.2.1",
151+
"@vitest/ui": "1.0.4",
154152
"concurrently": "8.1.0",
155-
"eslint": "8.42.0",
153+
"eslint": "8.56.0",
156154
"eslint-config-pluralsh": "3.1.0",
157-
"eslint-config-prettier": "8.8.0",
158-
"eslint-plugin-import": "2.27.5",
159-
"eslint-plugin-import-newlines": "1.3.1",
160-
"eslint-plugin-jsx-a11y": "6.7.1",
161-
"eslint-plugin-react": "7.32.2",
155+
"eslint-config-prettier": "8.10.0",
156+
"eslint-plugin-import": "2.29.1",
157+
"eslint-plugin-import-newlines": "1.3.4",
158+
"eslint-plugin-jsx-a11y": "6.8.0",
159+
"eslint-plugin-react": "7.33.2",
162160
"eslint-plugin-react-hooks": "4.6.0",
163161
"husky": "8.0.3",
164-
"jsdom": "22.1.0",
165-
"lint-staged": "13.2.2",
162+
"jsdom": "23.0.1",
163+
"lint-staged": "15.2.0",
166164
"npm-run-all": "4.1.5",
167165
"prettier": "2.8.8",
168166
"rollup-plugin-polyfill-node": "0.12.0",
169167
"serve": "14.2.0",
170168
"source-map-explorer": "2.5.3",
171-
"stylelint": "15.7.0",
169+
"stylelint": "15.11.0",
172170
"stylelint-config-prettier": "9.0.5",
173-
"typescript": "5.2.2",
174-
"vite": "4.4.9",
175-
"vite-plugin-pwa": "0.16.3",
171+
"typescript": "5.3.3",
172+
"vite": "4.5.0",
173+
"vite-plugin-pwa": "0.17.4",
176174
"vite-plugin-rewrite-all": "1.0.1",
177-
"vite-tsconfig-paths": "4.2.0",
178-
"vitest": "0.34.3",
175+
"vite-tsconfig-paths": "4.2.2",
176+
"vitest": "1.1.0",
179177
"wait-on": "7.0.1"
180178
},
181179
"lint-staged": {

‎www/public/app-logo-white.png‎

-5.64 KB
Binary file not shown.

‎www/public/aws-icon.png‎

-27.2 KB
Binary file not shown.

‎www/public/aws.png‎

-49.2 KB
Binary file not shown.

‎www/public/azure.png‎

-24.3 KB
Binary file not shown.

‎www/public/chart.png‎

-17.7 KB
Loading

‎www/public/equinix-metal.png‎

-5.5 KB
Binary file not shown.

‎www/public/header-logo-dark.png‎

2.76 KB
Loading

‎www/public/header-logo-light.png‎

4.19 KB
Loading

0 commit comments

Comments
 (0)