fix(ui): Vars - adjust styles

relative-ci · Nov 23, 2024 · 750612f · 750612f
1 parent bb92b1e
commit 750612f
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 7 deletions.
diff --git a/packages/ui/src/components/run-info/run-info.module.css b/packages/ui/src/components/run-info/run-info.module.css
@@ -42,7 +42,7 @@
 }
 
 .baselineMetric {
-  color: var(--color-text-ultra-muted);
+  color: var(--color-text-muted);
   font-size: var(--size-small);
   line-height: var(--line-height-heading);
 }

diff --git a/packages/ui/src/css/variables.css b/packages/ui/src/css/variables.css
@@ -215,7 +215,7 @@
   --color-highlight-secondary: var(--green-2);
   --color-highlight-success: var(--green-2);
   --color-highlight-info: var(--blue-3);
-  --color-highlight-warning: var(--yellow-3);
+  --color-highlight-warning: var(--yellow-2);
   --color-highlight-danger: var(--red-3);
 
   --color-outline: var(--gray-4);

diff --git a/packages/ui/src/ui/button/button.module.css b/packages/ui/src/ui/button/button.module.css
@@ -13,7 +13,7 @@
   border: var(--border-width) solid transparent;
   background: none;
   transition: var(--transition-out);
-  color: var(--color-text-ultra-muted);
+  color: var(--color-text-muted);
   font-family: var(--font-family);
   white-space: nowrap;
 }
@@ -26,7 +26,7 @@ a.root {
 .root:active,
 .root:focus {
   outline: none;
-  color: var(--color-text-muted);
+  color: var(--color-text);
   transition: var(--transition-in);
 }
 

diff --git a/packages/ui/src/ui/filters/filters.module.css b/packages/ui/src/ui/filters/filters.module.css
@@ -9,7 +9,7 @@
   position: relative;
   width: 100%;
   max-width: 240px;
-  color: var(--color-text);
+  color: var(--color-text-muted);
 }
 
 .filterControl {
@@ -28,7 +28,7 @@
 }
 
 .filterControl[disabled] + .filterLabel {
-  color: var(--color-text-muted);
+  color: var(--color-text-ultra-muted);
 }
 
 .filter:hover {
@@ -42,14 +42,15 @@
   border-radius: var(--radius-small);
   font-size: var(--size-small);
   line-height: var(--space-4x);
-  color: var(--color-text-ultra-muted);
+  color: var(--color-text-muted);
   transition: var(--transition-out);
 }
 
 .filterSingle:hover,
 .filterSingle:active,
 .filterSingle:focus {
   border-color: var(--color-outline-intense);
+  color: var(--color-text);
   transition: var(--transition-in);
 }