diff --git a/web/.storybook/preview.js b/web/.storybook/preview.js index 1fadc6de2..34ed9fa38 100644 --- a/web/.storybook/preview.js +++ b/web/.storybook/preview.js @@ -1,5 +1,7 @@ import '../styles/variables.scss'; import '../styles/global.less'; +import '../styles/theme.less'; +import '../stories/preview.scss'; export const parameters = { actions: { argTypesRegex: '^on[A-Z].*' }, diff --git a/web/pages/_app.tsx b/web/pages/_app.tsx index 81ce6f08d..ad6a37292 100644 --- a/web/pages/_app.tsx +++ b/web/pages/_app.tsx @@ -1,7 +1,7 @@ // order matters! -import '../styles/global.less'; -// import '../styles/globals.scss'; import '../styles/variables.scss'; +import '../styles/global.less'; +import '../styles/globals.scss'; // import '../styles/ant-overrides.scss'; import '../styles/markdown-editor.scss'; diff --git a/web/public/fonts/inter/Inter-Black.woff b/web/public/fonts/inter/Inter-Black.woff new file mode 100644 index 000000000..a18593a09 Binary files /dev/null and b/web/public/fonts/inter/Inter-Black.woff differ diff --git a/web/public/fonts/inter/Inter-Black.woff2 b/web/public/fonts/inter/Inter-Black.woff2 new file mode 100644 index 000000000..68f64c9ed Binary files /dev/null and b/web/public/fonts/inter/Inter-Black.woff2 differ diff --git a/web/public/fonts/inter/Inter-BlackItalic.woff b/web/public/fonts/inter/Inter-BlackItalic.woff new file mode 100644 index 000000000..b6b01943d Binary files /dev/null and b/web/public/fonts/inter/Inter-BlackItalic.woff differ diff --git a/web/public/fonts/inter/Inter-BlackItalic.woff2 b/web/public/fonts/inter/Inter-BlackItalic.woff2 new file mode 100644 index 000000000..1c9c7ca8b Binary files /dev/null and b/web/public/fonts/inter/Inter-BlackItalic.woff2 differ diff --git a/web/public/fonts/inter/Inter-Bold.woff b/web/public/fonts/inter/Inter-Bold.woff new file mode 100644 index 000000000..eaf3d4bfd Binary files /dev/null and b/web/public/fonts/inter/Inter-Bold.woff differ diff --git a/web/public/fonts/inter/Inter-Bold.woff2 b/web/public/fonts/inter/Inter-Bold.woff2 new file mode 100644 index 000000000..2846f29cc Binary files /dev/null and b/web/public/fonts/inter/Inter-Bold.woff2 differ diff --git a/web/public/fonts/inter/Inter-BoldItalic.woff b/web/public/fonts/inter/Inter-BoldItalic.woff new file mode 100644 index 000000000..327507616 Binary files /dev/null and b/web/public/fonts/inter/Inter-BoldItalic.woff differ diff --git a/web/public/fonts/inter/Inter-BoldItalic.woff2 b/web/public/fonts/inter/Inter-BoldItalic.woff2 new file mode 100644 index 000000000..0b1fe8e12 Binary files /dev/null and b/web/public/fonts/inter/Inter-BoldItalic.woff2 differ diff --git a/web/public/fonts/inter/Inter-ExtraBold.woff b/web/public/fonts/inter/Inter-ExtraBold.woff new file mode 100644 index 000000000..c2c17edea Binary files /dev/null and b/web/public/fonts/inter/Inter-ExtraBold.woff differ diff --git a/web/public/fonts/inter/Inter-ExtraBold.woff2 b/web/public/fonts/inter/Inter-ExtraBold.woff2 new file mode 100644 index 000000000..c24c2bdc2 Binary files /dev/null and b/web/public/fonts/inter/Inter-ExtraBold.woff2 differ diff --git a/web/public/fonts/inter/Inter-ExtraBoldItalic.woff b/web/public/fonts/inter/Inter-ExtraBoldItalic.woff new file mode 100644 index 000000000..c42f70526 Binary files /dev/null and b/web/public/fonts/inter/Inter-ExtraBoldItalic.woff differ diff --git a/web/public/fonts/inter/Inter-ExtraBoldItalic.woff2 b/web/public/fonts/inter/Inter-ExtraBoldItalic.woff2 new file mode 100644 index 000000000..4a81dc798 Binary files /dev/null and b/web/public/fonts/inter/Inter-ExtraBoldItalic.woff2 differ diff --git a/web/public/fonts/inter/Inter-ExtraLight.woff b/web/public/fonts/inter/Inter-ExtraLight.woff new file mode 100644 index 000000000..d0de5f397 Binary files /dev/null and b/web/public/fonts/inter/Inter-ExtraLight.woff differ diff --git a/web/public/fonts/inter/Inter-ExtraLight.woff2 b/web/public/fonts/inter/Inter-ExtraLight.woff2 new file mode 100644 index 000000000..f2ea706fa Binary files /dev/null and b/web/public/fonts/inter/Inter-ExtraLight.woff2 differ diff --git a/web/public/fonts/inter/Inter-ExtraLightItalic.woff b/web/public/fonts/inter/Inter-ExtraLightItalic.woff new file mode 100644 index 000000000..81f1a28ef Binary files /dev/null and b/web/public/fonts/inter/Inter-ExtraLightItalic.woff differ diff --git a/web/public/fonts/inter/Inter-ExtraLightItalic.woff2 b/web/public/fonts/inter/Inter-ExtraLightItalic.woff2 new file mode 100644 index 000000000..9af717ba9 Binary files /dev/null and b/web/public/fonts/inter/Inter-ExtraLightItalic.woff2 differ diff --git a/web/public/fonts/inter/Inter-Italic.woff b/web/public/fonts/inter/Inter-Italic.woff new file mode 100644 index 000000000..a806b3820 Binary files /dev/null and b/web/public/fonts/inter/Inter-Italic.woff differ diff --git a/web/public/fonts/inter/Inter-Italic.woff2 b/web/public/fonts/inter/Inter-Italic.woff2 new file mode 100644 index 000000000..a619fc548 Binary files /dev/null and b/web/public/fonts/inter/Inter-Italic.woff2 differ diff --git a/web/public/fonts/inter/Inter-Light.woff b/web/public/fonts/inter/Inter-Light.woff new file mode 100644 index 000000000..c496464d0 Binary files /dev/null and b/web/public/fonts/inter/Inter-Light.woff differ diff --git a/web/public/fonts/inter/Inter-Light.woff2 b/web/public/fonts/inter/Inter-Light.woff2 new file mode 100644 index 000000000..bc4be6658 Binary files /dev/null and b/web/public/fonts/inter/Inter-Light.woff2 differ diff --git a/web/public/fonts/inter/Inter-LightItalic.woff b/web/public/fonts/inter/Inter-LightItalic.woff new file mode 100644 index 000000000..f84a9de35 Binary files /dev/null and b/web/public/fonts/inter/Inter-LightItalic.woff differ diff --git a/web/public/fonts/inter/Inter-LightItalic.woff2 b/web/public/fonts/inter/Inter-LightItalic.woff2 new file mode 100644 index 000000000..842b2dfcb Binary files /dev/null and b/web/public/fonts/inter/Inter-LightItalic.woff2 differ diff --git a/web/public/fonts/inter/Inter-Medium.woff b/web/public/fonts/inter/Inter-Medium.woff new file mode 100644 index 000000000..d546843f2 Binary files /dev/null and b/web/public/fonts/inter/Inter-Medium.woff differ diff --git a/web/public/fonts/inter/Inter-Medium.woff2 b/web/public/fonts/inter/Inter-Medium.woff2 new file mode 100644 index 000000000..f92498a2e Binary files /dev/null and b/web/public/fonts/inter/Inter-Medium.woff2 differ diff --git a/web/public/fonts/inter/Inter-MediumItalic.woff b/web/public/fonts/inter/Inter-MediumItalic.woff new file mode 100644 index 000000000..459a65688 Binary files /dev/null and b/web/public/fonts/inter/Inter-MediumItalic.woff differ diff --git a/web/public/fonts/inter/Inter-MediumItalic.woff2 b/web/public/fonts/inter/Inter-MediumItalic.woff2 new file mode 100644 index 000000000..0e3019f4a Binary files /dev/null and b/web/public/fonts/inter/Inter-MediumItalic.woff2 differ diff --git a/web/public/fonts/inter/Inter-Regular.woff b/web/public/fonts/inter/Inter-Regular.woff new file mode 100644 index 000000000..62d3a6187 Binary files /dev/null and b/web/public/fonts/inter/Inter-Regular.woff differ diff --git a/web/public/fonts/inter/Inter-Regular.woff2 b/web/public/fonts/inter/Inter-Regular.woff2 new file mode 100644 index 000000000..6c2b6893d Binary files /dev/null and b/web/public/fonts/inter/Inter-Regular.woff2 differ diff --git a/web/public/fonts/inter/Inter-SemiBold.woff b/web/public/fonts/inter/Inter-SemiBold.woff new file mode 100644 index 000000000..a815f43a9 Binary files /dev/null and b/web/public/fonts/inter/Inter-SemiBold.woff differ diff --git a/web/public/fonts/inter/Inter-SemiBold.woff2 b/web/public/fonts/inter/Inter-SemiBold.woff2 new file mode 100644 index 000000000..611e90c95 Binary files /dev/null and b/web/public/fonts/inter/Inter-SemiBold.woff2 differ diff --git a/web/public/fonts/inter/Inter-SemiBoldItalic.woff b/web/public/fonts/inter/Inter-SemiBoldItalic.woff new file mode 100644 index 000000000..909e43a97 Binary files /dev/null and b/web/public/fonts/inter/Inter-SemiBoldItalic.woff differ diff --git a/web/public/fonts/inter/Inter-SemiBoldItalic.woff2 b/web/public/fonts/inter/Inter-SemiBoldItalic.woff2 new file mode 100644 index 000000000..545685bd2 Binary files /dev/null and b/web/public/fonts/inter/Inter-SemiBoldItalic.woff2 differ diff --git a/web/public/fonts/inter/Inter-Thin.woff b/web/public/fonts/inter/Inter-Thin.woff new file mode 100644 index 000000000..62bc58cd1 Binary files /dev/null and b/web/public/fonts/inter/Inter-Thin.woff differ diff --git a/web/public/fonts/inter/Inter-Thin.woff2 b/web/public/fonts/inter/Inter-Thin.woff2 new file mode 100644 index 000000000..abbc3a5c9 Binary files /dev/null and b/web/public/fonts/inter/Inter-Thin.woff2 differ diff --git a/web/public/fonts/inter/Inter-ThinItalic.woff b/web/public/fonts/inter/Inter-ThinItalic.woff new file mode 100644 index 000000000..700a7f069 Binary files /dev/null and b/web/public/fonts/inter/Inter-ThinItalic.woff differ diff --git a/web/public/fonts/inter/Inter-ThinItalic.woff2 b/web/public/fonts/inter/Inter-ThinItalic.woff2 new file mode 100644 index 000000000..ab0b2002a Binary files /dev/null and b/web/public/fonts/inter/Inter-ThinItalic.woff2 differ diff --git a/web/public/fonts/inter/Inter-italic.var.woff2 b/web/public/fonts/inter/Inter-italic.var.woff2 new file mode 100644 index 000000000..b826d5af8 Binary files /dev/null and b/web/public/fonts/inter/Inter-italic.var.woff2 differ diff --git a/web/public/fonts/inter/Inter-roman.var.woff2 b/web/public/fonts/inter/Inter-roman.var.woff2 new file mode 100644 index 000000000..6a256a068 Binary files /dev/null and b/web/public/fonts/inter/Inter-roman.var.woff2 differ diff --git a/web/public/fonts/inter/Inter.var.woff2 b/web/public/fonts/inter/Inter.var.woff2 new file mode 100644 index 000000000..365eedc50 Binary files /dev/null and b/web/public/fonts/inter/Inter.var.woff2 differ diff --git a/web/public/fonts/inter/inter.css b/web/public/fonts/inter/inter.css new file mode 100644 index 000000000..f45001012 --- /dev/null +++ b/web/public/fonts/inter/inter.css @@ -0,0 +1,200 @@ +@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/stories/preview.scss b/web/stories/preview.scss new file mode 100644 index 000000000..ba6cbafea --- /dev/null +++ b/web/stories/preview.scss @@ -0,0 +1,4 @@ +html, +body { + font-family: var(--font-family); +} \ No newline at end of file diff --git a/web/styles/globals.scss b/web/styles/globals.scss index f2f0d44ba..72f10f8fb 100644 --- a/web/styles/globals.scss +++ b/web/styles/globals.scss @@ -4,185 +4,182 @@ html, body { padding: 0; margin: 0; - font-family: 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-family: var(--font-family); font-size: 16px; background-color: var(--default-bg-color); color: var(--default-text-color); } -a { - color: inherit; - text-decoration: none; - color: var(--default-link-color); +// a { +// color: inherit; +// text-decoration: none; +// color: var(--default-link-color); - &:hover { - color: var(--default-text-color); - } -} +// &:hover { +// color: var(--default-text-color); +// } +// } -* { - box-sizing: border-box; -} +// * { +// box-sizing: border-box; +// } -p, -p.description, -.description, -.ant-typography { - font-weight: 500; - margin: 1em 0; - color: var(--white-75); -} +// p, +// p.description, +// .description, +// .ant-typography { +// font-weight: 500; +// margin: 1em 0; +// color: var(--white-75); +// } -.description.reduced-margins { - margin-top: 5px; - margin-bottom: 5px; -} +// .description.reduced-margins { +// margin-top: 5px; +// margin-bottom: 5px; +// } -pre { - display: block; - padding: 1rem; - margin: 0.5rem 0; - background-color: var(--code-bg-color); - color: var(--white-50); -} +// pre { +// display: block; +// padding: 1rem; +// margin: 0.5rem 0; +// background-color: var(--code-bg-color); +// color: var(--white-50); +// } -code { - color: var(--code-color); - background-color: var(--white-15); - display: inline-block; - padding: 2px 4px; - border-radius: 4px; - font-size: 0.88em; -} +// code { +// color: var(--code-color); +// background-color: var(--white-15); +// display: inline-block; +// padding: 2px 4px; +// border-radius: 4px; +// font-size: 0.88em; +// } -strong { - font-weight: 600; -} +// strong { +// font-weight: 600; +// } -.logo-svg { - height: 2rem; - width: 2rem; -} +// .logo-svg { +// height: 2rem; +// width: 2rem; +// } -.line-chart-container { - margin: 2em auto; - margin-bottom: 0px; - padding: 1em; - border: 1px solid var(--gray-dark); +// .line-chart-container { +// margin: 2em auto; +// margin-bottom: 0px; +// padding: 1em; +// border: 1px solid var(--gray-dark); - canvas { - max-width: 100%; - } -} +// canvas { +// max-width: 100%; +// } +// } -.form-module { - margin: 1em 0; - background-color: var(--container-bg-color); - padding: 2em; - border-radius: var(--container-border-radius); +// .form-module { +// margin: 1em 0; +// background-color: var(--container-bg-color); +// padding: 2em; +// border-radius: var(--container-border-radius); - h3 { - &:first-of-type { - margin-top: 0; - } - } -} +// h3 { +// &:first-of-type { +// margin-top: 0; +// } +// } +// } -.form-module.disabled { - opacity: 0.4; - cursor: not-allowed; -} +// .form-module.disabled { +// opacity: 0.4; +// cursor: not-allowed; +// } -.row { - display: flex; - flex-direction: row; - justify-content: space-between; - align-items: flex-start; +// .row { +// display: flex; +// flex-direction: row; +// justify-content: space-between; +// align-items: flex-start; - @media (max-width: 980px) { - flex-direction: column; - .form-module { - width: 100%; - } - } -} +// @media (max-width: 980px) { +// flex-direction: column; +// .form-module { +// width: 100%; +// } +// } +// } -input { - &:not(:focus) { - &:invalid { - color: var(--ant-error); - } - } -} +// input { +// &:not(:focus) { +// &:invalid { +// color: var(--ant-error); +// } +// } +// } -.table-container { - .ant-table-tbody > tr > td { - transition: background-color 0.15s; - } - .ant-table-tbody > tr.ant-table-row:hover > td { - background-color: var(--gray); - } - .ant-table-small { - .ant-table-cell { - font-size: 12px; - } - .ant-table-selection-column { - width: 20px; - min-width: 20px; - } - } - .ant-table-row.hidden { - .ant-table-cell { - color: var(--black-35); - } - @media (prefers-color-scheme: dark) { - .ant-table-cell { - color: var(--white-25); - } - } - } - .ant-table-cell { - &.actions-col { - text-align: right; - } - } - td.number-col { - text-align: right; - } -} +// .table-container { +// .ant-table-tbody > tr > td { +// transition: background-color 0.15s; +// } +// .ant-table-tbody > tr.ant-table-row:hover > td { +// background-color: var(--gray); +// } +// .ant-table-small { +// .ant-table-cell { +// font-size: 12px; +// } +// .ant-table-selection-column { +// width: 20px; +// min-width: 20px; +// } +// } +// .ant-table-row.hidden { +// .ant-table-cell { +// color: var(--black-35); +// } +// @media (prefers-color-scheme: dark) { +// .ant-table-cell { +// color: var(--white-25); +// } +// } +// } +// .ant-table-cell { +// &.actions-col { +// text-align: right; +// } +// } +// td.number-col { +// text-align: right; +// } +// } -.ant-tabs-tab { - color: var(--owncast-purple); +// .ant-tabs-tab { +// color: var(--owncast-purple); - .ant-tabs-tab-active { - border-color: var(--nav-selected-text); - } -} +// .ant-tabs-tab-active { +// border-color: var(--nav-selected-text); +// } +// } -.ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn { - color: var(--nav-selected-text); -} +// .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn { +// color: var(--nav-selected-text); +// } -.ant-tabs-ink-bar { - background: var(--nav-selected-text); -} +// .ant-tabs-ink-bar { +// background: var(--nav-selected-text); +// } -#fediverse-post-container { - max-width: 50vw; - width: 100%; +// #fediverse-post-container { +// max-width: 50vw; +// width: 100%; - #fediverse-post-input { - color: var(--white-75); - border-color: var(--owncast-purple); - background-color: var(--default-bg-color); - height: 250px; - } +// #fediverse-post-input { +// color: var(--white-75); +// border-color: var(--owncast-purple); +// background-color: var(--default-bg-color); +// height: 250px; +// } - .ant-input-textarea-show-count::after { - color: var(--owncast-purple); - } -} +// .ant-input-textarea-show-count::after { +// color: var(--owncast-purple); +// } +// } diff --git a/web/styles/theme.less b/web/styles/theme.less index 3490079ca..7be06d259 100644 --- a/web/styles/theme.less +++ b/web/styles/theme.less @@ -36,4 +36,5 @@ @border-radius-base: 2px; // major border radius @border-color-base: #d9d9d9; // major border color @box-shadow-base: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), - 0 9px 28px 8px rgba(0, 0, 0, 0.05); // major shadow for layers \ No newline at end of file + 0 9px 28px 8px rgba(0, 0, 0, 0.05); // major shadow for layers + diff --git a/web/styles/variables.scss b/web/styles/variables.scss index 5fc6adb9f..9da63d404 100644 --- a/web/styles/variables.scss +++ b/web/styles/variables.scss @@ -1,3 +1,5 @@ +@import url('../public/fonts/inter/inter.css'); + // See theme.less for specific Ant Design overrides. :root { // old colors @@ -87,4 +89,8 @@ // --popover-base-color: var(--gray); --tooltip-base-color: var(--gray-medium); + + --font-family: "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'; }