From 662ba32f3a38477cd5fb9b69d24ce18cb704be12 Mon Sep 17 00:00:00 2001
From: Gabe Kangas <gabek@real-ity.com>
Date: Tue, 12 Jul 2022 13:16:22 -0700
Subject: [PATCH] Fix components having transparent backgrounds because colors
 are unset

---
 web/style-definitions/tokens/color/antd-overrides.yaml | 8 ++++++++
 web/styles/theme.less                                  | 5 ++++-
 web/styles/variables.css                               | 5 ++++-
 3 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/web/style-definitions/tokens/color/antd-overrides.yaml b/web/style-definitions/tokens/color/antd-overrides.yaml
index e2bf491fd2..0d87272b30 100644
--- a/web/style-definitions/tokens/color/antd-overrides.yaml
+++ b/web/style-definitions/tokens/color/antd-overrides.yaml
@@ -10,7 +10,15 @@ link-color:
   value: 'var(--theme-text-link)'
 popover-background:
   value: 'var(--theme-background-secondary)'
+modal-content-bg:
+  value: '{color.unknown-2.value}'
 background-color-light:
   value: 'var(--theme-background-secondary)'
 layout-body-background:
   value: 'var(--theme-background-primary)'
+
+# These colors need to be explicitly set and cannot use CSS variables.
+component-background:
+  value: '{color.unknown.value}'
+warning-color:
+  value: '{color.unknown-2.value}'
diff --git a/web/styles/theme.less b/web/styles/theme.less
index 98ef81f46a..a5574e12b4 100644
--- a/web/styles/theme.less
+++ b/web/styles/theme.less
@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Sun, 10 Jul 2022 17:52:44 GMT
+// Generated on Tue, 12 Jul 2022 20:15:16 GMT
 // 
 // How to edit these values:
 // Edit the corresponding token file under the style-definitions directory
@@ -10,8 +10,11 @@
 @text-color-secondary: var(--theme-text-secondary);
 @link-color: var(--theme-text-link);
 @popover-background: var(--theme-background-secondary);
+@modal-content-bg: #ff0000;
 @background-color-light: var(--theme-background-secondary);
 @layout-body-background: var(--theme-background-primary);
+@component-background: #00ff00;
+@warning-color: #ff0000;
 @theme-unknown: #00ff00;
 @theme-unknown-2: #ff0000;
 @theme-primary: #00ff00; // The primary color of the application used for rendering controls.
diff --git a/web/styles/variables.css b/web/styles/variables.css
index 8f51b2caf1..bbe4f37cec 100644
--- a/web/styles/variables.css
+++ b/web/styles/variables.css
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Sun, 10 Jul 2022 17:52:44 GMT
+ * Generated on Tue, 12 Jul 2022 20:15:16 GMT
  * 
  * How to edit these values:
  * Edit the corresponding token file under the style-definitions directory
@@ -12,8 +12,11 @@
   --text-color-secondary: var(--theme-text-secondary);
   --link-color: var(--theme-text-link);
   --popover-background: var(--theme-background-secondary);
+  --modal-content-bg: #ff0000;
   --background-color-light: var(--theme-background-secondary);
   --layout-body-background: var(--theme-background-primary);
+  --component-background: #00ff00;
+  --warning-color: #ff0000;
   --theme-unknown: #00ff00;
   --theme-unknown-2: #ff0000;
   --theme-primary: #00ff00; /* The primary color of the application used for rendering controls. */