feat(frontend): update Cunningham theme tokens and font imports
Some checks failed
Update crowdin sources / install-dependencies (push) Has been cancelled
Update crowdin sources / synchronize-with-crowdin (push) Has been cancelled
Docker Hub Workflow / trivy-scan (push) Has been cancelled
Docker Hub Workflow / build-and-push-backend (push) Has been cancelled
Docker Hub Workflow / build-and-push-frontend (push) Has been cancelled
Docker Hub Workflow / notify-argocd (push) Has been cancelled
People Workflow / dependencies (push) Has been cancelled
People Workflow / lint-git (push) Has been cancelled
People Workflow / check-changelog (push) Has been cancelled
People Workflow / lint-changelog (push) Has been cancelled
People Workflow / build-front (push) Has been cancelled
People Workflow / test-front (push) Has been cancelled
People Workflow / lint-front (push) Has been cancelled
People Workflow / test-e2e (1, 4) (push) Has been cancelled
People Workflow / test-e2e (2, 4) (push) Has been cancelled
People Workflow / test-e2e (3, 4) (push) Has been cancelled
People Workflow / test-e2e (4, 4) (push) Has been cancelled
People Workflow / tests-e2e-feedback (push) Has been cancelled
People Workflow / lint-back (push) Has been cancelled
People Workflow / test-back (push) Has been cancelled
Release Chart / release (push) Has been cancelled

This commit is contained in:
2026-03-06 11:54:41 +00:00
parent b9c69e7c08
commit a90b71422b
4 changed files with 48 additions and 1 deletions

View File

@@ -1,5 +1,50 @@
import { cunninghamConfig } from '@gouvfr-lasuite/ui-kit'; import { cunninghamConfig } from '@gouvfr-lasuite/ui-kit';
const estudioTheme = {
theme: {
colors: {
// Dark background (inverted greyscale like the dark theme)
'greyscale-000': '#0C1A2B',
'greyscale-100': '#182536',
'greyscale-200': '#303C4B',
'greyscale-300': '#555F6B',
'greyscale-400': '#79818A',
'greyscale-500': '#9EA3AA',
'greyscale-600': '#C2C6CA',
'greyscale-700': '#E7E8EA',
'greyscale-800': '#F3F4F4',
'greyscale-900': '#FAFAFB',
'greyscale-950': '#ffffff',
'greyscale-1000': '#ffffff',
// Amber/gold primary palette (replaces blue/purple)
'primary-050': '#fffbeb',
'primary-100': '#fef3c7',
'primary-150': '#fde9a0',
'primary-200': '#fde68a',
'primary-300': '#fcd34d',
'primary-400': '#fbbf24',
'primary-500': '#f59e0b',
'primary-600': '#d97706',
'primary-700': '#b45309',
'primary-800': '#92400e',
'primary-900': '#78350f',
'primary-text': '#f59e0b',
'primary-action': '#d97706',
'primary-bg': '#1c1917',
},
font: {
families: {
base: 'Ysabeau Variable, Marianne, Inter, sans-serif',
accent: 'Ysabeau Variable, Marianne, Inter, sans-serif',
},
},
},
};
export default { export default {
...cunninghamConfig, ...cunninghamConfig,
themes: {
...cunninghamConfig.themes,
estudio: estudioTheme,
},
}; };

View File

@@ -15,6 +15,7 @@
"test:watch": "jest --watch" "test:watch": "jest --watch"
}, },
"dependencies": { "dependencies": {
"@fontsource-variable/ysabeau": "^5.0.0",
"@gouvfr-lasuite/integration": "1.0.3", "@gouvfr-lasuite/integration": "1.0.3",
"@gouvfr-lasuite/ui-kit": "^0.17.0", "@gouvfr-lasuite/ui-kit": "^0.17.0",
"@hookform/resolvers": "4.0.0", "@hookform/resolvers": "4.0.0",

View File

@@ -28,7 +28,7 @@ export const useCunninghamTheme = create<AuthStore>((set, get) => {
) as Tokens; ) as Tokens;
return { return {
theme: 'dsfr', theme: 'estudio',
themeTokens: () => currentTheme().theme, themeTokens: () => currentTheme().theme,
colorsTokens: () => currentTheme().theme.colors, colorsTokens: () => currentTheme().theme.colors,
componentTokens: () => currentTheme().components, componentTokens: () => currentTheme().components,

View File

@@ -1,3 +1,4 @@
@import '@fontsource-variable/ysabeau';
@import url('@gouvfr-lasuite/ui-kit/style'); @import url('@gouvfr-lasuite/ui-kit/style');
@import url('../cunningham/cunningham-style.css'); @import url('../cunningham/cunningham-style.css');