I cannot deal with the purple modals anymore

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

@@ -9,7 +9,7 @@ text-color-secondary:
 link-color:
   value: 'var(--theme-link-color)'
 popover-background:
-  value: '{color.owncast.purple.700.value}'
+  value: 'var(--theme-text-color-secondary)'
 background-color-light:
   value: 'var(--theme-background-secondary)'
 layout-body-background:

web/styles/theme.less

@@ -1,11 +1,11 @@
 
 // Do not edit directly
-// Generated on Fri, 27 May 2022 05:16:28 GMT
+// Generated on Fri, 27 May 2022 21:42:18 GMT
 
 @text-color: var(--theme-text-color);
 @text-color-secondary: var(--theme-text-color-secondary);
 @link-color: var(--theme-link-color);
-@popover-background: #6941c6;
+@popover-background: var(--theme-text-color-secondary);
 @background-color-light: var(--theme-background-secondary);
 @layout-body-background: var(--theme-background);
 @primary-color: #6941c6;

web/styles/variables.css

@@ -1,13 +1,13 @@
 /**
  * Do not edit directly
- * Generated on Fri, 27 May 2022 05:16:28 GMT
+ * Generated on Fri, 27 May 2022 21:42:18 GMT
  */
 
 :root {
   --text-color: var(--theme-text-color);
   --text-color-secondary: var(--theme-text-color-secondary);
   --link-color: var(--theme-link-color);
-  --popover-background: #6941c6;
+  --popover-background: var(--theme-text-color-secondary);
   --background-color-light: var(--theme-background-secondary);
   --layout-body-background: var(--theme-background);
   --primary-color: #6941c6;
@@ -23,9 +23,7 @@
   --theme-text-color: #d0d5dd; /* The color of the text in the application. */
   --theme-text-color-secondary: #667085;
   --theme-link-color: #9e77ed;
-  --theme-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';
+  --theme-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';
   --theme-background: #202232; /* The main background color of the page. */
   --theme-background-secondary: #282a30; /* A secondary background color used in sections and controls. */
   --theme-rounded-corners: 5px; /* The radius of rounded corners used in places. */
@@ -63,9 +61,7 @@
   --color-owncast-logo-blue: #2086e1;
   --color-owncast-background: #202232;
   --color-owncast-background-secondary: #282a30;
-  --font-owncast-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';
+  --font-owncast-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';
   --owncast-purple: #7871ff;
   --owncast-purple-25: rgba(120, 113, 255, 0.25);
   --owncast-purple-50: rgba(120, 113, 255, 0.5);