diff --git a/editor.planx.uk/public/index.html b/editor.planx.uk/public/index.html index 9e84e83265..cbb24d9b2b 100644 --- a/editor.planx.uk/public/index.html +++ b/editor.planx.uk/public/index.html @@ -39,5 +39,18 @@ To begin the development, run `pnpm start`. To create a production bundle, use `pnpm build`. --> + + + + diff --git a/editor.planx.uk/src/councilStyles.scss b/editor.planx.uk/src/councilStyles.scss new file mode 100644 index 0000000000..da8b6a1aa9 --- /dev/null +++ b/editor.planx.uk/src/councilStyles.scss @@ -0,0 +1,40 @@ +// Light/dark text to contrast button background color +$text-black: #0b0c0c; +$text-white: #ffffff; + +// Action colour per council +.MuiButton-containedPrimary:not(.Mui-disabled), +.arrowButton { + body.team--buckinghamshire & { + color: $text-black; + background: #96bb36; + } + body.team--canterbury & { + color: $text-black; + background: #f9b400; + } + body.team--camden & { + color: $text-black; + background: #ead95b; + } + body.team--lambeth & { + color: $text-white; + background: #069; + } + body.team--braintree & { + color: $text-white; + background: #005e8a; + } + body.team--gateshead & { + color: $text-white; + background: #045a90; + } + body.team--gloucester & { + color: $text-white; + background: #0054a4; + } + body.team--newcastle & { + color: $text-white; + background: #1111d5; + } +} diff --git a/editor.planx.uk/src/themeOverrides.d.ts b/editor.planx.uk/src/themeOverrides.d.ts index ac26bd31da..29e1846f80 100644 --- a/editor.planx.uk/src/themeOverrides.d.ts +++ b/editor.planx.uk/src/themeOverrides.d.ts @@ -31,3 +31,6 @@ declare module "@mui/material/styles/createPalette" { border?: { main: string; input: string; light: string }; } } + +// Import council specific CSS for demo purposes +import "./councilStyles.scss";