mirror of
https://github.com/lemeow125/Borrowing-TrackerFrontend.git
synced 2024-11-17 06:19:27 +08:00
93 lines
1.8 KiB
TypeScript
93 lines
1.8 KiB
TypeScript
export const colors = {
|
|
background: "#FFFFFF",
|
|
header_color: "#b2dfab",
|
|
font_dark: "#2e482e",
|
|
font_light: "#0e410d",
|
|
button_dark: "#92b88d",
|
|
button_light: "#FFFFFF",
|
|
button_border: "#b2dfab",
|
|
red: "#a44141",
|
|
orange: "#c57331",
|
|
green: "#80b28a",
|
|
};
|
|
const styles: { [key: string]: React.CSSProperties } = {
|
|
background: {
|
|
backgroundColor: colors.background,
|
|
position: "fixed",
|
|
top: 0,
|
|
left: 0,
|
|
height: "100%",
|
|
width: "100%",
|
|
minHeight: "100%",
|
|
minWidth: "100%",
|
|
overflowY: "scroll",
|
|
},
|
|
text_dark: {
|
|
color: colors.font_dark,
|
|
fontWeight: "bold",
|
|
|
|
},
|
|
text_light: {
|
|
color: colors.font_light,
|
|
fontWeight: "bold",
|
|
},
|
|
text_red: {
|
|
color: colors.red,
|
|
fontWeight: "bold",
|
|
},
|
|
text_orange: {
|
|
color: colors.orange,
|
|
fontWeight: "bold",
|
|
},
|
|
text_green: {
|
|
color: colors.green,
|
|
fontWeight: "bold",
|
|
},
|
|
text_XL: {
|
|
fontSize: "clamp(2rem, 3rem, 8rem)",
|
|
},
|
|
text_L: {
|
|
fontSize: "clamp(1.5rem, 2rem, 6rem)",
|
|
},
|
|
text_M: {
|
|
fontSize: "clamp(1rem, 1rem, 4rem)",
|
|
},
|
|
text_S: {
|
|
fontSize: "clamp(0.6rem, 0.8rem, 1rem)",
|
|
},
|
|
text_XS: {
|
|
fontSize: "clamp(0.5rem, 0.6rem, 0.8rem)",
|
|
},
|
|
flex_row: {
|
|
display: "flex",
|
|
flexDirection: "row",
|
|
},
|
|
flex_column: {
|
|
display: "flex",
|
|
flexDirection: "column",
|
|
},
|
|
input_form: {
|
|
color: colors.font_dark,
|
|
fontWeight: "bold",
|
|
fontSize: "clamp(1vw, 1rem, 2vw)",
|
|
background: "none",
|
|
borderRadius: 8,
|
|
maxWidth: "128px",
|
|
minWidth: "100%",
|
|
marginTop: 16,
|
|
},
|
|
popup_center: {
|
|
width: "32rem",
|
|
borderRadius: 16,
|
|
borderColor: "grey",
|
|
borderStyle: "solid",
|
|
borderWidth: 1,
|
|
padding: 16,
|
|
alignContent: "center",
|
|
justifyContent: "center",
|
|
textAlign: "center",
|
|
overflowY: "scroll",
|
|
},
|
|
};
|
|
|
|
export default styles;
|