Skip to content

Instantly share code, notes, and snippets.

@petekp petekp/theme.d.ts
Created Dec 8, 2018

Embed
What would you like to do?
export declare const Theme: {
zIndex: {
alert: number
dialog: number
mesosphere: number
modal: number
navigationBar: number
popover: number
root: number
stratosphere: number
thermosphere: number
tooltip: number
}
button: {
baseActiveOpacity: number
baseBorderRadius: number
baseMinHeight: number
baseTextColor: string
baseTextFontSize: number
baseTextFontWeight: string
baseTextPaddingX: number
primaryBackgroundColor: string
primaryBackgroundColorAaa: string
primaryBackgroundColorActive: string
primaryBackgroundColorActiveAaa: string
primaryBackgroundColorHover: string
primaryBackgroundColorHoverAaa: string
primaryBorderRadius: string
primaryTextColor: string
secondaryBackgroundColor: string
secondaryBackgroundColorAaa: string
secondaryBackgroundColorActive: string
secondaryBackgroundColorActiveAaa: string
secondaryBackgroundColorHover: string
secondaryBackgroundColorHoverAaa: string
secondaryBorderColor: string
secondaryBorderWidth: number
secondaryTextColor: string
tertiaryBackgroundColor: string
tertiaryBackgroundColorActive: string
tertiaryBackgroundColorHover: string
tertiaryTextColor: string
}
text: {
blockquote: {
color: string
fontFamily: string
fontSize: number
fontWeight: string
letterSpacing: number
lineHeight: number
}
body: {
color: string
fontFamily: string
fontSize: number
fontWeight: string
letterSpacing: number
lineHeight: string
}
caption: {
color: string
fontFamily: string
fontSize: number
fontWeight: number
letterSpacing: number
lineHeight: number
}
heading1: {
color: string
fontFamily: string
fontSize: number
fontWeight: string
letterSpacing: number
lineHeight: number
}
heading2: {
color: string
fontFamily: string
fontSize: number
fontWeight: string
letterSpacing: number
lineHeight: number
}
heading3: {
color: string
fontFamily: string
fontSize: number
fontWeight: string
letterSpacing: number
lineHeight: number
}
heading4: {
color: string
fontFamily: string
fontSize: number
fontWeight: string
letterSpacing: number
lineHeight: number
}
monospace: {
color: string
fontFamily: string
fontSize: string
fontWeight: string
lineHeight: number
}
size: {
'1': number
'2': number
'3': number
'4': number
'5': number
'6': number
'7': number
'8': number
'9': number
'10': number
'11': number
'12': number
'13': number
'14': number
}
smallcaps: {
color: string
fontFamily: string
fontSize: number
fontWeight: string
letterSpacing: number
lineHeight: number
variant: string
}
}
boxShadow: {
buttonRaised: string
buttonRaisedActive: string
buttonRaisedHover: string
}
color: {
calciumBlue100: string
calciumBlue300: string
calciumBlue500: string
calciumBlue700: string
calciumBlue900: string
carbonGray100: string
carbonGray300: string
carbonGray500: string
carbonGray700: string
carbonGray900: string
hydrogenGreen100: string
hydrogenGreen300: string
hydrogenGreen500: string
hydrogenGreen700: string
hydrogenGreen900: string
ironRed100: string
ironRed300: string
ironRed500: string
ironRed700: string
ironRed900: string
magnesiumPink100: string
magnesiumPink300: string
magnesiumPink500: string
magnesiumPink700: string
magnesiumPink900: string
nitrogenPurple100: string
nitrogenPurple300: string
nitrogenPurple500: string
nitrogenPurple700: string
nitrogenPurple900: string
oxygenBlue100: string
oxygenBlue300: string
oxygenBlue500: string
oxygenBlue700: string
oxygenBlue900: string
phosphorousOrange100: string
phosphorousOrange300: string
phosphorousOrange500: string
phosphorousOrange700: string
phosphorousOrange900: string
}
size: {
navigationBarHeight: number
}
border: {
radiusButton: number
radiusCard: number
radiusControl: number
radiusMessageBubble: number
radiusNone: number
radiusTooltip: number
widthHairline: number
widthMedium: number
widthSlab: number
widthThick: number
widthThin: number
}
space: {
space0: number
space1: number
space2: number
space3: number
space4: number
space5: number
space6: number
space7: number
space8: number
space9: number
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.