Default Theme
@redshank/native default theme is based on React Context API.
Colors:
@redshank/native includes a default color palette out-of-the-box that is a great starting point if you don't have your own specific branding in mind. You can access the colors through the theme object, see the theme object for more information.
Brand
primary
secondary
success
warning
error
Blue
blue100
blue200
blue300
blue400
blue500
blue600
blue700
blue800
blue900
Purple
purple100
purple200
purple300
purple400
purple500
purple600
purple700
purple800
purple900
Green
green100
green200
green300
green400
green500
green600
green700
green800
green900
Yellow
yellow100
yellow200
yellow300
yellow400
yellow500
yellow600
yellow700
yellow800
yellow900
Red
red100
red200
red300
red400
red500
red600
red700
red800
red900
Cyan
cyan100
cyan200
cyan300
cyan400
cyan500
cyan600
cyan700
cyan800
cyan900
Pink
pink100
pink200
pink300
pink400
pink500
pink600
pink700
pink800
pink900
Gray
gray100
gray200
gray300
gray400
gray500
gray600
gray700
gray800
gray900
Accents
accents1
accents2
accents3
accents4
accents5
accents6
accents7
accents8
accents9
Layout
card
message
modalMask
white
black
inputColor
background
foreground
border
text
Highlights
hover
link
selection
code
Paddings:
{
xxs: 5,
xs: 7,
sm: 10,
md: 12,
card: 15,
modal: 15,
lg: 14,
xl: 20,
xxl: 24,
max: 30
}
Margins:
{
xxs: 5,
xs: 7,
sm: 10,
md: 12,
card: 20,
modal: 20,
lg: 14,
xl: 20,
xxl: 24,
max: 30
}
Border Radius:
{
xxs: 1,
xs: 2,
sm: 4,
md: 5,
card: 20,
modal: 8,
lg: 8,
xl: 12,
xxl: 14,
max: 20
}
zIndex:
{
1: 100,
2: 200,
3: 300,
4: 400,
5: 500,
10: 1000,
max: 9999
}
Community:
We're excited to see the community adopt @redshank/native, raise issues, and provide feedback. Whether it's a feature request, bug report, or a project to showcase, please get involved!
DiscordGithubContributing:
PR's on @redshank/native are always welcome, please see our contribution guidelines to learn how you can contribute to this project.