Merge branch 'dev' into 'staging'

new theme color own

See merge request frontend/squzanswerer!179
This commit is contained in:
Nastya 2024-11-22 19:13:48 +00:00
commit df13ed5609
7 changed files with 12 additions and 4 deletions

@ -52,7 +52,7 @@ const OwnInput = ({ questionId, variant, largeCheck, ownPlaceholder }: OwnInputP
resize: "none",
width: "100%",
fontSize: "16px",
color: theme.palette.text.primary,
color: ownAnswer.length === 0 ? theme.palette.ownPlaceholder.main : theme.palette.text.primary,
letterSpacing: "-0.4px",
wordSpacing: "-3px",
outline: "0px none",

@ -41,7 +41,7 @@ const OwnInput = ({ questionId, variant, largeCheck, ownPlaceholder }: OwnInputP
resize: "none",
width: "100%",
fontSize: "16px",
color: theme.palette.text.primary,
color: ownAnswer.length === 0 ? theme.palette.ownPlaceholder.main : theme.palette.text.primary,
letterSpacing: "-0.4px",
wordSpacing: "-3px",
outline: "0px none",

@ -40,7 +40,7 @@ const OwnInput = ({ questionId, variant, largeCheck, ownPlaceholder }: OwnInputP
resize: "none",
width: "100%",
fontSize: "16px",
color: theme.palette.text.primary,
color: ownAnswer.length === 0 ? theme.palette.ownPlaceholder.main : theme.palette.text.primary,
letterSpacing: "-0.4px",
wordSpacing: "-3px",
outline: "0px none",

@ -50,7 +50,7 @@ const OwnInput = ({ questionId, variant, largeCheck, ownPlaceholder }: OwnInputP
resize: "none",
width: "100%",
fontSize: "16px",
color: theme.palette.text.primary,
color: ownAnswer.length === 0 ? theme.palette.ownPlaceholder.main : theme.palette.text.primary,
letterSpacing: "-0.4px",
wordSpacing: "-3px",
outline: "0px none",

@ -42,6 +42,9 @@ const darkTheme = createTheme({
navbarbg: {
main: "#333647",
},
ownPlaceholder: {
main: "#333647",
},
},
});

@ -46,6 +46,9 @@ const lightTheme = createTheme({
orange: {
main: "#FB5607",
},
ownPlaceholder: {
main: "#FFFFFF",
},
navbarbg: {
main: "#FFFFFF",
},

@ -12,6 +12,7 @@ declare module "@mui/material/styles" {
grey4: Palette["primary"];
orange: Palette["primary"];
navbarbg: Palette["primary"];
ownPlaceholder: Palette["primary"];
}
interface PaletteOptions {
lightPurple?: PaletteOptions["primary"];
@ -24,6 +25,7 @@ declare module "@mui/material/styles" {
grey4?: PaletteOptions["primary"];
orange?: PaletteOptions["primary"];
navbarbg?: PaletteOptions["primary"];
ownPlaceholder?: PaletteOptions["primary"];
}
interface TypographyVariants {
infographic: React.CSSProperties;