import { SemanticColors } from 'models/semantic-theme/colors' ; import { darkColors , lightColors } from 'constants/styles/colors' ; import { ThemeOption } from 'constants/theme/theme-option' ; export const backgroundColors = { [ ThemeOption . light ] : { l0 : '#fbf9f6' , l1 : '#e7e3dc' , l2 : '#f3f1ec' , disabled : '#00000018' , success : lightColors . green , warn : lightColors . yellow , failure : lightColors . red , brand : { primary : lightColors . juiceOrange , secondary : lightColors . juiceLight , } , action : { primary : lightColors . cta , secondary : '#32c8db44' , highlight : '#3dd1e4' , } , } , [ ThemeOption . dark ] : { l0 : darkColors . dark0 , l1 : darkColors . dark1 , l2 : darkColors . dark2 , disabled : darkColors . light0 + '44' , success : darkColors . green , warn : darkColors . yellow , failure : darkColors . red , brand : { primary : darkColors . juiceOrange , secondary : darkColors . juiceLight , } , action : { primary : darkColors . cta , secondary : darkColors . ctaHint , highlight : darkColors . ctaHighlight , } , } , } ;