Fix web project build errors

web/style-definitions/tokens/color/antd-overrides.yaml

@@ -2,33 +2,33 @@
 # You can find the variable names to override at:
 # https://github.com/ant-design/ant-design/blob/master/components/style/themes/dark.less
 
-text-color: 
-  value: "var(--theme-text-color)"
+text-color:
+  value: 'var(--theme-text-color)'
 text-color-secondry:
-  value: "var(--theme-text-color-secondary)"
+  value: 'var(--theme-text-color-secondary)'
 link-color:
-  value: "var(--theme-link-color)"
+  value: 'var(--theme-link-color)'
 popover-background:
-  value: "var(--theme-background)"
+  value: 'var(--theme-background)'
 background-color-light:
-  value: "var(--theme-background-secondary)"
+  value: 'var(--theme-background-secondary)'
 
 # These values require explicit colors and cannot take css variables.
-primary-color: 
-  value: "{color.owncast.purple.500.value}"
+primary-color:
+  value: '{color.owncast.purple.500.value}'
 info-color:
-  value: "{color.owncast.gray.500.value}"
+  value: '{color.owncast.gray.500.value}'
 success-color:
-  value: "{color.owncast.green.500.value}"
+  value: '{color.owncast.green.500.value}'
 warning-color:
-  value: "{color.owncast.orange.500.value}"
+  value: '{color.owncast.orange.500.value}'
 error-color:
-  value: "{color.owncast.red.500.value}"
+  value: '{color.owncast.red.500.value}'
 purple-base:
-  value: "{color.owncast.purple.500.value}"
+  value: '{color.owncast.purple.500.value}'
 green-base:
-  value: "{color.owncast.green.500.value}"
+  value: '{color.owncast.green.500.value}'
 red-base:
-  value: "{color.owncast.red.500.value}"
+  value: '{color.owncast.red.500.value}'
 orange-base:
-  value: "{color.owncast.orange.500.value}"
+  value: '{color.owncast.orange.500.value}'

web/style-definitions/tokens/color/default-theme.yaml

@@ -5,32 +5,32 @@
 
 theme:
   primary-color:
-    value: "{color.owncast.purple.500.value}"
-    comment: "The primary color of the application used for rendering controls."
+    value: '{color.owncast.purple.500.value}'
+    comment: 'The primary color of the application used for rendering controls.'
   text-color:
-    value: "{color.owncast.gray.300.value}"
-    comment: "The color of the text in the application."
+    value: '{color.owncast.gray.300.value}'
+    comment: 'The color of the text in the application.'
   text-color-secondary:
-    value: "{color.owncast.gray.500.value}"
+    value: '{color.owncast.gray.500.value}'
   link-color:
-    value: "{color.owncast.purple.500.value}"
+    value: '{color.owncast.purple.500.value}'
   font-family:
-    value: "{font.owncast.family.value}"
+    value: '{font.owncast.family.value}'
   background:
-    value: "{color.owncast.background.value}"
-    comment: "The main background color of the page."
+    value: '{color.owncast.background.value}'
+    comment: 'The main background color of the page.'
   background-secondary:
-    value: "{color.owncast.background-secondary.value}"
-    comment: "A secondary background color used in sections and controls."
+    value: '{color.owncast.background-secondary.value}'
+    comment: 'A secondary background color used in sections and controls.'
   rounded-corners:
-    value: "5px"
-    comment: "The radius of rounded corners used in places."
+    value: '5px'
+    comment: 'The radius of rounded corners used in places.'
 
   success-color:
-    value: "{color.owncast.green.500.value}"
+    value: '{color.owncast.green.500.value}'
   info-color:
-    value: "{color.owncast.purple.300.value}"
+    value: '{color.owncast.purple.300.value}'
   warning-color:
-    value: "{color.owncast.orange.500.value}"
+    value: '{color.owncast.orange.500.value}'
   error-color:
-    value: "{color.owncast.red.500.value}"
+    value: '{color.owncast.red.500.value}'

web/style-definitions/tokens/color/owncast-colors.yaml

@@ -4,79 +4,79 @@ color:
   owncast:
     purple:
       100:
-        value: "#f4ebff"
+        value: '#f4ebff'
       300:
-        value: "#d6bbfb"
+        value: '#d6bbfb'
       500:
-        value: "#9e77ed"
+        value: '#9e77ed'
       700:
-        value: "#6941c6"
+        value: '#6941c6'
       900:
-        value: "#42307d"
+        value: '#42307d'
 
     green:
       100:
-        value: "#d15ad5"
+        value: '#d15ad5'
       300:
-        value: "#6ce9a6"
+        value: '#6ce9a6'
       500:
-        value: "#12b76a"
+        value: '#12b76a'
       700:
-        value: "#027a48"
+        value: '#027a48'
       900:
-        value: "#054f31"
+        value: '#054f31'
 
     red:
       100:
-        value: "#fee4e2"
+        value: '#fee4e2'
       300:
-        value: "#fda29b"
+        value: '#fda29b'
       500:
-        value: "#f04438"
+        value: '#f04438'
       700:
-        value: "#b42318"
+        value: '#b42318'
       900:
-        value: "#7a271a"
+        value: '#7a271a'
 
     orange:
       100:
-        value: "#fef0c7"
+        value: '#fef0c7'
       300:
-        value: "#fec84b"
+        value: '#fec84b'
       500:
-        value: "#f79009"
+        value: '#f79009'
       700:
-        value: "#b54708"
+        value: '#b54708'
       900:
-        value: "#93370d"
+        value: '#93370d'
 
     gray:
       100:
-        value: "#f2f4f7"
+        value: '#f2f4f7'
       300:
-        value: "#d0d5dd"
+        value: '#d0d5dd'
       500:
-        value: "#667085"
+        value: '#667085'
       700:
-        value: "#344054"
+        value: '#344054'
       900:
-        value: "#101828"
+        value: '#101828'
 
     logo:
       purple:
-        value: "rgba(120, 113, 255, 1)"
+        value: 'rgba(120, 113, 255, 1)'
       pink:
-        value: "rgba(201, 139, 254, 1)"
+        value: 'rgba(201, 139, 254, 1)'
       blue:
-        value: "rgba(32, 134, 225, 1)"
+        value: 'rgba(32, 134, 225, 1)'
 
     background:
-      value: "rgba(27, 26, 38, 1)"
+      value: 'rgba(27, 26, 38, 1)'
     background-secondary:
-      value: "rgba(22, 21, 31, 1)"
-      
+      value: 'rgba(22, 21, 31, 1)'
+
 font:
-  owncast:      
+  owncast:
     family:
       value: "'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
         'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
@@ -85,28 +85,28 @@ font:
 # Values used in the admin and should be migrated to variables or removed.
 # See ant-overrides.scss.
 owncast-purple:
-  value: "{color.owncast.logo.purple.value}"
-owncast-purple-25: 
-  value: "rgba(120, 113, 255, 0.25)"
+  value: '{color.owncast.logo.purple.value}'
+owncast-purple-25:
+  value: 'rgba(120, 113, 255, 0.25)'
 owncast-purple-50:
-  value: "rgba(120, 113, 255, 0.5)"
+  value: 'rgba(120, 113, 255, 0.5)'
 online-color:
-  value: "#73dd3f"
+  value: '#73dd3f'
 offline-color:
-  value: "#999"
+  value: '#999'
 pink:
-  value: "{color.owncast.logo.pink.value}"
+  value: '{color.owncast.logo.pink.value}'
 purple:
-  value: "{color.owncast.purple.500.value}"
+  value: '{color.owncast.purple.500.value}'
 blue:
-  value: "{color.owncast.logo.blue.value}"
+  value: '{color.owncast.logo.blue.value}'
 white-88:
-  value: "{color.owncast.gray.500.value}"
+  value: '{color.owncast.gray.500.value}'
 purple-dark:
-  value: "{color.owncast.purple.900.value}"
+  value: '{color.owncast.purple.900.value}'
 default-link-color:
-  value: "{color.owncast.purple.700.value}"
+  value: '{color.owncast.purple.700.value}'
 default-bg-color:
-  value: "{color.owncast.background.value}"
+  value: '{color.owncast.background.value}'
 default-text-color:
-  value: "{color.owncast.gray.100.value}"
+  value: '{color.owncast.gray.100.value}'