diff --git a/core/src/themes/md/dark.tokens.ts b/core/src/themes/md/dark.tokens.ts index 80b9d9116e..ef863643d5 100644 --- a/core/src/themes/md/dark.tokens.ts +++ b/core/src/themes/md/dark.tokens.ts @@ -9,6 +9,11 @@ export const darkTheme: DarkTheme = { textColor: '#ffffff', textColorRgb: '255, 255, 255', + // TODO(FW-6864): Remove once IonToolbar themes are added + toolbar: { + background: '#1f1f1f', + }, + backgroundColorStep: { 50: '#1e1e1e', 100: '#2a2a2a', diff --git a/core/src/themes/md/high-contrast-dark.tokens.ts b/core/src/themes/md/high-contrast-dark.tokens.ts index 2cac0adc63..a1e2cbb2d5 100644 --- a/core/src/themes/md/high-contrast-dark.tokens.ts +++ b/core/src/themes/md/high-contrast-dark.tokens.ts @@ -7,6 +7,11 @@ export const highContrastDarkTheme: HighContrastDarkTheme = { backgroundColor: '#121212', textColor: '#000000', + // TODO(FW-6864): Remove once IonToolbar themes are added + toolbar: { + background: '#1f1f1f', + }, + backgroundColorStep: { 50: '#1e1e1e', 100: '#2a2a2a', diff --git a/core/src/themes/themes.interfaces.ts b/core/src/themes/themes.interfaces.ts index aa43fa51ee..6f9f62beb9 100644 --- a/core/src/themes/themes.interfaces.ts +++ b/core/src/themes/themes.interfaces.ts @@ -17,6 +17,9 @@ export type BaseTheme = { [key: string]: string; }; + // TODO(FW-6864): Remove once IonToolbar themes are added + toolbar?: any; + // SPACE TOKENS spacing?: { 0?: string;