diff --git a/web/components/ui/Sidebar/Sidebar.module.scss b/web/components/ui/Sidebar/Sidebar.module.scss index 06d068422..a2f6719e9 100644 --- a/web/components/ui/Sidebar/Sidebar.module.scss +++ b/web/components/ui/Sidebar/Sidebar.module.scss @@ -1,6 +1,7 @@ .root { background-color: var(--theme-background-secondary); display: none; + --header-h: 64px; } @media (min-width: 768px) { @@ -25,7 +26,7 @@ Only way to target it apparently .chatHeader { text-align: center; - color: var(--text-color-secondry); + color: var(--text-color-secondary); border-bottom: 1px solid var(--color-owncast-gray-700); font-variant: small-caps; } diff --git a/web/style-definitions/tokens/color/antd-overrides.yaml b/web/style-definitions/tokens/color/antd-overrides.yaml index 24c4a858d..e053c01b2 100644 --- a/web/style-definitions/tokens/color/antd-overrides.yaml +++ b/web/style-definitions/tokens/color/antd-overrides.yaml @@ -4,7 +4,7 @@ text-color: value: 'var(--theme-text-color)' -text-color-secondry: +text-color-secondary: value: 'var(--theme-text-color-secondary)' link-color: value: 'var(--theme-link-color)' diff --git a/web/styles/theme.less b/web/styles/theme.less index 9a0d954f5..b24c4204a 100644 --- a/web/styles/theme.less +++ b/web/styles/theme.less @@ -1,9 +1,9 @@ // Do not edit directly -// Generated on Tue, 17 May 2022 02:47:26 GMT +// Generated on Wed, 18 May 2022 00:35:52 GMT @text-color: var(--theme-text-color); -@text-color-secondry: var(--theme-text-color-secondary); +@text-color-secondary: var(--theme-text-color-secondary); @link-color: var(--theme-link-color); @popover-background: #6941c6; @background-color-light: var(--theme-background-secondary); diff --git a/web/styles/variables.css b/web/styles/variables.css index 02f5e46db..afb7a650f 100644 --- a/web/styles/variables.css +++ b/web/styles/variables.css @@ -1,11 +1,11 @@ /** * Do not edit directly - * Generated on Tue, 17 May 2022 02:47:26 GMT + * Generated on Wed, 18 May 2022 00:35:52 GMT */ :root { --text-color: var(--theme-text-color); - --text-color-secondry: var(--theme-text-color-secondary); + --text-color-secondary: var(--theme-text-color-secondary); --link-color: var(--theme-link-color); --popover-background: #6941c6; --background-color-light: var(--theme-background-secondary); @@ -78,9 +78,4 @@ --default-link-color: #6941c6; --default-bg-color: #1b1a26; --default-text-color: #f2f4f7; - - /* Layout variables */ - --header-h: 64px; - --chat-w: 320px; - --chat-input-h: 40.5px; }