default Theme

NameValueParent
color-primary-100#f2f6ff
color-primary-200#d9e4ff
color-primary-300#a6c1ff
color-primary-400#598bff
color-primary-500#3366ff
color-primary-600#274bdb
color-primary-700#1a34b8
color-primary-800#102694
color-primary-900#091c7a
color-primary-transparent-100rgba(51, 102, 255, 0.08)
color-primary-transparent-200rgba(51, 102, 255, 0.16)
color-primary-transparent-300rgba(51, 102, 255, 0.24)
color-primary-transparent-400rgba(51, 102, 255, 0.32)
color-primary-transparent-500rgba(51, 102, 255, 0.4)
color-primary-transparent-600rgba(51, 102, 255, 0.48)
color-success-100#f0fff5
color-success-200#ccfce3
color-success-300#8cfac7
color-success-400#2ce69b
color-success-500#00d68f
color-success-600#00b887
color-success-700#00997a
color-success-800#007d6c
color-success-900#004a45
color-success-transparent-100rgba(0, 214, 143, 0.08)
color-success-transparent-200rgba(0, 214, 143, 0.16)
color-success-transparent-300rgba(0, 214, 143, 0.24)
color-success-transparent-400rgba(0, 214, 143, 0.32)
color-success-transparent-500rgba(0, 214, 143, 0.4)
color-success-transparent-600rgba(0, 214, 143, 0.48)
color-info-100#f2f8ff
color-info-200#c7e2ff
color-info-300#94cbff
color-info-400#42aaff
color-info-500#0095ff
color-info-600#006fd6
color-info-700#0057c2
color-info-800#0041a8
color-info-900#002885
color-info-transparent-100rgba(0, 149, 255, 0.08)
color-info-transparent-200rgba(0, 149, 255, 0.16)
color-info-transparent-300rgba(0, 149, 255, 0.24)
color-info-transparent-400rgba(0, 149, 255, 0.32)
color-info-transparent-500rgba(0, 149, 255, 0.4)
color-info-transparent-600rgba(0, 149, 255, 0.48)
color-warning-100#fffdf2
color-warning-200#fff1c2
color-warning-300#ffe59e
color-warning-400#ffc94d
color-warning-500#ffaa00
color-warning-600#db8b00
color-warning-700#b86e00
color-warning-800#945400
color-warning-900#703c00
color-warning-transparent-100rgba(255, 170, 0, 0.08)
color-warning-transparent-200rgba(255, 170, 0, 0.16)
color-warning-transparent-300rgba(255, 170, 0, 0.24)
color-warning-transparent-400rgba(255, 170, 0, 0.32)
color-warning-transparent-500rgba(255, 170, 0, 0.4)
color-warning-transparent-600rgba(255, 170, 0, 0.48)
color-danger-100#fff2f2
color-danger-200#ffd6d9
color-danger-300#ffa8b4
color-danger-400#ff708d
color-danger-500#ff3d71
color-danger-600#db2c66
color-danger-700#b81d5b
color-danger-800#94124e
color-danger-900#700940
color-danger-transparent-100rgba(255, 61, 113, 0.08)
color-danger-transparent-200rgba(255, 61, 113, 0.16)
color-danger-transparent-300rgba(255, 61, 113, 0.24)
color-danger-transparent-400rgba(255, 61, 113, 0.32)
color-danger-transparent-500rgba(255, 61, 113, 0.4)
color-danger-transparent-600rgba(255, 61, 113, 0.48)
color-basic-100#ffffff
color-basic-200#f7f9fc
color-basic-300#edf1f7
color-basic-400#e4e9f2
color-basic-500#c5cee0
color-basic-600#8f9bb3
color-basic-700#2e3a59
color-basic-800#222b45
color-basic-900#192038
color-basic-1000#151a30
color-basic-1100#101426
color-basic-transparent-100rgba(143, 155, 179, 0.08)
color-basic-transparent-200rgba(143, 155, 179, 0.16)
color-basic-transparent-300rgba(143, 155, 179, 0.24)
color-basic-transparent-400rgba(143, 155, 179, 0.32)
color-basic-transparent-500rgba(143, 155, 179, 0.4)
color-basic-transparent-600rgba(143, 155, 179, 0.48)
color-basic-control-transparent-100rgba(255, 255, 255, 0.08)
color-basic-control-transparent-200rgba(255, 255, 255, 0.16)
color-basic-control-transparent-300rgba(255, 255, 255, 0.24)
color-basic-control-transparent-400rgba(255, 255, 255, 0.32)
color-basic-control-transparent-500rgba(255, 255, 255, 0.4)
color-basic-control-transparent-600rgba(255, 255, 255, 0.48)
color-basic-focus#e4e9f2color-basic-400
color-basic-hover#f7f9fccolor-basic-200
color-basic-default#edf1f7color-basic-300
color-basic-active#e4e9f2color-basic-400
color-basic-disabledrgba(143, 155, 179, 0.24)color-basic-transparent-300
color-basic-focus-border#c5cee0color-basic-500
color-basic-hover-border#f7f9fccolor-basic-hovercolor-basic-200
color-basic-default-border#edf1f7color-basic-defaultcolor-basic-300
color-basic-active-border#e4e9f2color-basic-activecolor-basic-400
color-basic-disabled-borderrgba(143, 155, 179, 0.24)color-basic-disabledcolor-basic-transparent-300
color-basic-transparent-focusrgba(143, 155, 179, 0.24)color-basic-transparent-300
color-basic-transparent-hoverrgba(143, 155, 179, 0.16)color-basic-transparent-200
color-basic-transparent-defaultrgba(143, 155, 179, 0.08)color-basic-transparent-100
color-basic-transparent-activergba(143, 155, 179, 0.24)color-basic-transparent-300
color-basic-transparent-disabledrgba(143, 155, 179, 0.16)color-basic-transparent-200
color-basic-transparent-focus-border#8f9bb3color-basic-600
color-basic-transparent-hover-border#8f9bb3color-basic-600
color-basic-transparent-default-border#8f9bb3color-basic-600
color-basic-transparent-active-border#8f9bb3color-basic-600
color-basic-transparent-disabled-borderrgba(143, 155, 179, 0.24)color-basic-transparent-300
color-primary-focus#274bdbcolor-primary-600
color-primary-hover#598bffcolor-primary-400
color-primary-default#3366ffcolor-primary-500
color-primary-active#274bdbcolor-primary-600
color-primary-disabledrgba(143, 155, 179, 0.24)color-basic-transparent-300
color-primary-focus-border#1a34b8color-primary-700
color-primary-hover-border#598bffcolor-primary-hovercolor-primary-400
color-primary-default-border#3366ffcolor-primary-defaultcolor-primary-500
color-primary-active-border#274bdbcolor-primary-activecolor-primary-600
color-primary-disabled-borderrgba(143, 155, 179, 0.24)color-primary-disabledcolor-basic-transparent-300
color-primary-transparent-focusrgba(51, 102, 255, 0.24)color-primary-transparent-300
color-primary-transparent-hoverrgba(51, 102, 255, 0.16)color-primary-transparent-200
color-primary-transparent-defaultrgba(51, 102, 255, 0.08)color-primary-transparent-100
color-primary-transparent-activergba(51, 102, 255, 0.24)color-primary-transparent-300
color-primary-transparent-disabledrgba(143, 155, 179, 0.16)color-basic-transparent-200
color-primary-transparent-focus-border#3366ffcolor-primary-500
color-primary-transparent-hover-border#3366ffcolor-primary-500
color-primary-transparent-default-border#3366ffcolor-primary-500
color-primary-transparent-active-border#3366ffcolor-primary-500
color-primary-transparent-disabled-borderrgba(143, 155, 179, 0.24)color-basic-transparent-300
color-success-focus#00b887color-success-600
color-success-hover#2ce69bcolor-success-400
color-success-default#00d68fcolor-success-500
color-success-active#00b887color-success-600
color-success-disabledrgba(143, 155, 179, 0.24)color-basic-transparent-300
color-success-focus-border#00997acolor-success-700
color-success-hover-border#2ce69bcolor-success-hovercolor-success-400
color-success-default-border#00d68fcolor-success-defaultcolor-success-500
color-success-active-border#00b887color-success-activecolor-success-600
color-success-disabled-borderrgba(143, 155, 179, 0.24)color-success-disabledcolor-basic-transparent-300
color-success-transparent-focusrgba(0, 214, 143, 0.24)color-success-transparent-300
color-success-transparent-focus-border#00d68fcolor-success-500
color-success-transparent-hoverrgba(0, 214, 143, 0.16)color-success-transparent-200
color-success-transparent-hover-border#00d68fcolor-success-500
color-success-transparent-defaultrgba(0, 214, 143, 0.08)color-success-transparent-100
color-success-transparent-default-border#00d68fcolor-success-500
color-success-transparent-activergba(0, 214, 143, 0.24)color-success-transparent-300
color-success-transparent-active-border#00d68fcolor-success-500
color-success-transparent-disabledrgba(143, 155, 179, 0.16)color-basic-transparent-200
color-success-transparent-disabled-borderrgba(143, 155, 179, 0.24)color-basic-transparent-300
color-info-focus#006fd6color-info-600
color-info-hover#42aaffcolor-info-400
color-info-default#0095ffcolor-info-500
color-info-active#006fd6color-info-600
color-info-disabledrgba(143, 155, 179, 0.24)color-basic-transparent-300
color-info-focus-border#0057c2color-info-700
color-info-hover-border#42aaffcolor-info-hovercolor-info-400
color-info-default-border#0095ffcolor-info-defaultcolor-info-500
color-info-active-border#006fd6color-info-activecolor-info-600
color-info-disabled-borderrgba(143, 155, 179, 0.24)color-info-disabledcolor-basic-transparent-300
color-info-transparent-focusrgba(0, 149, 255, 0.24)color-info-transparent-300
color-info-transparent-hoverrgba(0, 149, 255, 0.16)color-info-transparent-200
color-info-transparent-defaultrgba(0, 149, 255, 0.08)color-info-transparent-100
color-info-transparent-activergba(0, 149, 255, 0.24)color-info-transparent-300
color-info-transparent-disabledrgba(143, 155, 179, 0.16)color-basic-transparent-200
color-info-transparent-focus-border#0095ffcolor-info-500
color-info-transparent-hover-border#0095ffcolor-info-500
color-info-transparent-default-border#0095ffcolor-info-500
color-info-transparent-active-border#0095ffcolor-info-500
color-info-transparent-disabled-borderrgba(143, 155, 179, 0.24)color-basic-transparent-300
color-warning-focus#db8b00color-warning-600
color-warning-hover#ffc94dcolor-warning-400
color-warning-default#ffaa00color-warning-500
color-warning-active#db8b00color-warning-600
color-warning-disabledrgba(143, 155, 179, 0.24)color-basic-transparent-300
color-warning-focus-border#b86e00color-warning-700
color-warning-hover-border#ffc94dcolor-warning-hovercolor-warning-400
color-warning-default-border#ffaa00color-warning-defaultcolor-warning-500
color-warning-active-border#db8b00color-warning-activecolor-warning-600
color-warning-disabled-borderrgba(143, 155, 179, 0.24)color-warning-disabledcolor-basic-transparent-300
color-warning-transparent-focusrgba(255, 170, 0, 0.24)color-warning-transparent-300
color-warning-transparent-hoverrgba(255, 170, 0, 0.16)color-warning-transparent-200
color-warning-transparent-defaultrgba(255, 170, 0, 0.08)color-warning-transparent-100
color-warning-transparent-activergba(255, 170, 0, 0.24)color-warning-transparent-300
color-warning-transparent-disabledrgba(143, 155, 179, 0.16)color-basic-transparent-200
color-warning-transparent-focus-border#ffaa00color-warning-500
color-warning-transparent-hover-border#ffaa00color-warning-500
color-warning-transparent-default-border#ffaa00color-warning-500
color-warning-transparent-active-border#ffaa00color-warning-500
color-warning-transparent-disabled-borderrgba(143, 155, 179, 0.24)color-basic-transparent-300
color-danger-focus#db2c66color-danger-600
color-danger-hover#ff708dcolor-danger-400
color-danger-default#ff3d71color-danger-500
color-danger-active#db2c66color-danger-600
color-danger-disabledrgba(143, 155, 179, 0.24)color-basic-transparent-300
color-danger-focus-border#b81d5bcolor-danger-700
color-danger-hover-border#ff708dcolor-danger-hovercolor-danger-400
color-danger-default-border#ff3d71color-danger-defaultcolor-danger-500
color-danger-active-border#db2c66color-danger-activecolor-danger-600
color-danger-disabled-borderrgba(143, 155, 179, 0.24)color-danger-disabledcolor-basic-transparent-300
color-danger-transparent-focusrgba(255, 61, 113, 0.24)color-danger-transparent-300
color-danger-transparent-hoverrgba(255, 61, 113, 0.16)color-danger-transparent-200
color-danger-transparent-defaultrgba(255, 61, 113, 0.08)color-danger-transparent-100
color-danger-transparent-activergba(255, 61, 113, 0.24)color-danger-transparent-300
color-danger-transparent-disabledrgba(143, 155, 179, 0.16)color-basic-transparent-200
color-danger-transparent-focus-border#ff3d71color-danger-500
color-danger-transparent-hover-border#ff3d71color-danger-500
color-danger-transparent-default-border#ff3d71color-danger-500
color-danger-transparent-active-border#ff3d71color-danger-500
color-danger-transparent-disabled-borderrgba(143, 155, 179, 0.24)color-basic-transparent-300
color-control-focus#edf1f7color-basic-300
color-control-hover#f7f9fccolor-basic-200
color-control-default#ffffffcolor-basic-100
color-control-active#edf1f7color-basic-300
color-control-disabledrgba(143, 155, 179, 0.24)color-basic-transparent-300
color-control-focus-border#c5cee0color-basic-500
color-control-hover-border#f7f9fccolor-control-hovercolor-basic-200
color-control-default-border#ffffffcolor-control-defaultcolor-basic-100
color-control-active-border#edf1f7color-control-activecolor-basic-300
color-control-disabled-borderrgba(143, 155, 179, 0.24)color-control-disabledcolor-basic-transparent-300
color-control-transparent-focusrgba(255, 255, 255, 0.24)color-basic-control-transparent-300
color-control-transparent-hoverrgba(255, 255, 255, 0.16)color-basic-control-transparent-200
color-control-transparent-defaultrgba(255, 255, 255, 0.08)color-basic-control-transparent-100
color-control-transparent-activergba(255, 255, 255, 0.24)color-basic-control-transparent-300
color-control-transparent-disabledrgba(143, 155, 179, 0.16)color-basic-transparent-200
color-control-transparent-focus-border#ffffffcolor-basic-100
color-control-transparent-hover-border#ffffffcolor-basic-100
color-control-transparent-default-border#ffffffcolor-basic-100
color-control-transparent-active-border#ffffffcolor-basic-100
color-control-transparent-disabled-borderrgba(143, 155, 179, 0.24)color-basic-transparent-300
background-basic-color-1#ffffffcolor-basic-100
background-basic-color-2#f7f9fccolor-basic-200
background-basic-color-3#edf1f7color-basic-300
background-basic-color-4#e4e9f2color-basic-400
border-basic-color-1#ffffffcolor-basic-100
border-basic-color-2#f7f9fccolor-basic-200
border-basic-color-3#edf1f7color-basic-300
border-basic-color-4#e4e9f2color-basic-400
border-basic-color-5#c5cee0color-basic-500
background-alternative-color-1#222b45color-basic-800
background-alternative-color-2#192038color-basic-900
background-alternative-color-3#151a30color-basic-1000
background-alternative-color-4#101426color-basic-1100
border-alternative-color-1#222b45color-basic-800
border-alternative-color-2#192038color-basic-900
border-alternative-color-3#151a30color-basic-1000
border-alternative-color-4#101426color-basic-1100
border-alternative-color-5#101426color-basic-1100
background-primary-color-1#3366ffcolor-primary-500
background-primary-color-2#274bdbcolor-primary-600
background-primary-color-3#1a34b8color-primary-700
background-primary-color-4#102694color-primary-800
border-primary-color-1#c5cee0color-basic-500
border-primary-color-2#8f9bb3color-basic-600
border-primary-color-3#2e3a59color-basic-700
border-primary-color-4#222b45color-basic-800
border-primary-color-5#192038color-basic-900
text-basic-color#222b45color-basic-800
text-alternate-color#ffffffcolor-basic-100
text-control-color#ffffffcolor-basic-100
text-disabled-colorrgba(143, 155, 179, 0.48)color-basic-transparent-600
text-hint-color#8f9bb3color-basic-600
text-primary-color#3366ffcolor-primary-defaultcolor-primary-500
text-primary-focus-color#274bdbcolor-primary-focuscolor-primary-600
text-primary-hover-color#598bffcolor-primary-hovercolor-primary-400
text-primary-active-color#274bdbcolor-primary-activecolor-primary-600
text-primary-disabled-color#598bffcolor-primary-400
text-success-color#00d68fcolor-success-defaultcolor-success-500
text-success-focus-color#00b887color-success-focuscolor-success-600
text-success-hover-color#2ce69bcolor-success-hovercolor-success-400
text-success-active-color#00b887color-success-activecolor-success-600
text-success-disabled-color#2ce69bcolor-success-400
text-info-color#0095ffcolor-info-defaultcolor-info-500
text-info-focus-color#006fd6color-info-focuscolor-info-600
text-info-hover-color#42aaffcolor-info-hovercolor-info-400
text-info-active-color#006fd6color-info-activecolor-info-600
text-info-disabled-color#42aaffcolor-info-400
text-warning-color#ffaa00color-warning-defaultcolor-warning-500
text-warning-focus-color#db8b00color-warning-focuscolor-warning-600
text-warning-hover-color#ffc94dcolor-warning-hovercolor-warning-400
text-warning-active-color#db8b00color-warning-activecolor-warning-600
text-warning-disabled-color#ffc94dcolor-warning-400
text-danger-color#ff3d71color-danger-defaultcolor-danger-500
text-danger-focus-color#db2c66color-danger-focuscolor-danger-600
text-danger-hover-color#ff708dcolor-danger-hovercolor-danger-400
text-danger-active-color#db2c66color-danger-activecolor-danger-600
text-danger-disabled-color#ff708dcolor-danger-400
font-family-primaryOpen Sans, sans-serif
font-family-secondaryOpen Sans, sans-seriffont-family-primary
text-heading-1-font-familyOpen Sans, sans-seriffont-family-secondaryfont-family-primary
text-heading-1-font-size2.25rem
text-heading-1-font-weight700
text-heading-1-line-height3rem
text-heading-2-font-familyOpen Sans, sans-seriffont-family-secondaryfont-family-primary
text-heading-2-font-size2rem
text-heading-2-font-weight700
text-heading-2-line-height2.5rem
text-heading-3-font-familyOpen Sans, sans-seriffont-family-secondaryfont-family-primary
text-heading-3-font-size1.875rem
text-heading-3-font-weight700
text-heading-3-line-height2.5rem
text-heading-4-font-familyOpen Sans, sans-seriffont-family-secondaryfont-family-primary
text-heading-4-font-size1.625rem
text-heading-4-font-weight700
text-heading-4-line-height2rem
text-heading-5-font-familyOpen Sans, sans-seriffont-family-secondaryfont-family-primary
text-heading-5-font-size1.375rem
text-heading-5-font-weight700
text-heading-5-line-height2rem
text-heading-6-font-familyOpen Sans, sans-seriffont-family-secondaryfont-family-primary
text-heading-6-font-size1.125rem
text-heading-6-font-weight700
text-heading-6-line-height1.5rem
text-subtitle-font-familyOpen Sans, sans-seriffont-family-primary
text-subtitle-font-size0.9375rem
text-subtitle-font-weight600
text-subtitle-line-height1.5rem
text-subtitle-2-font-familyOpen Sans, sans-seriffont-family-primary
text-subtitle-2-font-size0.8125rem
text-subtitle-2-font-weight600
text-subtitle-2-line-height1.5rem
text-paragraph-font-familyOpen Sans, sans-seriffont-family-primary
text-paragraph-font-size0.9375rem
text-paragraph-font-weight400
text-paragraph-line-height1.25rem
text-paragraph-2-font-familyOpen Sans, sans-seriffont-family-primary
text-paragraph-2-font-size0.8125rem
text-paragraph-2-font-weight400
text-paragraph-2-line-height1.125rem
text-label-font-familyOpen Sans, sans-seriffont-family-primary
text-label-font-size0.75rem
text-label-font-weight700
text-label-line-height1rem
text-caption-font-familyOpen Sans, sans-seriffont-family-primary
text-caption-font-size0.75rem
text-caption-font-weight400
text-caption-line-height1rem
text-caption-2-font-familyOpen Sans, sans-seriffont-family-primary
text-caption-2-font-size0.75rem
text-caption-2-font-weight600
text-caption-2-line-height1rem
text-button-font-familyOpen Sans, sans-seriffont-family-primary
text-button-font-weight700
text-button-tiny-font-size0.625rem
text-button-tiny-line-height0.75rem
text-button-small-font-size0.75rem
text-button-small-line-height1rem
text-button-medium-font-size0.875rem
text-button-medium-line-height1rem
text-button-large-font-size1rem
text-button-large-line-height1.25rem
text-button-giant-font-size1.125rem
text-button-giant-line-height1.5rem
border-radius0.25rem
outline-width0.375rem
outline-colorrgba(143, 155, 179, 0.16)color-basic-transparent-200
scrollbar-color#e4e9f2background-basic-color-4color-basic-400
scrollbar-background-color#f7f9fcbackground-basic-color-2color-basic-200
scrollbar-width0.3125rem
shadow0 0.5rem 1rem 0 rgba(44, 51, 73, 0.1)
divider-color#edf1f7border-basic-color-3color-basic-300
divider-stylesolid
divider-width1px
Changing Theme
Previous page
Dark Theme
Next page

Need some help or found an issue?

Ask on Stack Overflow with tag `nebular` or post an issue on GitHub.