Fix typo + var defined in generated file

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;
 }

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)'

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);

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;
 }