cosmic Theme

inherited from dark theme

NameValueParent
color-primary-100#faf7ff
color-primary-200#ece3ff
color-primary-300#d5bfff
color-primary-400#b18aff
color-primary-500#a16eff
color-primary-600#7b51db
color-primary-700#5a37b8
color-primary-800#3e2494
color-primary-900#29157a
color-primary-transparent-100rgba(161, 110, 255, 0.08)
color-primary-transparent-200rgba(161, 110, 255, 0.16)
color-primary-transparent-300rgba(161, 110, 255, 0.24)
color-primary-transparent-400rgba(161, 110, 255, 0.32)
color-primary-transparent-500rgba(161, 110, 255, 0.4)
color-primary-transparent-600rgba(161, 110, 255, 0.48)
color-success-100#f0fff5color-success-100(dark)
color-success-200#ccfce3color-success-200(dark)
color-success-300#8cfac7color-success-300(dark)
color-success-400#2ce69bcolor-success-400(dark)
color-success-500#00d68fcolor-success-500(dark)
color-success-600#00b887color-success-600(dark)
color-success-700#00997acolor-success-700(dark)
color-success-800#007d6ccolor-success-800(dark)
color-success-900#004a45color-success-900(dark)
color-success-transparent-100rgba(0, 214, 143, 0.08)color-success-transparent-100(dark)
color-success-transparent-200rgba(0, 214, 143, 0.16)color-success-transparent-200(dark)
color-success-transparent-300rgba(0, 214, 143, 0.24)color-success-transparent-300(dark)
color-success-transparent-400rgba(0, 214, 143, 0.32)color-success-transparent-400(dark)
color-success-transparent-500rgba(0, 214, 143, 0.4)color-success-transparent-500(dark)
color-success-transparent-600rgba(0, 214, 143, 0.48)color-success-transparent-600(dark)
color-info-100#f2f8ffcolor-info-100(dark)
color-info-200#c7e2ffcolor-info-200(dark)
color-info-300#94cbffcolor-info-300(dark)
color-info-400#42aaffcolor-info-400(dark)
color-info-500#0095ffcolor-info-500(dark)
color-info-600#006fd6color-info-600(dark)
color-info-700#0057c2color-info-700(dark)
color-info-800#0041a8color-info-800(dark)
color-info-900#002885color-info-900(dark)
color-info-transparent-100rgba(0, 149, 255, 0.08)color-info-transparent-100(dark)
color-info-transparent-200rgba(0, 149, 255, 0.16)color-info-transparent-200(dark)
color-info-transparent-300rgba(0, 149, 255, 0.24)color-info-transparent-300(dark)
color-info-transparent-400rgba(0, 149, 255, 0.32)color-info-transparent-400(dark)
color-info-transparent-500rgba(0, 149, 255, 0.4)color-info-transparent-500(dark)
color-info-transparent-600rgba(0, 149, 255, 0.48)color-info-transparent-600(dark)
color-warning-100#fffdf2color-warning-100(dark)
color-warning-200#fff1c2color-warning-200(dark)
color-warning-300#ffe59ecolor-warning-300(dark)
color-warning-400#ffc94dcolor-warning-400(dark)
color-warning-500#ffaa00color-warning-500(dark)
color-warning-600#db8b00color-warning-600(dark)
color-warning-700#b86e00color-warning-700(dark)
color-warning-800#945400color-warning-800(dark)
color-warning-900#703c00color-warning-900(dark)
color-warning-transparent-100rgba(255, 170, 0, 0.08)color-warning-transparent-100(dark)
color-warning-transparent-200rgba(255, 170, 0, 0.16)color-warning-transparent-200(dark)
color-warning-transparent-300rgba(255, 170, 0, 0.24)color-warning-transparent-300(dark)
color-warning-transparent-400rgba(255, 170, 0, 0.32)color-warning-transparent-400(dark)
color-warning-transparent-500rgba(255, 170, 0, 0.4)color-warning-transparent-500(dark)
color-warning-transparent-600rgba(255, 170, 0, 0.48)color-warning-transparent-600(dark)
color-danger-100#fff2f2color-danger-100(dark)
color-danger-200#ffd6d9color-danger-200(dark)
color-danger-300#ffa8b4color-danger-300(dark)
color-danger-400#ff708dcolor-danger-400(dark)
color-danger-500#ff3d71color-danger-500(dark)
color-danger-600#db2c66color-danger-600(dark)
color-danger-700#b81d5bcolor-danger-700(dark)
color-danger-800#94124ecolor-danger-800(dark)
color-danger-900#700940color-danger-900(dark)
color-danger-transparent-100rgba(255, 61, 113, 0.08)color-danger-transparent-100(dark)
color-danger-transparent-200rgba(255, 61, 113, 0.16)color-danger-transparent-200(dark)
color-danger-transparent-300rgba(255, 61, 113, 0.24)color-danger-transparent-300(dark)
color-danger-transparent-400rgba(255, 61, 113, 0.32)color-danger-transparent-400(dark)
color-danger-transparent-500rgba(255, 61, 113, 0.4)color-danger-transparent-500(dark)
color-danger-transparent-600rgba(255, 61, 113, 0.48)color-danger-transparent-600(dark)
color-basic-100#ffffffcolor-basic-100(dark)
color-basic-200#f7f7fc
color-basic-300#f0f0fa
color-basic-400#e1e1f2
color-basic-500#ceceeb
color-basic-600#b4b4db
color-basic-700#6a6a94
color-basic-800#323259
color-basic-900#252547
color-basic-1000#1b1b38
color-basic-1100#13132b
color-basic-transparent-100rgba(180, 180, 219, 0.08)
color-basic-transparent-200rgba(180, 180, 219, 0.16)
color-basic-transparent-300rgba(180, 180, 219, 0.24)
color-basic-transparent-400rgba(180, 180, 219, 0.32)
color-basic-transparent-500rgba(180, 180, 219, 0.4)
color-basic-transparent-600rgba(180, 180, 219, 0.48)
color-basic-control-transparent-100rgba(255, 255, 255, 0.08)color-basic-control-transparent-100(dark)
color-basic-control-transparent-200rgba(255, 255, 255, 0.16)color-basic-control-transparent-200(dark)
color-basic-control-transparent-300rgba(255, 255, 255, 0.24)color-basic-control-transparent-300(dark)
color-basic-control-transparent-400rgba(255, 255, 255, 0.32)color-basic-control-transparent-400(dark)
color-basic-control-transparent-500rgba(255, 255, 255, 0.4)color-basic-control-transparent-500(dark)
color-basic-control-transparent-600rgba(255, 255, 255, 0.48)color-basic-control-transparent-600(dark)
color-basic-focus#e1e1f2color-basic-400
color-basic-hover#f7f7fccolor-basic-200
color-basic-default#f0f0facolor-basic-300
color-basic-active#e1e1f2color-basic-400
color-basic-disabledrgba(180, 180, 219, 0.24)color-basic-transparent-300
color-basic-focus-border#ceceebcolor-basic-500
color-basic-hover-border#f7f7fccolor-basic-hovercolor-basic-200
color-basic-default-border#f0f0facolor-basic-defaultcolor-basic-300
color-basic-active-border#e1e1f2color-basic-activecolor-basic-400
color-basic-disabled-borderrgba(180, 180, 219, 0.24)color-basic-disabledcolor-basic-transparent-300
color-basic-transparent-focusrgba(180, 180, 219, 0.24)color-basic-transparent-300
color-basic-transparent-hoverrgba(180, 180, 219, 0.16)color-basic-transparent-200
color-basic-transparent-defaultrgba(180, 180, 219, 0.08)color-basic-transparent-100
color-basic-transparent-activergba(180, 180, 219, 0.24)color-basic-transparent-300
color-basic-transparent-disabledrgba(180, 180, 219, 0.16)color-basic-transparent-200
color-basic-transparent-focus-border#b4b4dbcolor-basic-600
color-basic-transparent-hover-border#b4b4dbcolor-basic-600
color-basic-transparent-default-border#b4b4dbcolor-basic-600
color-basic-transparent-active-border#b4b4dbcolor-basic-600
color-basic-transparent-disabled-borderrgba(180, 180, 219, 0.24)color-basic-transparent-300
color-primary-focus#7b51dbcolor-primary-600
color-primary-hover#b18affcolor-primary-400
color-primary-default#a16effcolor-primary-500
color-primary-active#7b51dbcolor-primary-600
color-primary-disabledrgba(180, 180, 219, 0.24)color-basic-transparent-300
color-primary-focus-border#5a37b8color-primary-700
color-primary-hover-border#b18affcolor-primary-hovercolor-primary-400
color-primary-default-border#a16effcolor-primary-defaultcolor-primary-500
color-primary-active-border#7b51dbcolor-primary-activecolor-primary-600
color-primary-disabled-borderrgba(180, 180, 219, 0.24)color-primary-disabledcolor-basic-transparent-300
color-primary-transparent-focusrgba(161, 110, 255, 0.24)color-primary-transparent-300
color-primary-transparent-hoverrgba(161, 110, 255, 0.16)color-primary-transparent-200
color-primary-transparent-defaultrgba(161, 110, 255, 0.08)color-primary-transparent-100
color-primary-transparent-activergba(161, 110, 255, 0.24)color-primary-transparent-300
color-primary-transparent-disabledrgba(180, 180, 219, 0.16)color-basic-transparent-200
color-primary-transparent-focus-border#a16effcolor-primary-500
color-primary-transparent-hover-border#a16effcolor-primary-500
color-primary-transparent-default-border#a16effcolor-primary-500
color-primary-transparent-active-border#a16effcolor-primary-500
color-primary-transparent-disabled-borderrgba(180, 180, 219, 0.24)color-basic-transparent-300
color-success-focus#00b887color-success-600color-success-600(dark)
color-success-hover#2ce69bcolor-success-400color-success-400(dark)
color-success-default#00d68fcolor-success-500color-success-500(dark)
color-success-active#00b887color-success-600color-success-600(dark)
color-success-disabledrgba(180, 180, 219, 0.24)color-basic-transparent-300
color-success-focus-border#00997acolor-success-700color-success-700(dark)
color-success-hover-border#2ce69bcolor-success-hovercolor-success-400color-success-400(dark)
color-success-default-border#00d68fcolor-success-defaultcolor-success-500color-success-500(dark)
color-success-active-border#00b887color-success-activecolor-success-600color-success-600(dark)
color-success-disabled-borderrgba(180, 180, 219, 0.24)color-success-disabledcolor-basic-transparent-300
color-success-transparent-focusrgba(0, 214, 143, 0.24)color-success-transparent-300color-success-transparent-300(dark)
color-success-transparent-focus-border#00d68fcolor-success-500color-success-500(dark)
color-success-transparent-hoverrgba(0, 214, 143, 0.16)color-success-transparent-200color-success-transparent-200(dark)
color-success-transparent-hover-border#00d68fcolor-success-500color-success-500(dark)
color-success-transparent-defaultrgba(0, 214, 143, 0.08)color-success-transparent-100color-success-transparent-100(dark)
color-success-transparent-default-border#00d68fcolor-success-500color-success-500(dark)
color-success-transparent-activergba(0, 214, 143, 0.24)color-success-transparent-300color-success-transparent-300(dark)
color-success-transparent-active-border#00d68fcolor-success-500color-success-500(dark)
color-success-transparent-disabledrgba(180, 180, 219, 0.16)color-basic-transparent-200
color-success-transparent-disabled-borderrgba(180, 180, 219, 0.24)color-basic-transparent-300
color-info-focus#006fd6color-info-600color-info-600(dark)
color-info-hover#42aaffcolor-info-400color-info-400(dark)
color-info-default#0095ffcolor-info-500color-info-500(dark)
color-info-active#006fd6color-info-600color-info-600(dark)
color-info-disabledrgba(180, 180, 219, 0.24)color-basic-transparent-300
color-info-focus-border#0057c2color-info-700color-info-700(dark)
color-info-hover-border#42aaffcolor-info-hovercolor-info-400color-info-400(dark)
color-info-default-border#0095ffcolor-info-defaultcolor-info-500color-info-500(dark)
color-info-active-border#006fd6color-info-activecolor-info-600color-info-600(dark)
color-info-disabled-borderrgba(180, 180, 219, 0.24)color-info-disabledcolor-basic-transparent-300
color-info-transparent-focusrgba(0, 149, 255, 0.24)color-info-transparent-300color-info-transparent-300(dark)
color-info-transparent-hoverrgba(0, 149, 255, 0.16)color-info-transparent-200color-info-transparent-200(dark)
color-info-transparent-defaultrgba(0, 149, 255, 0.08)color-info-transparent-100color-info-transparent-100(dark)
color-info-transparent-activergba(0, 149, 255, 0.24)color-info-transparent-300color-info-transparent-300(dark)
color-info-transparent-disabledrgba(180, 180, 219, 0.16)color-basic-transparent-200
color-info-transparent-focus-border#0095ffcolor-info-500color-info-500(dark)
color-info-transparent-hover-border#0095ffcolor-info-500color-info-500(dark)
color-info-transparent-default-border#0095ffcolor-info-500color-info-500(dark)
color-info-transparent-active-border#0095ffcolor-info-500color-info-500(dark)
color-info-transparent-disabled-borderrgba(180, 180, 219, 0.24)color-basic-transparent-300
color-warning-focus#db8b00color-warning-600color-warning-600(dark)
color-warning-hover#ffc94dcolor-warning-400color-warning-400(dark)
color-warning-default#ffaa00color-warning-500color-warning-500(dark)
color-warning-active#db8b00color-warning-600color-warning-600(dark)
color-warning-disabledrgba(180, 180, 219, 0.24)color-basic-transparent-300
color-warning-focus-border#b86e00color-warning-700color-warning-700(dark)
color-warning-hover-border#ffc94dcolor-warning-hovercolor-warning-400color-warning-400(dark)
color-warning-default-border#ffaa00color-warning-defaultcolor-warning-500color-warning-500(dark)
color-warning-active-border#db8b00color-warning-activecolor-warning-600color-warning-600(dark)
color-warning-disabled-borderrgba(180, 180, 219, 0.24)color-warning-disabledcolor-basic-transparent-300
color-warning-transparent-focusrgba(255, 170, 0, 0.24)color-warning-transparent-300color-warning-transparent-300(dark)
color-warning-transparent-hoverrgba(255, 170, 0, 0.16)color-warning-transparent-200color-warning-transparent-200(dark)
color-warning-transparent-defaultrgba(255, 170, 0, 0.08)color-warning-transparent-100color-warning-transparent-100(dark)
color-warning-transparent-activergba(255, 170, 0, 0.24)color-warning-transparent-300color-warning-transparent-300(dark)
color-warning-transparent-disabledrgba(180, 180, 219, 0.16)color-basic-transparent-200
color-warning-transparent-focus-border#ffaa00color-warning-500color-warning-500(dark)
color-warning-transparent-hover-border#ffaa00color-warning-500color-warning-500(dark)
color-warning-transparent-default-border#ffaa00color-warning-500color-warning-500(dark)
color-warning-transparent-active-border#ffaa00color-warning-500color-warning-500(dark)
color-warning-transparent-disabled-borderrgba(180, 180, 219, 0.24)color-basic-transparent-300
color-danger-focus#db2c66color-danger-600color-danger-600(dark)
color-danger-hover#ff708dcolor-danger-400color-danger-400(dark)
color-danger-default#ff3d71color-danger-500color-danger-500(dark)
color-danger-active#db2c66color-danger-600color-danger-600(dark)
color-danger-disabledrgba(180, 180, 219, 0.24)color-basic-transparent-300
color-danger-focus-border#b81d5bcolor-danger-700color-danger-700(dark)
color-danger-hover-border#ff708dcolor-danger-hovercolor-danger-400color-danger-400(dark)
color-danger-default-border#ff3d71color-danger-defaultcolor-danger-500color-danger-500(dark)
color-danger-active-border#db2c66color-danger-activecolor-danger-600color-danger-600(dark)
color-danger-disabled-borderrgba(180, 180, 219, 0.24)color-danger-disabledcolor-basic-transparent-300
color-danger-transparent-focusrgba(255, 61, 113, 0.24)color-danger-transparent-300color-danger-transparent-300(dark)
color-danger-transparent-hoverrgba(255, 61, 113, 0.16)color-danger-transparent-200color-danger-transparent-200(dark)
color-danger-transparent-defaultrgba(255, 61, 113, 0.08)color-danger-transparent-100color-danger-transparent-100(dark)
color-danger-transparent-activergba(255, 61, 113, 0.24)color-danger-transparent-300color-danger-transparent-300(dark)
color-danger-transparent-disabledrgba(180, 180, 219, 0.16)color-basic-transparent-200
color-danger-transparent-focus-border#ff3d71color-danger-500color-danger-500(dark)
color-danger-transparent-hover-border#ff3d71color-danger-500color-danger-500(dark)
color-danger-transparent-default-border#ff3d71color-danger-500color-danger-500(dark)
color-danger-transparent-active-border#ff3d71color-danger-500color-danger-500(dark)
color-danger-transparent-disabled-borderrgba(180, 180, 219, 0.24)color-basic-transparent-300
color-control-focus#f0f0facolor-basic-300
color-control-hover#f7f7fccolor-basic-200
color-control-default#ffffffcolor-basic-100color-basic-100(dark)
color-control-active#f0f0facolor-basic-300
color-control-disabledrgba(180, 180, 219, 0.24)color-basic-transparent-300
color-control-focus-border#ceceebcolor-basic-500
color-control-hover-border#f7f7fccolor-control-hovercolor-basic-200
color-control-default-border#ffffffcolor-control-defaultcolor-basic-100color-basic-100(dark)
color-control-active-border#f0f0facolor-control-activecolor-basic-300
color-control-disabled-borderrgba(180, 180, 219, 0.24)color-control-disabledcolor-basic-transparent-300
color-control-transparent-focusrgba(255, 255, 255, 0.24)color-basic-control-transparent-300color-basic-control-transparent-300(dark)
color-control-transparent-hoverrgba(255, 255, 255, 0.16)color-basic-control-transparent-200color-basic-control-transparent-200(dark)
color-control-transparent-defaultrgba(255, 255, 255, 0.08)color-basic-control-transparent-100color-basic-control-transparent-100(dark)
color-control-transparent-activergba(255, 255, 255, 0.24)color-basic-control-transparent-300color-basic-control-transparent-300(dark)
color-control-transparent-disabledrgba(180, 180, 219, 0.16)color-basic-transparent-200
color-control-transparent-focus-border#ffffffcolor-basic-100color-basic-100(dark)
color-control-transparent-hover-border#ffffffcolor-basic-100color-basic-100(dark)
color-control-transparent-default-border#ffffffcolor-basic-100color-basic-100(dark)
color-control-transparent-active-border#ffffffcolor-basic-100color-basic-100(dark)
color-control-transparent-disabled-borderrgba(180, 180, 219, 0.24)color-basic-transparent-300
background-basic-color-1#323259color-basic-800
background-basic-color-2#252547color-basic-900
background-basic-color-3#1b1b38color-basic-1000
background-basic-color-4#13132bcolor-basic-1100
border-basic-color-1#323259color-basic-800
border-basic-color-2#252547color-basic-900
border-basic-color-3#1b1b38color-basic-1000
border-basic-color-4#13132bcolor-basic-1100
border-basic-color-5#13132bcolor-basic-1100
background-alternative-color-1#ffffffcolor-basic-100color-basic-100(dark)
background-alternative-color-2#f7f7fccolor-basic-200
background-alternative-color-3#f0f0facolor-basic-300
background-alternative-color-4#e1e1f2color-basic-400
border-alternative-color-1#ffffffcolor-basic-100color-basic-100(dark)
border-alternative-color-2#f7f7fccolor-basic-200
border-alternative-color-3#f0f0facolor-basic-300
border-alternative-color-4#e1e1f2color-basic-400
border-alternative-color-5#ceceebcolor-basic-500
background-primary-color-1#a16effcolor-primary-500
background-primary-color-2#7b51dbcolor-primary-600
background-primary-color-3#5a37b8color-primary-700
background-primary-color-4#3e2494color-primary-800
border-primary-color-1#ceceebcolor-basic-500
border-primary-color-2#b4b4dbcolor-basic-600
border-primary-color-3#6a6a94color-basic-700
border-primary-color-4#323259color-basic-800
border-primary-color-5#252547color-basic-900
text-basic-color#ffffffcolor-basic-100color-basic-100(dark)
text-alternate-color#252547color-basic-900
text-control-color#ffffffcolor-basic-100color-basic-100(dark)
text-disabled-colorrgba(180, 180, 219, 0.48)color-basic-transparent-600
text-hint-color#b4b4dbcolor-basic-600
text-primary-color#a16effcolor-primary-defaultcolor-primary-500
text-primary-focus-color#7b51dbcolor-primary-focuscolor-primary-600
text-primary-hover-color#b18affcolor-primary-hovercolor-primary-400
text-primary-active-color#7b51dbcolor-primary-activecolor-primary-600
text-primary-disabled-color#b18affcolor-primary-400
text-success-color#00d68fcolor-success-defaultcolor-success-500color-success-500(dark)
text-success-focus-color#00b887color-success-focuscolor-success-600color-success-600(dark)
text-success-hover-color#2ce69bcolor-success-hovercolor-success-400color-success-400(dark)
text-success-active-color#00b887color-success-activecolor-success-600color-success-600(dark)
text-success-disabled-color#2ce69bcolor-success-400color-success-400(dark)
text-info-color#0095ffcolor-info-defaultcolor-info-500color-info-500(dark)
text-info-focus-color#006fd6color-info-focuscolor-info-600color-info-600(dark)
text-info-hover-color#42aaffcolor-info-hovercolor-info-400color-info-400(dark)
text-info-active-color#006fd6color-info-activecolor-info-600color-info-600(dark)
text-info-disabled-color#42aaffcolor-info-400color-info-400(dark)
text-warning-color#ffaa00color-warning-defaultcolor-warning-500color-warning-500(dark)
text-warning-focus-color#db8b00color-warning-focuscolor-warning-600color-warning-600(dark)
text-warning-hover-color#ffc94dcolor-warning-hovercolor-warning-400color-warning-400(dark)
text-warning-active-color#db8b00color-warning-activecolor-warning-600color-warning-600(dark)
text-warning-disabled-color#ffc94dcolor-warning-400color-warning-400(dark)
text-danger-color#ff3d71color-danger-defaultcolor-danger-500color-danger-500(dark)
text-danger-focus-color#db2c66color-danger-focuscolor-danger-600color-danger-600(dark)
text-danger-hover-color#ff708dcolor-danger-hovercolor-danger-400color-danger-400(dark)
text-danger-active-color#db2c66color-danger-activecolor-danger-600color-danger-600(dark)
text-danger-disabled-color#ff708dcolor-danger-400color-danger-400(dark)
font-family-primaryOpen Sans, sans-seriffont-family-primary(dark)
font-family-secondaryOpen Sans, sans-seriffont-family-primaryfont-family-primary(dark)
text-heading-1-font-familyOpen Sans, sans-seriffont-family-secondaryfont-family-primaryfont-family-primary(dark)
text-heading-1-font-size2.25remtext-heading-1-font-size(dark)
text-heading-1-font-weight700text-heading-1-font-weight(dark)
text-heading-1-line-height3remtext-heading-1-line-height(dark)
text-heading-2-font-familyOpen Sans, sans-seriffont-family-secondaryfont-family-primaryfont-family-primary(dark)
text-heading-2-font-size2remtext-heading-2-font-size(dark)
text-heading-2-font-weight700text-heading-2-font-weight(dark)
text-heading-2-line-height2.5remtext-heading-2-line-height(dark)
text-heading-3-font-familyOpen Sans, sans-seriffont-family-secondaryfont-family-primaryfont-family-primary(dark)
text-heading-3-font-size1.875remtext-heading-3-font-size(dark)
text-heading-3-font-weight700text-heading-3-font-weight(dark)
text-heading-3-line-height2.5remtext-heading-3-line-height(dark)
text-heading-4-font-familyOpen Sans, sans-seriffont-family-secondaryfont-family-primaryfont-family-primary(dark)
text-heading-4-font-size1.625remtext-heading-4-font-size(dark)
text-heading-4-font-weight700text-heading-4-font-weight(dark)
text-heading-4-line-height2remtext-heading-4-line-height(dark)
text-heading-5-font-familyOpen Sans, sans-seriffont-family-secondaryfont-family-primaryfont-family-primary(dark)
text-heading-5-font-size1.375remtext-heading-5-font-size(dark)
text-heading-5-font-weight700text-heading-5-font-weight(dark)
text-heading-5-line-height2remtext-heading-5-line-height(dark)
text-heading-6-font-familyOpen Sans, sans-seriffont-family-secondaryfont-family-primaryfont-family-primary(dark)
text-heading-6-font-size1.125remtext-heading-6-font-size(dark)
text-heading-6-font-weight700text-heading-6-font-weight(dark)
text-heading-6-line-height1.5remtext-heading-6-line-height(dark)
text-subtitle-font-familyOpen Sans, sans-seriffont-family-primaryfont-family-primary(dark)
text-subtitle-font-size0.9375remtext-subtitle-font-size(dark)
text-subtitle-font-weight600text-subtitle-font-weight(dark)
text-subtitle-line-height1.5remtext-subtitle-line-height(dark)
text-subtitle-2-font-familyOpen Sans, sans-seriffont-family-primaryfont-family-primary(dark)
text-subtitle-2-font-size0.8125remtext-subtitle-2-font-size(dark)
text-subtitle-2-font-weight600text-subtitle-2-font-weight(dark)
text-subtitle-2-line-height1.5remtext-subtitle-2-line-height(dark)
text-paragraph-font-familyOpen Sans, sans-seriffont-family-primaryfont-family-primary(dark)
text-paragraph-font-size0.9375remtext-paragraph-font-size(dark)
text-paragraph-font-weight400text-paragraph-font-weight(dark)
text-paragraph-line-height1.25remtext-paragraph-line-height(dark)
text-paragraph-2-font-familyOpen Sans, sans-seriffont-family-primaryfont-family-primary(dark)
text-paragraph-2-font-size0.8125remtext-paragraph-2-font-size(dark)
text-paragraph-2-font-weight400text-paragraph-2-font-weight(dark)
text-paragraph-2-line-height1.125remtext-paragraph-2-line-height(dark)
text-label-font-familyOpen Sans, sans-seriffont-family-primaryfont-family-primary(dark)
text-label-font-size0.75remtext-label-font-size(dark)
text-label-font-weight700text-label-font-weight(dark)
text-label-line-height1remtext-label-line-height(dark)
text-caption-font-familyOpen Sans, sans-seriffont-family-primaryfont-family-primary(dark)
text-caption-font-size0.75remtext-caption-font-size(dark)
text-caption-font-weight400text-caption-font-weight(dark)
text-caption-line-height1remtext-caption-line-height(dark)
text-caption-2-font-familyOpen Sans, sans-seriffont-family-primaryfont-family-primary(dark)
text-caption-2-font-size0.75remtext-caption-2-font-size(dark)
text-caption-2-font-weight600text-caption-2-font-weight(dark)
text-caption-2-line-height1remtext-caption-2-line-height(dark)
text-button-font-familyOpen Sans, sans-seriffont-family-primaryfont-family-primary(dark)
text-button-font-weight700text-button-font-weight(dark)
text-button-tiny-font-size0.625remtext-button-tiny-font-size(dark)
text-button-tiny-line-height0.75remtext-button-tiny-line-height(dark)
text-button-small-font-size0.75remtext-button-small-font-size(dark)
text-button-small-line-height1remtext-button-small-line-height(dark)
text-button-medium-font-size0.875remtext-button-medium-font-size(dark)
text-button-medium-line-height1remtext-button-medium-line-height(dark)
text-button-large-font-size1remtext-button-large-font-size(dark)
text-button-large-line-height1.25remtext-button-large-line-height(dark)
text-button-giant-font-size1.125remtext-button-giant-font-size(dark)
text-button-giant-line-height1.5remtext-button-giant-line-height(dark)
border-radius0.25remborder-radius(dark)
outline-width0.375remoutline-width(dark)
outline-color#6a6a94color-basic-700
scrollbar-color#13132bbackground-basic-color-4color-basic-1100
scrollbar-background-color#252547background-basic-color-2color-basic-900
scrollbar-width0.3125remscrollbar-width(dark)
shadow0 0.5rem 1rem 0 #1a1f33
divider-color#1b1b38border-basic-color-3color-basic-1000
divider-stylesoliddivider-style(dark)
divider-width1pxdivider-width(dark)
Dark Theme
Previous page
Corporate Theme
Next page

Need some help or found an issue?

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