diff --git a/web/style-definitions/tokens/color/antd-overrides.yaml b/web/style-definitions/tokens/color/antd-overrides.yaml
index ebee8f805..3360f17cc 100644
--- a/web/style-definitions/tokens/color/antd-overrides.yaml
+++ b/web/style-definitions/tokens/color/antd-overrides.yaml
@@ -16,6 +16,12 @@ alert-error-border-color:
   value: 'var(--theme-color-palette-error)'
 popover-background:
   value: 'var(--theme-color-components-menu-background)'
+tag-default-color:
+  value: 'var(--theme-color-action)'
+border-radius-base:
+  value: 'var(--theme-rounded-corners)'
+background-color-light:
+  value: 'var(--theme-color-background-main)'
 
 # This values need to be statically assigned at build time and cannot be
 # overridden by the user at runtime.
@@ -55,5 +61,9 @@ primary-8:
   comment: '{color.owncast.palette.12.comment}'
 
 component-background:
-  value: '{color.owncast.palette.1.value}'
-  comment: '{color.owncast.palette.1.comment}'
+  value: '{color.owncast.palette.3.value}'
+  comment: '{color.owncast.palette.3.comment}'
+
+body-background:
+  value: '{color.owncast.palette.3.value}'
+  comment: '{color.owncast.palette.3.comment}'
diff --git a/web/styles/theme.less b/web/styles/theme.less
index 8929eb46c..c0b011f2e 100644
--- a/web/styles/theme.less
+++ b/web/styles/theme.less
@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Sun, 11 Sep 2022 00:27:11 GMT
+// Generated on Sun, 11 Sep 2022 01:48:18 GMT
 // 
 // How to edit these values:
 // Edit the corresponding token file under the style-definitions directory
@@ -13,6 +13,9 @@
 @alert-error-bg-color: var(--theme-color-palette-4);
 @alert-error-border-color: var(--theme-color-palette-error);
 @popover-background: var(--theme-color-components-menu-background);
+@tag-default-color: var(--theme-color-action);
+@border-radius-base: var(--theme-rounded-corners);
+@background-color-light: var(--theme-color-background-main);
 @primary-color: #7a5cf3; // Text link/secondary light text
 @primary-color-hover: #2386e2; // Fun color 1
 @primary-color-active: #5d38f3; // Text link hover
@@ -24,15 +27,8 @@
 @primary-6: #2386e2; // Fun color 1
 @primary-7: #5d38f3; // Text link hover
 @primary-8: #da9eff; // Fun color 2
-@blue-1: #7a5cf3; // Text link/secondary light text
-@blue-2: #2386e2; // Fun color 1
-@blue-3: #5d38f3; // Text link hover
-@blue-4: #da9eff; // Fun color 2
-@blue-5: #7a5cf3; // Text link/secondary light text
-@blue-6: #2386e2; // Fun color 1
-@blue-7: #5d38f3; // Text link hover
-@blue-8: #da9eff; // Fun color 2
-@component-background: #2d3748; // Dark secondary
+@component-background: #e2e8f0; // Light primary
+@body-background: #e2e8f0; // Light primary
 @theme-rounded-corners: 0.5rem; // How much corners are rounded in places in the UI.
 @theme-unknown-1: green; // This should never be used and it means something is wrong.
 @theme-unknown-2: red; // This should never be used and it means something is wrong.
diff --git a/web/styles/variables.css b/web/styles/variables.css
index d34233614..ae9219c5a 100644
--- a/web/styles/variables.css
+++ b/web/styles/variables.css
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Sun, 11 Sep 2022 00:27:11 GMT
+ * Generated on Sun, 11 Sep 2022 01:48:18 GMT
  * 
  * How to edit these values:
  * Edit the corresponding token file under the style-definitions directory
@@ -15,6 +15,9 @@
   --alert-error-bg-color: var(--theme-color-palette-4);
   --alert-error-border-color: var(--theme-color-palette-error);
   --popover-background: var(--theme-color-components-menu-background);
+  --tag-default-color: var(--theme-color-action);
+  --border-radius-base: var(--theme-rounded-corners);
+  --background-color-light: var(--theme-color-background-main);
   --primary-color: #7a5cf3; /* Text link/secondary light text */
   --primary-color-hover: #2386e2; /* Fun color 1 */
   --primary-color-active: #5d38f3; /* Text link hover */
@@ -26,15 +29,8 @@
   --primary-6: #2386e2; /* Fun color 1 */
   --primary-7: #5d38f3; /* Text link hover */
   --primary-8: #da9eff; /* Fun color 2 */
-  --blue-1: #7a5cf3; /* Text link/secondary light text */
-  --blue-2: #2386e2; /* Fun color 1 */
-  --blue-3: #5d38f3; /* Text link hover */
-  --blue-4: #da9eff; /* Fun color 2 */
-  --blue-5: #7a5cf3; /* Text link/secondary light text */
-  --blue-6: #2386e2; /* Fun color 1 */
-  --blue-7: #5d38f3; /* Text link hover */
-  --blue-8: #da9eff; /* Fun color 2 */
-  --component-background: #2d3748; /* Dark secondary */
+  --component-background: #e2e8f0; /* Light primary */
+  --body-background: #e2e8f0; /* Light primary */
   --theme-rounded-corners: 0.5rem; /* How much corners are rounded in places in the UI. */
   --theme-unknown-1: green; /* This should never be used and it means something is wrong. */
   --theme-unknown-2: red; /* This should never be used and it means something is wrong. */