diff --git a/src/frontend/apps/desk/cunningham.ts b/src/frontend/apps/desk/cunningham.ts index 0169910..d5b9217 100644 --- a/src/frontend/apps/desk/cunningham.ts +++ b/src/frontend/apps/desk/cunningham.ts @@ -1,5 +1,50 @@ 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 { ...cunninghamConfig, + themes: { + ...cunninghamConfig.themes, + estudio: estudioTheme, + }, }; diff --git a/src/frontend/apps/desk/package.json b/src/frontend/apps/desk/package.json index 7a8e573..fa28469 100644 --- a/src/frontend/apps/desk/package.json +++ b/src/frontend/apps/desk/package.json @@ -15,6 +15,7 @@ "test:watch": "jest --watch" }, "dependencies": { + "@fontsource-variable/ysabeau": "^5.0.0", "@gouvfr-lasuite/integration": "1.0.3", "@gouvfr-lasuite/ui-kit": "^0.17.0", "@hookform/resolvers": "4.0.0", diff --git a/src/frontend/apps/desk/src/cunningham/useCunninghamTheme.tsx b/src/frontend/apps/desk/src/cunningham/useCunninghamTheme.tsx index c10cf84..7c0a661 100644 --- a/src/frontend/apps/desk/src/cunningham/useCunninghamTheme.tsx +++ b/src/frontend/apps/desk/src/cunningham/useCunninghamTheme.tsx @@ -28,7 +28,7 @@ export const useCunninghamTheme = create((set, get) => { ) as Tokens; return { - theme: 'dsfr', + theme: 'estudio', themeTokens: () => currentTheme().theme, colorsTokens: () => currentTheme().theme.colors, componentTokens: () => currentTheme().components, diff --git a/src/frontend/apps/desk/src/pages/globals.css b/src/frontend/apps/desk/src/pages/globals.css index 5ed60b5..1e6dabf 100644 --- a/src/frontend/apps/desk/src/pages/globals.css +++ b/src/frontend/apps/desk/src/pages/globals.css @@ -1,3 +1,4 @@ +@import '@fontsource-variable/ysabeau'; @import url('@gouvfr-lasuite/ui-kit/style'); @import url('../cunningham/cunningham-style.css');