diff --git a/static/web/fonts/inter/Inter-Black.woff b/static/web/fonts/inter/Inter-Black.woff deleted file mode 100644 index a18593a09..000000000 Binary files a/static/web/fonts/inter/Inter-Black.woff and /dev/null differ diff --git a/static/web/fonts/inter/Inter-Black.woff2 b/static/web/fonts/inter/Inter-Black.woff2 deleted file mode 100644 index 68f64c9ed..000000000 Binary files a/static/web/fonts/inter/Inter-Black.woff2 and /dev/null differ diff --git a/static/web/fonts/inter/Inter-BlackItalic.woff b/static/web/fonts/inter/Inter-BlackItalic.woff deleted file mode 100644 index b6b01943d..000000000 Binary files a/static/web/fonts/inter/Inter-BlackItalic.woff and /dev/null differ diff --git a/static/web/fonts/inter/Inter-BlackItalic.woff2 b/static/web/fonts/inter/Inter-BlackItalic.woff2 deleted file mode 100644 index 1c9c7ca8b..000000000 Binary files a/static/web/fonts/inter/Inter-BlackItalic.woff2 and /dev/null differ diff --git a/static/web/fonts/inter/Inter-Bold.woff b/static/web/fonts/inter/Inter-Bold.woff deleted file mode 100644 index eaf3d4bfd..000000000 Binary files a/static/web/fonts/inter/Inter-Bold.woff and /dev/null differ diff --git a/static/web/fonts/inter/Inter-Bold.woff2 b/static/web/fonts/inter/Inter-Bold.woff2 deleted file mode 100644 index 2846f29cc..000000000 Binary files a/static/web/fonts/inter/Inter-Bold.woff2 and /dev/null differ diff --git a/static/web/fonts/inter/Inter-BoldItalic.woff b/static/web/fonts/inter/Inter-BoldItalic.woff deleted file mode 100644 index 327507616..000000000 Binary files a/static/web/fonts/inter/Inter-BoldItalic.woff and /dev/null differ diff --git a/static/web/fonts/inter/Inter-BoldItalic.woff2 b/static/web/fonts/inter/Inter-BoldItalic.woff2 deleted file mode 100644 index 0b1fe8e12..000000000 Binary files a/static/web/fonts/inter/Inter-BoldItalic.woff2 and /dev/null differ diff --git a/static/web/fonts/inter/Inter-ExtraBold.woff b/static/web/fonts/inter/Inter-ExtraBold.woff deleted file mode 100644 index c2c17edea..000000000 Binary files a/static/web/fonts/inter/Inter-ExtraBold.woff and /dev/null differ diff --git a/static/web/fonts/inter/Inter-ExtraBold.woff2 b/static/web/fonts/inter/Inter-ExtraBold.woff2 deleted file mode 100644 index c24c2bdc2..000000000 Binary files a/static/web/fonts/inter/Inter-ExtraBold.woff2 and /dev/null differ diff --git a/static/web/fonts/inter/Inter-ExtraBoldItalic.woff b/static/web/fonts/inter/Inter-ExtraBoldItalic.woff deleted file mode 100644 index c42f70526..000000000 Binary files a/static/web/fonts/inter/Inter-ExtraBoldItalic.woff and /dev/null differ diff --git a/static/web/fonts/inter/Inter-ExtraBoldItalic.woff2 b/static/web/fonts/inter/Inter-ExtraBoldItalic.woff2 deleted file mode 100644 index 4a81dc798..000000000 Binary files a/static/web/fonts/inter/Inter-ExtraBoldItalic.woff2 and /dev/null differ diff --git a/static/web/fonts/inter/Inter-ExtraLight.woff b/static/web/fonts/inter/Inter-ExtraLight.woff deleted file mode 100644 index d0de5f397..000000000 Binary files a/static/web/fonts/inter/Inter-ExtraLight.woff and /dev/null differ diff --git a/static/web/fonts/inter/Inter-ExtraLight.woff2 b/static/web/fonts/inter/Inter-ExtraLight.woff2 deleted file mode 100644 index f2ea706fa..000000000 Binary files a/static/web/fonts/inter/Inter-ExtraLight.woff2 and /dev/null differ diff --git a/static/web/fonts/inter/Inter-ExtraLightItalic.woff b/static/web/fonts/inter/Inter-ExtraLightItalic.woff deleted file mode 100644 index 81f1a28ef..000000000 Binary files a/static/web/fonts/inter/Inter-ExtraLightItalic.woff and /dev/null differ diff --git a/static/web/fonts/inter/Inter-ExtraLightItalic.woff2 b/static/web/fonts/inter/Inter-ExtraLightItalic.woff2 deleted file mode 100644 index 9af717ba9..000000000 Binary files a/static/web/fonts/inter/Inter-ExtraLightItalic.woff2 and /dev/null differ diff --git a/static/web/fonts/inter/Inter-Italic.woff b/static/web/fonts/inter/Inter-Italic.woff deleted file mode 100644 index a806b3820..000000000 Binary files a/static/web/fonts/inter/Inter-Italic.woff and /dev/null differ diff --git a/static/web/fonts/inter/Inter-Italic.woff2 b/static/web/fonts/inter/Inter-Italic.woff2 deleted file mode 100644 index a619fc548..000000000 Binary files a/static/web/fonts/inter/Inter-Italic.woff2 and /dev/null differ diff --git a/static/web/fonts/inter/Inter-Light.woff b/static/web/fonts/inter/Inter-Light.woff deleted file mode 100644 index c496464d0..000000000 Binary files a/static/web/fonts/inter/Inter-Light.woff and /dev/null differ diff --git a/static/web/fonts/inter/Inter-Light.woff2 b/static/web/fonts/inter/Inter-Light.woff2 deleted file mode 100644 index bc4be6658..000000000 Binary files a/static/web/fonts/inter/Inter-Light.woff2 and /dev/null differ diff --git a/static/web/fonts/inter/Inter-LightItalic.woff b/static/web/fonts/inter/Inter-LightItalic.woff deleted file mode 100644 index f84a9de35..000000000 Binary files a/static/web/fonts/inter/Inter-LightItalic.woff and /dev/null differ diff --git a/static/web/fonts/inter/Inter-LightItalic.woff2 b/static/web/fonts/inter/Inter-LightItalic.woff2 deleted file mode 100644 index 842b2dfcb..000000000 Binary files a/static/web/fonts/inter/Inter-LightItalic.woff2 and /dev/null differ diff --git a/static/web/fonts/inter/Inter-Medium.woff b/static/web/fonts/inter/Inter-Medium.woff deleted file mode 100644 index d546843f2..000000000 Binary files a/static/web/fonts/inter/Inter-Medium.woff and /dev/null differ diff --git a/static/web/fonts/inter/Inter-Medium.woff2 b/static/web/fonts/inter/Inter-Medium.woff2 deleted file mode 100644 index f92498a2e..000000000 Binary files a/static/web/fonts/inter/Inter-Medium.woff2 and /dev/null differ diff --git a/static/web/fonts/inter/Inter-MediumItalic.woff b/static/web/fonts/inter/Inter-MediumItalic.woff deleted file mode 100644 index 459a65688..000000000 Binary files a/static/web/fonts/inter/Inter-MediumItalic.woff and /dev/null differ diff --git a/static/web/fonts/inter/Inter-MediumItalic.woff2 b/static/web/fonts/inter/Inter-MediumItalic.woff2 deleted file mode 100644 index 0e3019f4a..000000000 Binary files a/static/web/fonts/inter/Inter-MediumItalic.woff2 and /dev/null differ diff --git a/static/web/fonts/inter/Inter-Regular.woff b/static/web/fonts/inter/Inter-Regular.woff deleted file mode 100644 index 62d3a6187..000000000 Binary files a/static/web/fonts/inter/Inter-Regular.woff and /dev/null differ diff --git a/static/web/fonts/inter/Inter-Regular.woff2 b/static/web/fonts/inter/Inter-Regular.woff2 deleted file mode 100644 index 6c2b6893d..000000000 Binary files a/static/web/fonts/inter/Inter-Regular.woff2 and /dev/null differ diff --git a/static/web/fonts/inter/Inter-SemiBold.woff b/static/web/fonts/inter/Inter-SemiBold.woff deleted file mode 100644 index a815f43a9..000000000 Binary files a/static/web/fonts/inter/Inter-SemiBold.woff and /dev/null differ diff --git a/static/web/fonts/inter/Inter-SemiBold.woff2 b/static/web/fonts/inter/Inter-SemiBold.woff2 deleted file mode 100644 index 611e90c95..000000000 Binary files a/static/web/fonts/inter/Inter-SemiBold.woff2 and /dev/null differ diff --git a/static/web/fonts/inter/Inter-SemiBoldItalic.woff b/static/web/fonts/inter/Inter-SemiBoldItalic.woff deleted file mode 100644 index 909e43a97..000000000 Binary files a/static/web/fonts/inter/Inter-SemiBoldItalic.woff and /dev/null differ diff --git a/static/web/fonts/inter/Inter-SemiBoldItalic.woff2 b/static/web/fonts/inter/Inter-SemiBoldItalic.woff2 deleted file mode 100644 index 545685bd2..000000000 Binary files a/static/web/fonts/inter/Inter-SemiBoldItalic.woff2 and /dev/null differ diff --git a/static/web/fonts/inter/Inter-Thin.woff b/static/web/fonts/inter/Inter-Thin.woff deleted file mode 100644 index 62bc58cd1..000000000 Binary files a/static/web/fonts/inter/Inter-Thin.woff and /dev/null differ diff --git a/static/web/fonts/inter/Inter-Thin.woff2 b/static/web/fonts/inter/Inter-Thin.woff2 deleted file mode 100644 index abbc3a5c9..000000000 Binary files a/static/web/fonts/inter/Inter-Thin.woff2 and /dev/null differ diff --git a/static/web/fonts/inter/Inter-ThinItalic.woff b/static/web/fonts/inter/Inter-ThinItalic.woff deleted file mode 100644 index 700a7f069..000000000 Binary files a/static/web/fonts/inter/Inter-ThinItalic.woff and /dev/null differ diff --git a/static/web/fonts/inter/Inter-ThinItalic.woff2 b/static/web/fonts/inter/Inter-ThinItalic.woff2 deleted file mode 100644 index ab0b2002a..000000000 Binary files a/static/web/fonts/inter/Inter-ThinItalic.woff2 and /dev/null differ diff --git a/static/web/fonts/inter/Inter-italic.var.woff2 b/static/web/fonts/inter/Inter-italic.var.woff2 deleted file mode 100644 index b826d5af8..000000000 Binary files a/static/web/fonts/inter/Inter-italic.var.woff2 and /dev/null differ diff --git a/static/web/fonts/inter/Inter-roman.var.woff2 b/static/web/fonts/inter/Inter-roman.var.woff2 deleted file mode 100644 index 6a256a068..000000000 Binary files a/static/web/fonts/inter/Inter-roman.var.woff2 and /dev/null differ diff --git a/static/web/fonts/inter/Inter.var.woff2 b/static/web/fonts/inter/Inter.var.woff2 deleted file mode 100644 index 365eedc50..000000000 Binary files a/static/web/fonts/inter/Inter.var.woff2 and /dev/null differ diff --git a/static/web/fonts/inter/inter.css b/static/web/fonts/inter/inter.css deleted file mode 100644 index d92263820..000000000 --- a/static/web/fonts/inter/inter.css +++ /dev/null @@ -1,197 +0,0 @@ -@font-face { - font-family: 'Inter'; - font-style: normal; - font-weight: 100; - font-display: swap; - src: url('Inter-Thin.woff2?v=3.19') format('woff2'), url('Inter-Thin.woff?v=3.19') format('woff'); -} -@font-face { - font-family: 'Inter'; - font-style: italic; - font-weight: 100; - font-display: swap; - src: url('Inter-ThinItalic.woff2?v=3.19') format('woff2'), - url('Inter-ThinItalic.woff?v=3.19') format('woff'); -} - -@font-face { - font-family: 'Inter'; - font-style: normal; - font-weight: 200; - font-display: swap; - src: url('Inter-ExtraLight.woff2?v=3.19') format('woff2'), - url('Inter-ExtraLight.woff?v=3.19') format('woff'); -} -@font-face { - font-family: 'Inter'; - font-style: italic; - font-weight: 200; - font-display: swap; - src: url('Inter-ExtraLightItalic.woff2?v=3.19') format('woff2'), - url('Inter-ExtraLightItalic.woff?v=3.19') format('woff'); -} - -@font-face { - font-family: 'Inter'; - font-style: normal; - font-weight: 300; - font-display: swap; - src: url('Inter-Light.woff2?v=3.19') format('woff2'), - url('Inter-Light.woff?v=3.19') format('woff'); -} -@font-face { - font-family: 'Inter'; - font-style: italic; - font-weight: 300; - font-display: swap; - src: url('Inter-LightItalic.woff2?v=3.19') format('woff2'), - url('Inter-LightItalic.woff?v=3.19') format('woff'); -} - -@font-face { - font-family: 'Inter'; - font-style: normal; - font-weight: 400; - font-display: swap; - src: url('Inter-Regular.woff2?v=3.19') format('woff2'), - url('Inter-Regular.woff?v=3.19') format('woff'); -} -@font-face { - font-family: 'Inter'; - font-style: italic; - font-weight: 400; - font-display: swap; - src: url('Inter-Italic.woff2?v=3.19') format('woff2'), - url('Inter-Italic.woff?v=3.19') format('woff'); -} - -@font-face { - font-family: 'Inter'; - font-style: normal; - font-weight: 500; - font-display: swap; - src: url('Inter-Medium.woff2?v=3.19') format('woff2'), - url('Inter-Medium.woff?v=3.19') format('woff'); -} -@font-face { - font-family: 'Inter'; - font-style: italic; - font-weight: 500; - font-display: swap; - src: url('Inter-MediumItalic.woff2?v=3.19') format('woff2'), - url('Inter-MediumItalic.woff?v=3.19') format('woff'); -} - -@font-face { - font-family: 'Inter'; - font-style: normal; - font-weight: 600; - font-display: swap; - src: url('Inter-SemiBold.woff2?v=3.19') format('woff2'), - url('Inter-SemiBold.woff?v=3.19') format('woff'); -} -@font-face { - font-family: 'Inter'; - font-style: italic; - font-weight: 600; - font-display: swap; - src: url('Inter-SemiBoldItalic.woff2?v=3.19') format('woff2'), - url('Inter-SemiBoldItalic.woff?v=3.19') format('woff'); -} - -@font-face { - font-family: 'Inter'; - font-style: normal; - font-weight: 700; - font-display: swap; - src: url('Inter-Bold.woff2?v=3.19') format('woff2'), url('Inter-Bold.woff?v=3.19') format('woff'); -} -@font-face { - font-family: 'Inter'; - font-style: italic; - font-weight: 700; - font-display: swap; - src: url('Inter-BoldItalic.woff2?v=3.19') format('woff2'), - url('Inter-BoldItalic.woff?v=3.19') format('woff'); -} - -@font-face { - font-family: 'Inter'; - font-style: normal; - font-weight: 800; - font-display: swap; - src: url('Inter-ExtraBold.woff2?v=3.19') format('woff2'), - url('Inter-ExtraBold.woff?v=3.19') format('woff'); -} -@font-face { - font-family: 'Inter'; - font-style: italic; - font-weight: 800; - font-display: swap; - src: url('Inter-ExtraBoldItalic.woff2?v=3.19') format('woff2'), - url('Inter-ExtraBoldItalic.woff?v=3.19') format('woff'); -} - -@font-face { - font-family: 'Inter'; - font-style: normal; - font-weight: 900; - font-display: swap; - src: url('Inter-Black.woff2?v=3.19') format('woff2'), - url('Inter-Black.woff?v=3.19') format('woff'); -} -@font-face { - font-family: 'Inter'; - font-style: italic; - font-weight: 900; - font-display: swap; - src: url('Inter-BlackItalic.woff2?v=3.19') format('woff2'), - url('Inter-BlackItalic.woff?v=3.19') format('woff'); -} - -/* ------------------------------------------------------- -Variable font. -Usage: - - html { font-family: 'Inter', sans-serif; } - @supports (font-variation-settings: normal) { - html { font-family: 'Inter var', sans-serif; } - } -*/ -@font-face { - font-family: 'Inter var'; - font-weight: 100 900; - font-display: swap; - font-style: normal; - font-named-instance: 'Regular'; - src: url('Inter-roman.var.woff2?v=3.19') format('woff2'); -} -@font-face { - font-family: 'Inter var'; - font-weight: 100 900; - font-display: swap; - font-style: italic; - font-named-instance: 'Italic'; - src: url('Inter-italic.var.woff2?v=3.19') format('woff2'); -} - -/* -------------------------------------------------------------------------- -[EXPERIMENTAL] Multi-axis, single variable font. - -Slant axis is not yet widely supported (as of February 2019) and thus this -multi-axis single variable font is opt-in rather than the default. - -When using this, you will probably need to set font-variation-settings -explicitly, e.g. - - * { font-variation-settings: "slnt" 0deg } - .italic { font-variation-settings: "slnt" 10deg } - -*/ -@font-face { - font-family: 'Inter var experimental'; - font-weight: 100 900; - font-display: swap; - font-style: oblique 0deg 10deg; - src: url('Inter.var.woff2?v=3.19') format('woff2'); -} diff --git a/web/package-lock.json b/web/package-lock.json index b951f211a..c6de75a45 100644 --- a/web/package-lock.json +++ b/web/package-lock.json @@ -14,7 +14,7 @@ "@codemirror/lang-javascript": "^6.1.2", "@codemirror/lang-markdown": "6.1.1", "@codemirror/language-data": "6.2.1", - "@fontsource/open-sans": "4.5.14", + "@fontsource/inter": "^4.5.15", "@fontsource/poppins": "4.5.10", "@next/bundle-analyzer": "^13.1.1", "@uiw/codemirror-theme-bbedit": "4.19.16", @@ -2631,10 +2631,10 @@ "react": "^16.14.0 || ^17.0.0 || ^18.0.0" } }, - "node_modules/@fontsource/open-sans": { - "version": "4.5.14", - "resolved": "https://registry.npmjs.org/@fontsource/open-sans/-/open-sans-4.5.14.tgz", - "integrity": "sha512-mBXIIETBlW8q/ocuUN0hyGow2iuf75hQEHQt8R/RJ/HcphVbLg8KB7pHYGbFGDqs75W+SWvTC7JkVeAjT65BuQ==" + "node_modules/@fontsource/inter": { + "version": "4.5.15", + "resolved": "https://registry.npmjs.org/@fontsource/inter/-/inter-4.5.15.tgz", + "integrity": "sha512-FzleM9AxZQK2nqsTDtBiY0PMEVWvnKnuu2i09+p6DHvrHsuucoV2j0tmw+kAT3L4hvsLdAIDv6MdGehsPIdT+Q==" }, "node_modules/@fontsource/poppins": { "version": "4.5.10", diff --git a/web/package.json b/web/package.json index dcb3b240e..9516d726a 100644 --- a/web/package.json +++ b/web/package.json @@ -19,7 +19,7 @@ "@codemirror/lang-javascript": "^6.1.2", "@codemirror/lang-markdown": "6.1.1", "@codemirror/language-data": "6.2.1", - "@fontsource/open-sans": "4.5.14", + "@fontsource/inter": "^4.5.15", "@fontsource/poppins": "4.5.10", "@next/bundle-analyzer": "^13.1.1", "@uiw/codemirror-theme-bbedit": "4.19.16", @@ -123,4 +123,4 @@ "ts-jest": "^29.1.0", "typescript": "4.9.5" } -} \ No newline at end of file +} diff --git a/web/style-definitions/tokens/color/owncast-colors.yaml b/web/style-definitions/tokens/color/owncast-colors.yaml index 5ff646be9..e7dfe85f8 100644 --- a/web/style-definitions/tokens/color/owncast-colors.yaml +++ b/web/style-definitions/tokens/color/owncast-colors.yaml @@ -90,7 +90,7 @@ color: font: owncast: body: - value: "'Open Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, + value: "'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'" display: diff --git a/web/styles/globals.scss b/web/styles/globals.scss index e5bed09ee..8a1cddf75 100644 --- a/web/styles/globals.scss +++ b/web/styles/globals.scss @@ -1,7 +1,7 @@ -@import '@fontsource/open-sans/300.css'; -@import '@fontsource/open-sans/400.css'; -@import '@fontsource/open-sans/600.css'; -@import '@fontsource/open-sans/800.css'; +@import '@fontsource/inter/300.css'; +@import '@fontsource/inter/400.css'; +@import '@fontsource/inter/600.css'; +@import '@fontsource/inter/800.css'; @import '@fontsource/poppins/400.css'; @import '@fontsource/poppins/600.css'; @import './mixins.scss'; diff --git a/web/styles/theme.less b/web/styles/theme.less index 88ca12fde..7a3a5d8ce 100644 --- a/web/styles/theme.less +++ b/web/styles/theme.less @@ -1,6 +1,6 @@ // Do not edit directly -// Generated on Sat, 01 Apr 2023 04:45:16 GMT +// Generated on Sun, 23 Apr 2023 00:45:01 GMT // // How to edit these values: // Edit the corresponding token file under the style-definitions directory @@ -131,5 +131,5 @@ @color-owncast-palette-15: #eff1f4; // Lighter background @color-owncast-palette-error: #ff4b39; // Error @color-owncast-palette-warning: #ffc655; // Warning -@font-owncast-body: 'Open Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; +@font-owncast-body: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; @font-owncast-display: 'Poppins', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; \ No newline at end of file diff --git a/web/styles/variables.css b/web/styles/variables.css index a45127cff..3d1291931 100644 --- a/web/styles/variables.css +++ b/web/styles/variables.css @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Sat, 01 Apr 2023 04:45:16 GMT + * Generated on Sun, 23 Apr 2023 00:45:01 GMT * * How to edit these values: * Edit the corresponding token file under the style-definitions directory @@ -35,12 +35,8 @@ --theme-rounded-corners: 9px; /* How much corners are rounded in places in the UI. */ --theme-unknown-1: green; /* This should never be used and it means something is wrong. */ --theme-unknown-2: red; /* This should never be used and it means something is wrong. */ - --theme-text-body-font-family: var( - --font-owncast-body - ); /* The font family used for the body text. */ - --theme-text-display-font-family: var( - --font-owncast-display - ); /* The font family used for the display/header text. */ + --theme-text-body-font-family: var(--font-owncast-body); /* The font family used for the body text. */ + --theme-text-display-font-family: var(--font-owncast-display); /* The font family used for the display/header text. */ --theme-color-users-0: var(--color-owncast-user-0); --theme-color-users-1: var(--color-owncast-user-1); --theme-color-users-2: var(--color-owncast-user-2); @@ -77,72 +73,38 @@ --theme-color-warning: var(--theme-color-palette-warning); /* Warning */ --theme-color-components-text-on-light: var(--theme-color-palette-0); /* Dark primary */ --theme-color-components-text-on-dark: var(--theme-color-palette-3); /* Light primary */ - --theme-color-components-primary-button-background: var( - --theme-color-action - ); /* Text link/secondary light text */ - --theme-color-components-primary-button-background-disabled: var( - --theme-color-action-disabled - ); /* Disabled background */ + --theme-color-components-primary-button-background: var(--theme-color-action); /* Text link/secondary light text */ + --theme-color-components-primary-button-background-disabled: var(--theme-color-action-disabled); /* Disabled background */ --theme-color-components-primary-button-text: var(--theme-color-palette-4); /* Light secondary */ - --theme-color-components-primary-button-text-disabled: var( - --theme-color-palette-10 - ); /* Neutral gray light */ + --theme-color-components-primary-button-text-disabled: var(--theme-color-palette-10); /* Neutral gray light */ --theme-color-components-primary-button-border: var(--theme-color-action); /* Light secondary */ - --theme-color-components-primary-button-border-disabled: var( - --theme-color-action-disabled - ); /* Disabled background */ - --theme-color-components-secondary-button-background: var( - --theme-color-palette-4 - ); /* Light secondary */ + --theme-color-components-primary-button-border-disabled: var(--theme-color-action-disabled); /* Disabled background */ + --theme-color-components-secondary-button-background: var(--theme-color-palette-4); /* Light secondary */ --theme-color-components-secondary-button-background-disabled: transparent; - --theme-color-components-secondary-button-text: var( - --theme-color-action-disabled - ); /* Disabled background */ - --theme-color-components-secondary-button-text-disabled: var( - --theme-color-action-disabled - ); /* Disabled background */ - --theme-color-components-secondary-button-border: var( - --theme-color-action - ); /* Text link/secondary light text */ - --theme-color-components-secondary-button-border-disabled: var( - --theme-color-action-disabled - ); /* Disabled background */ + --theme-color-components-secondary-button-text: var(--theme-color-action-disabled); /* Disabled background */ + --theme-color-components-secondary-button-text-disabled: var(--theme-color-action-disabled); /* Disabled background */ + --theme-color-components-secondary-button-border: var(--theme-color-action); /* Text link/secondary light text */ + --theme-color-components-secondary-button-border-disabled: var(--theme-color-action-disabled); /* Disabled background */ --theme-color-components-chat-background: var(--theme-color-palette-1); /* Dark primary */ --theme-color-components-chat-text: var(--theme-color-palette-15); /* Lighter background */ - --theme-color-components-content-background: var( - --theme-color-palette-15 - ); /* Lighter background */ - --theme-color-components-modal-header-background: var( - --theme-color-palette-1 - ); /* Dark secondary */ + --theme-color-components-content-background: var(--theme-color-palette-15); /* Lighter background */ + --theme-color-components-modal-header-background: var(--theme-color-palette-1); /* Dark secondary */ --theme-color-components-modal-header-text: var(--theme-color-palette-3); /* Light primary */ - --theme-color-components-modal-content-background: var( - --theme-color-palette-3 - ); /* Light primary */ + --theme-color-components-modal-content-background: var(--theme-color-palette-3); /* Light primary */ --theme-color-components-modal-content-text: var(--theme-color-palette-0); /* Dark primary */ --theme-color-components-menu-background: var(--theme-color-palette-3); /* Light primary */ --theme-color-components-menu-item-text: var(--theme-color-palette-0); /* Dark primary */ --theme-color-components-menu-item-bg: transparent; --theme-color-components-menu-item-hover-bg: rgba(0, 0, 0, 0.05); --theme-color-components-menu-item-focus-bg: rgba(0, 0, 0, 0.1); - --theme-color-components-form-field-background: var( - --theme-color-palette-4 - ); /* Light secondary */ - --theme-color-components-form-field-placeholder: var( - --theme-color-action-disabled - ); /* Disabled background */ + --theme-color-components-form-field-background: var(--theme-color-palette-4); /* Light secondary */ + --theme-color-components-form-field-placeholder: var(--theme-color-action-disabled); /* Disabled background */ --theme-color-components-form-field-text: var(--theme-color-palette-0); /* Dark primary */ --theme-color-components-form-field-border: var(--theme-color-palette-0); /* Dark primary */ --theme-color-components-video-background: var(--theme-color-palette-2); /* Dark alternate */ - --theme-color-components-video-live-indicator: var( - --theme-color-action - ); /* The Live dot indicator in the control bar of the video player */ - --theme-color-components-video-status-bar-background: var( - --theme-color-palette-2 - ); /* The background color of the video status bar */ - --theme-color-components-video-status-bar-foreground: var( - --theme-color-palette-4 - ); /* The foreground color of the video status bar */ + --theme-color-components-video-live-indicator: var(--theme-color-action); /* The Live dot indicator in the control bar of the video player */ + --theme-color-components-video-status-bar-background: var(--theme-color-palette-2); /* The background color of the video status bar */ + --theme-color-components-video-status-bar-foreground: var(--theme-color-palette-4); /* The foreground color of the video status bar */ --color-unknown: #7a5cf3; --color-unknown-2: #fffffe; --color-owncast-user-0: #ff717b; @@ -171,10 +133,6 @@ --color-owncast-palette-15: #eff1f4; /* Lighter background */ --color-owncast-palette-error: #ff4b39; /* Error */ --color-owncast-palette-warning: #ffc655; /* Warning */ - --font-owncast-body: 'Open Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, - 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', - 'Segoe UI Symbol', 'Noto Color Emoji'; - --font-owncast-display: 'Poppins', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', - Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', - 'Segoe UI Symbol', 'Noto Color Emoji'; + --font-owncast-body: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; + --font-owncast-display: 'Poppins', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; }