fix(toolbar): use correct color for md

Author: thetaPC

core/src/css/palettes/dark.scss

@@ -187,7 +187,6 @@ $colors: (
     --ion-text-color-step-950: #1e1e1e;
     // TODO(FW-4004): Implement the following components to the dark theme in ionic modular
     --ion-item-background: #1e1e1e;
-    --ion-toolbar-background: #1f1f1f;
     --ion-tab-bar-background: #1f1f1f;
     --ion-card-background: #1e1e1e;
   }

core/src/css/palettes/high-contrast-dark.scss

@@ -180,7 +180,6 @@ $lightest-text-color: $text-color;
     // TODO(FW-4005): Implement the following components to the high contrast dark theme in ionic modular
     --ion-border-color: #222222;
     --ion-item-background: #1e1e1e;
-    --ion-toolbar-background: #1f1f1f;
     --ion-tab-bar-background: #1f1f1f;
     --ion-card-background: #1e1e1e;
     --ion-text-color-step-50: #{mix($darkest-text-color, $lightest-text-color, 5%)};

core/src/themes/md/default.tokens.ts

@@ -113,6 +113,7 @@ export const defaultTheme: DefaultTheme = {
       borderColor: 'var(--ion-tab-bar-border-color, var(--ion-border-color, var(--ion-color-gray-150)))',
     },
     IonToolbar: {
+      bg: `var(--ion-toolbar-background, ${baseDefaultTheme.color!.white})`,
       borderColor: 'var(--ion-toolbar-border-color, var(--ion-border-color, var(--ion-color-gray-150)))',
     },
   },

core/src/themes/md/high-contrast.tokens.ts

@@ -3,4 +3,10 @@ import type { HighContrastTheme } from '../themes.interfaces';
 
 export const highContrastTheme: HighContrastTheme = {
   ...baseHighContrastTheme,
+
+  components: {
+    IonToolbar: {
+      bg: '#1f1f1f',
+    },
+  },
 };

core/src/themes/native/native.theme.default.md.scss

@@ -18,7 +18,6 @@ $tabbar-md-color-selected: var(--ion-tab-bar-color-selected, ion-color(primary,
 
 // Material Design Toolbar
 // --------------------------------------------------
-$toolbar-md-background: var(--ion-toolbar-background, $background-color);
 $toolbar-md-color: var(--ion-toolbar-color, var(--ion-text-color, #424242));
 
 // Material Design List & List Items