Coalition Builder Frontend Components v0.1.0
Coalition Builder Frontend Components / styles/theme / StyledTheme
Interface: StyledTheme¶
Defined in: frontend/src/styles/theme.ts:4
Properties¶
colors¶
colors:
object
Defined in: frontend/src/styles/theme.ts:5
primary¶
primary:
string
primaryLight¶
primaryLight:
string
primaryDark¶
primaryDark:
string
secondary¶
secondary:
string
secondaryLight¶
secondaryLight:
string
secondaryDark¶
secondaryDark:
string
accent¶
accent:
string
accentLight¶
accentLight:
string
accentDark¶
accentDark:
string
background¶
background:
string
backgroundSection¶
backgroundSection:
string
backgroundCard¶
backgroundCard:
string
textHeading¶
textHeading:
string
textBody¶
textBody:
string
textMuted¶
textMuted:
string
textLink¶
textLink:
string
textLinkHover¶
textLinkHover:
string
success¶
success:
string
warning¶
warning:
string
error¶
error:
string
info¶
info:
string
white¶
white:
string
black¶
black:
string
gray¶
gray:
string[]
typography¶
typography:
object
Defined in: frontend/src/styles/theme.ts:41
fonts¶
fonts:
object
fonts.heading¶
heading:
string
fonts.body¶
body:
string
sizes¶
sizes:
object
sizes.xs¶
xs:
string
sizes.sm¶
sm:
string
sizes.base¶
base:
string
sizes.lg¶
lg:
string
sizes.xl¶
xl:
string
sizes.2xl¶
2xl:
string
sizes.3xl¶
3xl:
string
sizes.4xl¶
4xl:
string
weights¶
weights:
object
weights.normal¶
normal:
number
weights.medium¶
medium:
number
weights.semibold¶
semibold:
number
weights.bold¶
bold:
number
lineHeights¶
lineHeights:
object
lineHeights.tight¶
tight:
number
lineHeights.normal¶
normal:
number
lineHeights.relaxed¶
relaxed:
number
spacing¶
spacing:
object
Defined in: frontend/src/styles/theme.ts:69
px¶
px:
string
0¶
0:
string
1¶
1:
string
2¶
2:
string
3¶
3:
string
4¶
4:
string
5¶
5:
string
6¶
6:
string
8¶
8:
string
10¶
10:
string
12¶
12:
string
16¶
16:
string
20¶
20:
string
24¶
24:
string
32¶
32:
string
40¶
40:
string
48¶
48:
string
56¶
56:
string
64¶
64:
string
shadows¶
shadows:
object
Defined in: frontend/src/styles/theme.ts:91
sm¶
sm:
string
base¶
base:
string
md¶
md:
string
lg¶
lg:
string
xl¶
xl:
string
radii¶
radii:
object
Defined in: frontend/src/styles/theme.ts:99
none¶
none:
string
sm¶
sm:
string
base¶
base:
string
md¶
md:
string
lg¶
lg:
string
xl¶
xl:
string
full¶
full:
string
breakpoints¶
breakpoints:
object
Defined in: frontend/src/styles/theme.ts:109
sm¶
sm:
string
md¶
md:
string
lg¶
lg:
string
xl¶
xl:
string
2xl¶
2xl:
string
transitions¶
transitions:
object
Defined in: frontend/src/styles/theme.ts:117
fast¶
fast:
string
normal¶
normal:
string
slow¶
slow:
string