+2
-2
.eslintrc.json
+2
-2
.eslintrc.json
···
2
2
"extends": ["prettier"],
3
3
"overrides": [
4
4
{
5
-
"files": ["**/*.{mjs,ts,tsx}"],
5
+
"files": ["**/*.{js,mjs,ts,tsx}"],
6
6
"extends": ["eslint:recommended"],
7
-
"env": { "jest": true, "es6": true }
7
+
"env": { "jest": true, "es6": true, "browser": true }
8
8
},
9
9
{
10
10
"files": ["**/*.{mjs,ts,tsx,mdx}"],
+3
-6
.storybook/preview.tsx
+3
-6
.storybook/preview.tsx
···
1
1
import NextImage from 'next/image';
2
2
import { withThemeByDataAttribute } from '@storybook/addon-themes';
3
3
import { SiteProvider } from '../providers/siteProvider';
4
-
import { ThemeProvider } from '../providers/themeProvider';
5
4
import { LocaleProvider } from '../providers/localeProvider';
6
5
import { OPEN_SANS_FONT, STORYBOOK_MODES, STORYBOOK_SIZES } from './constants';
7
6
import type { Preview, ReactRenderer } from '@storybook/react';
···
21
20
Story => (
22
21
<SiteProvider>
23
22
<LocaleProvider>
24
-
<ThemeProvider>
25
-
<div className={`${OPEN_SANS_FONT.variable}`}>
26
-
<Story />
27
-
</div>
28
-
</ThemeProvider>
23
+
<div className={`${OPEN_SANS_FONT.variable}`}>
24
+
<Story />
25
+
</div>
29
26
</LocaleProvider>
30
27
</SiteProvider>
31
28
),
-13
public/static/js/legacyMain.js
-13
public/static/js/legacyMain.js
···
2
2
3
3
const setTheme = theme => {
4
4
document.querySelector('html').setAttribute(themeAttr, theme);
5
-
document.body.className = theme;
6
5
window.localStorage.setItem('theme', theme);
7
6
};
8
7
9
8
const preferredColorScheme = window.matchMedia('(prefers-color-scheme: dark)');
10
9
11
10
const getTheme = () => window.localStorage.getItem('theme');
12
-
13
-
const versionIntoHref = (nodeList, filename) => {
14
-
const linkEls = Array.prototype.slice.call(nodeList);
15
-
let version;
16
-
let el;
17
-
18
-
for (let i = 0; i < linkEls.length; i++) {
19
-
version = linkEls[i].getAttribute('data-version');
20
-
el = linkEls[i];
21
-
el.href += filename.replace('%version%', version);
22
-
}
23
-
};
24
11
25
12
const listenLanguagePickerButton = () => {
26
13
const langPickerTogglerElement = document.querySelector(
+1
-1
styles/old/base.css
+1
-1
styles/old/base.css
+1
-8
styles/old/layout/dark-theme.css
+1
-8
styles/old/layout/dark-theme.css
···
1
-
[data-theme='dark'] body,
2
-
body.dark {
1
+
html[data-theme='dark'] {
3
2
background-color: $dark-black;
4
3
color: $white;
5
-
}
6
-
7
-
[data-theme='dark'] body,
8
-
.dark {
9
4
color-scheme: dark;
10
5
11
6
.dark-theme-switcher {
···
23
18
}
24
19
25
20
#main {
26
-
background-color: $dark-black;
27
-
28
21
p,
29
22
h1,
30
23
h2,