src/app/components/ThemeProvider/themes/sport.ts
import {
SPORT_YELLOW,
BLACK,
MIDNIGHT_BLACK,
SPORT_YELLOW_30,
} from '../palette';
import latinScript from '../fontScripts/latin';
import {
REITH_SANS_BOLD,
REITH_SANS_REGULAR,
REITH_SERIF_MEDIUM,
REITH_SERIF_LIGHT,
} from '../fontFaces';
import reithFontVariants from '../fontVariants/reith';
import withThemeProvider from '../withThemeProvider';
import brandSVG from '../chameleonLogos/sport';
const sportTheme = {
palette: {
BRAND_BACKGROUND: SPORT_YELLOW,
BRAND_LOGO: BLACK,
BRAND_FOREGROUND: MIDNIGHT_BLACK,
BRAND_HIGHLIGHT: SPORT_YELLOW_30,
BRAND_BORDER: BLACK,
},
typography: {
script: latinScript,
fontVariants: reithFontVariants,
fontFaces: [
REITH_SANS_BOLD,
REITH_SANS_REGULAR,
REITH_SERIF_MEDIUM,
REITH_SERIF_LIGHT,
],
},
brandSVG,
};
export default withThemeProvider(sportTheme);