57dc56f83e
We were partially overriding the frontend with the cunningham theme meaning at build time. We stop to do this way to do it only from the configuration theme. This way it will be easier to maintain and to update. We improve as well the typing with more global types like Image type from logo and icons, and HTMLLinkElement type for the favicon, meaning you can really override compoments from the configuration theme.
56 lines
1.0 KiB
TypeScript
56 lines
1.0 KiB
TypeScript
import {
|
|
dsfrGlobals,
|
|
getUIKitThemesFromGlobals,
|
|
whiteLabelGlobals,
|
|
} from '@gouvfr-lasuite/ui-kit';
|
|
|
|
const themeWhiteLabelLight = getUIKitThemesFromGlobals(whiteLabelGlobals, {
|
|
prefix: 'default',
|
|
variants: ['light'],
|
|
overrides: {
|
|
globals: {
|
|
spacing: {
|
|
'0': '0rem',
|
|
none: '0rem',
|
|
auto: 'auto',
|
|
bx: '2.2rem',
|
|
full: '100%',
|
|
'3xs': '0.25rem',
|
|
'2xs': '0.375rem',
|
|
},
|
|
},
|
|
},
|
|
});
|
|
|
|
const themeDefault = {
|
|
default: themeWhiteLabelLight['default-light'],
|
|
};
|
|
|
|
const themesDSFRLight = getUIKitThemesFromGlobals(dsfrGlobals, {
|
|
prefix: 'dsfr',
|
|
variants: ['light'],
|
|
overrides: {
|
|
globals: {
|
|
font: {
|
|
families: {
|
|
base: 'Marianne, Inter, Roboto Flex Variable, sans-serif',
|
|
accent: 'Marianne, Inter, Roboto Flex Variable, sans-serif',
|
|
},
|
|
},
|
|
},
|
|
},
|
|
});
|
|
|
|
const themesDSFR = {
|
|
dsfr: themesDSFRLight['dsfr-light'],
|
|
};
|
|
|
|
const docsTokens = {
|
|
themes: {
|
|
...themeDefault,
|
|
...themesDSFR,
|
|
},
|
|
};
|
|
|
|
export default docsTokens;
|