Alert: Redesign with tinted background (#66918)

This commit is contained in:
Torkel Ödegaard
2023-05-01 15:50:25 +02:00
committed by GitHub
parent ba8bba78fc
commit d2bc270097
5 changed files with 32 additions and 29 deletions

View File

@ -280,7 +280,7 @@ export function createColors(colors: ThemeColorsInput): ThemeColors {
color.shade = base.mode === 'light' ? darken(color.main, tonalOffset) : lighten(color.main, tonalOffset);
}
if (!color.transparent) {
color.transparent = base.mode === 'light' ? alpha(color.main, 0.08) : alpha(color.main, 0.15);
color.transparent = alpha(color.main, 0.15);
}
if (!color.contrastText) {
color.contrastText = getContrastText(color.main);

View File

@ -30,8 +30,8 @@ export const palette = {
redDarkText: '#FF5286',
greenDarkMain: '#1A7F4B',
greenDarkText: '#6CCF8E',
orangeDarkMain: '#F5B73D',
orangeDarkText: '#F8D06B',
orangeDarkMain: '#FF9900',
orangeDarkText: '#fbad37',
blueLightMain: '#3871DC',
blueLightText: '#1F62E0',
@ -39,6 +39,6 @@ export const palette = {
redLightText: '#CF0E5B',
greenLightMain: '#1B855E',
greenLightText: '#0A764E',
orangeLightMain: '#FAD34A',
orangeLightText: '#8A6C00',
orangeLightMain: '#FF9900',
orangeLightText: '#B5510D',
};