Recolor elements that are used by ftrace name filter dialog [Issue 11…

…38] (#99) * Recolor elements that are used by ftrace name filter dialog
eclipsesource · May 14, 2024 · a490c77 · a490c77
1 parent 49a8f98
commit a490c77
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 4 deletions.
diff --git a/ui/src/assets/widgets/multiselect.scss b/ui/src/assets/widgets/multiselect.scss
@@ -42,7 +42,7 @@
     position: sticky;
     top: 0;
     font-size: 1em;
-    background-color: white;
+    background-color: $pf-primary-background;
     z-index: 1;
     font-size: 0.75em;
     border-bottom: solid 1px $pf-minimal-foreground;

diff --git a/ui/src/assets/widgets/text_input.scss b/ui/src/assets/widgets/text_input.scss
@@ -15,6 +15,7 @@
 @import "theme";
 
 .pf-text-input {
+  color: $pf-minimal-foreground;
   font-family: $pf-font;
   font-size: inherit;
   outline: none; // Disable the default outline

diff --git a/ui/src/assets/widgets/theme.scss b/ui/src/assets/widgets/theme.scss
@@ -26,14 +26,14 @@ $pf-anim-timing: 150ms cubic-bezier(0.4, 0, 0.2, 1);
 // Other controls might use the primary scheme by default, but have a minimal
 // configuration which makes them use the minimal colour scheme.
 
-$pf-primary-foreground: #fff;
+$pf-primary-foreground: var(--main-foreground-color);
 $pf-primary-foreground-disabled: #aaa;
-$pf-primary-background: #3d5688;
+$pf-primary-background: var(--main-background-color);
 $pf-primary-background-hover: #4966a2;
 $pf-primary-background-active: #243e71;
 $pf-primary-background-disabled: #666;
 
-$pf-minimal-foreground: #19212b;
+$pf-minimal-foreground: var(--main-foreground-color);
 $pf-minimal-foreground-disabled: #aaa;
 $pf-minimal-background: none;
 $pf-minimal-background-hover: #0001;