studio/docs
Archived
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(frontend): update Cunningham theme tokens and font imports
Some checks failed
Update crowdin sources / install-dependencies (push) Has been cancelled
Details
Update crowdin sources / synchronize-with-crowdin (push) Has been cancelled
Details
Docker Hub Workflow / build-and-push-backend (push) Has been cancelled
Details
Docker Hub Workflow / build-and-push-frontend (push) Has been cancelled
Details
Docker Hub Workflow / build-and-push-y-provider (push) Has been cancelled
Details
Docker Hub Workflow / notify-argocd (push) Has been cancelled
Details
Build and Push to GHCR / build-and-push-backend (push) Has been cancelled
Details
Build and Push to GHCR / build-and-push-frontend (push) Has been cancelled
Details
Build and Push to GHCR / build-and-push-y-provider (push) Has been cancelled
Details
Helmfile lint / helmfile-lint (push) Has been cancelled
Details
Frontend Workflow / install-dependencies (push) Has been cancelled
Details
Frontend Workflow / test-front (push) Has been cancelled
Details
Frontend Workflow / lint-front (push) Has been cancelled
Details
Frontend Workflow / test-e2e-chromium (push) Has been cancelled
Details
Frontend Workflow / test-e2e-other-browser (push) Has been cancelled
Details
Frontend Workflow / bundle-size-check (push) Has been cancelled
Details
Frontend Workflow / uikit-theme-checker (push) Has been cancelled
Details
Main Workflow / install-dependencies (push) Has been cancelled
Details
Main Workflow / lint-git (push) Has been cancelled
Details
Main Workflow / check-changelog (push) Has been cancelled
Details
Main Workflow / lint-changelog (push) Has been cancelled
Details
Main Workflow / lint-spell-mistakes (push) Has been cancelled
Details
Main Workflow / lint-back (push) Has been cancelled
Details
Main Workflow / test-back (push) Has been cancelled
Details

Browse Source
This commit is contained in:
Sienna Meridian Satterwhite
2026-03-06 11:54:37 +00:00
parent ee2462310f
commit 05ffba14fd
4 changed files with 55 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

63
src/frontend/apps/impress/cunningham.ts
View File

@@ -4,21 +4,21 @@ import {
whiteLabelGlobals, whiteLabelGlobals,
} from '@gouvfr-lasuite/ui-kit'; } from '@gouvfr-lasuite/ui-kit';
const spacing = {
'0': '0rem',
none: '0rem',
auto: 'auto',
bx: '2.2rem',
full: '100%',
'3xs': '0.25rem',
'2xs': '0.375rem',
};
const themeWhiteLabelLight = getUIKitThemesFromGlobals(whiteLabelGlobals, { const themeWhiteLabelLight = getUIKitThemesFromGlobals(whiteLabelGlobals, {
prefix: 'default', prefix: 'default',
variants: ['light'], variants: ['light'],
overrides: { overrides: {
globals: { globals: { spacing },
spacing: {
'0': '0rem',
none: '0rem',
auto: 'auto',
bx: '2.2rem',
full: '100%',
'3xs': '0.25rem',
'2xs': '0.375rem',
},
},
}, },
}); });
@@ -45,10 +45,51 @@ const themesDSFR = {
dsfr: themesDSFRLight['dsfr-light'], dsfr: themesDSFRLight['dsfr-light'],
}; };
// O Estúdio — warm amber/gold on dark.
const themeEstudioDark = getUIKitThemesFromGlobals(whiteLabelGlobals, {
prefix: 'estudio',
variants: ['dark'],
overrides: {
globals: {
spacing,
colors: {
// Amber/gold brand palette — replaces the default purple/blue.
'brand-050': '#fffbeb',
'brand-100': '#fef3c7',
'brand-200': '#fde68a',
'brand-300': '#fcd34d',
'brand-400': '#fbbf24',
'brand-500': '#f59e0b',
'brand-600': '#d97706',
'brand-700': '#b45309',
'brand-800': '#92400e',
'brand-900': '#78350f',
'brand-950': '#451a03',
// Logo gradient colours used by ui-kit header components.
'logo-1-light': '#f59e0b',
'logo-2-light': '#d97706',
'logo-1-dark': '#fcd34d',
'logo-2-dark': '#fbbf24',
},
font: {
families: {
base: 'Ysabeau Variable, Inter, Roboto Flex Variable, sans-serif',
accent: 'Ysabeau Variable, Inter, Roboto Flex Variable, sans-serif',
},
},
},
},
});
const themeEstudio = {
estudio: themeEstudioDark['estudio-dark'],
};
const docsTokens = { const docsTokens = {
themes: { themes: {
...themeDefault, ...themeDefault,
...themesDSFR, ...themesDSFR,
...themeEstudio,
}, },
}; };

1
src/frontend/apps/impress/package.json
View File

@@ -34,6 +34,7 @@
"@emoji-mart/data": "1.2.1", "@emoji-mart/data": "1.2.1",
"@emoji-mart/react": "1.1.1", "@emoji-mart/react": "1.1.1",
"@fontsource-variable/inter": "5.2.8", "@fontsource-variable/inter": "5.2.8",
"@fontsource-variable/ysabeau": "^5.0.0",
"@fontsource-variable/material-symbols-outlined": "5.2.35", "@fontsource-variable/material-symbols-outlined": "5.2.35",
"@fontsource/material-icons": "5.2.7", "@fontsource/material-icons": "5.2.7",
"@gouvfr-lasuite/cunningham-react": "4.2.0", "@gouvfr-lasuite/cunningham-react": "4.2.0",

2
src/frontend/apps/impress/src/pages/_document.tsx
View File

@@ -20,7 +20,7 @@ class MyDocument extends Document<{ locale: string }> {
render() { render() {
return ( return (
<Html lang={this.props.locale}> <Html lang={this.props.locale}>
<Head /> <Head></Head>
<body> <body>
<Main /> <Main />
<NextScript /> <NextScript />

1
src/frontend/apps/impress/src/pages/globals.css
View File

@@ -1,3 +1,4 @@
@import '@fontsource-variable/ysabeau';
@import url('../cunningham/cunningham-style.css'); @import url('../cunningham/cunningham-style.css');
@import url('@fontsource/material-icons'); @import url('@fontsource/material-icons');
@import url('@fontsource/material-icons-outlined'); @import url('@fontsource/material-icons-outlined');