feat: add gray label color variables for dark and light themes

web/themes/dark.css

@@ -244,6 +244,8 @@ html[data-theme="dark"] {
 
   --color-components-Avatar-default-avatar-bg: #222225;
 
+  --color-components-label-gray: #C8CEDA24;
+
   --color-text-primary: #FBFBFC;
   --color-text-secondary: #D9D9DE;
   --color-text-tertiary: #C8CEDA99;

web/themes/light.css

@@ -244,6 +244,8 @@ html[data-theme="light"] {
 
   --color-components-Avatar-default-avatar-bg: #D0D5DC;
 
+  --color-components-label-gray: #F2F4F7;
+
   --color-text-primary: #101828;
   --color-text-secondary: #354052;
   --color-text-tertiary: #676F83;

web/themes/tailwind-theme-var-define.ts

@@ -244,6 +244,8 @@ const vars = {
 
   'components-Avatar-default-avatar-bg': 'var(--color-components-Avatar-default-avatar-bg)',
 
+  'components-label-gray': 'var(--color-components-label-gray)',
+
   'text-primary': 'var(--color-text-primary)',
   'text-secondary': 'var(--color-text-secondary)',
   'text-tertiary': 'var(--color-text-tertiary)',