SQuiz/frontAnswerer
2
0
Fork 0
Code Issues 4 Pull Requests Actions Packages Projects Releases Wiki Activity

Merge branch 'dev' into 'staging'

Browse Source 
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
lib/components/ViewPublicationPage/questions/Emoji/EmojiVariant.tsx
View File

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

2
lib/components/ViewPublicationPage/questions/Images/ImageVariant.tsx
View File

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

2
lib/components/ViewPublicationPage/questions/Variant/VariantItem.tsx
View File

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

2
lib/components/ViewPublicationPage/questions/Varimg/VarimgVariant.tsx
View File

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

3
lib/utils/themes/dark.ts
View File

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

3
lib/utils/themes/light.ts
View File

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

2
lib/utils/themes/mui.d.ts vendored
View File

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