| @@ -9,8 +9,13 @@ | ||
| 9 | 9 | main: '--ext-notification-card-main', |
| 10 | 10 | text: '--ext-notification-card-text', |
| 11 | 11 | }; |
| 12 | 12 | |
| 13 | +const BAR_ICON = { | |
| 14 | + 'icon-main': '--color-banner-main', | |
| 15 | + 'icon-text': '--color-banner-text', | |
| 16 | +}; | |
| 17 | + | |
| 13 | 18 | const buttonMap = (main, text) => ({ |
| 14 | 19 | 'button-main': main, |
| 15 | 20 | 'button-text': text, |
| 16 | 21 | 'button-hover-main': '--ext-notification-button-hover-main', |
| @@ -29,8 +34,10 @@ | ||
| 29 | 34 | |
| 30 | 35 | export const colorsOf = (notification) => notification?.colors ?? {}; |
| 31 | 36 | |
| 32 | 37 | export const barVariables = (colors) => variablesFrom(BAR_SURFACE, colors); |
| 38 | + | |
| 39 | +export const barIconVariables = (colors) => variablesFrom(BAR_ICON, colors); | |
| 33 | 40 | |
| 34 | 41 | export const cardVariables = (colors) => variablesFrom(CARD_SURFACE, colors); |
| 35 | 42 | |
| 36 | 43 | export const bannerButtonVariables = (colors) => |