| accentColor | --c3-style-color-core-blue-40 | #82B0FF | Dark |
| accentFontColor | --c3-style-color-core-gray-100 | #111112 | Dark |
| accentVariantColor | --c3-style-color-core-blue-60 | #2266F0 | Dark |
| avatarBadgeBlueBackgroundColor | --c3-style-color-core-blue-70 | #0E48C4 | Dark |
| avatarBadgeBlueColor | --c3-style-color-core-blue-30 | #ADCBFF | Dark |
| avatarBadgeChocoBackgroundColor | --c3-style-color-decorative-choco-70 | #704A50 | Dark |
| avatarBadgeChocoColor | --c3-style-color-decorative-choco-30 | #E8C1C9 | Dark |
| avatarBadgeCyanBackgroundColor | --c3-style-color-decorative-cyan-70 | #085D66 | Dark |
| avatarBadgeCyanColor | --c3-style-color-decorative-cyan-30 | #56DCE5 | Dark |
| avatarBadgeForestBackgroundColor | --c3-style-color-decorative-forest-70 | #395C45 | Dark |
| avatarBadgeForestColor | --c3-style-color-decorative-forest-30 | #9FD6B3 | Dark |
| avatarBadgeGreenBackgroundColor | --c3-style-color-core-green-70 | #1C5E50 | Dark |
| avatarBadgeGreenColor | --c3-style-color-core-green-30 | #72DBC8 | Dark |
| avatarBadgeLimeBackgroundColor | --c3-style-color-decorative-lime-70 | #3B5C0F | Dark |
| avatarBadgeLimeColor | --c3-style-color-decorative-lime-30 | #AAD959 | Dark |
| avatarBadgeOliveBackgroundColor | --c3-style-color-decorative-olive-70 | #5C5423 | Dark |
| avatarBadgeOliveColor | --c3-style-color-decorative-olive-30 | #D6CD78 | Dark |
| avatarBadgeOrangeBackgroundColor | --c3-style-color-decorative-orange-70 | #963200 | Dark |
| avatarBadgeOrangeColor | --c3-style-color-decorative-orange-30 | #FFBB94 | Dark |
| avatarBadgePlumBackgroundColor | --c3-style-color-decorative-plum-70 | #8C316E | Dark |
| avatarBadgePlumColor | --c3-style-color-decorative-plum-30 | #F7B5E4 | Dark |
| avatarBadgePurpleBackgroundColor | --c3-style-color-decorative-purple-70 | #6932BA | Dark |
| avatarBadgePurpleColor | --c3-style-color-decorative-purple-30 | #DCBDFF | Dark |
| avatarBadgeRedBackgroundColor | --c3-style-color-core-red-70 | #A80F26 | Dark |
| avatarBadgeRedColor | --c3-style-color-decorative-choco-30 | #E8C1C9 | Dark |
| avatarBadgeSlateBackgroundColor | --c3-style-color-decorative-slate-70 | #505366 | Dark |
| avatarBadgeSlateColor | --c3-style-color-decorative-slate-30 | #C5CADB | Dark |
| avatarBadgeYellowBackgroundColor | --c3-style-color-core-yellow-70 | #7D4604 | Dark |
| avatarBadgeYellowColor | --c3-style-color-core-yellow-30 | #FFBE4F | Dark |
| booleanIconColor | --c3-style-color-decorative-olive-70 | #5C5423 | Dark |
| booleanIconTextColor | --c3-style-color-decorative-olive-30 | #D6CD78 | Dark |
| borderColor | --c3-style-color-core-white-alpha-30 | rgba(255, 255, 255, 0.3) | Dark |
| boxShadow01 | --c3-style-box-shadow-dark-01 | 0px 1px 2px rgba(17, 17, 18, 0.2), 0px 1px 6px rgba(17, 17, 18, 0.1), 0px 2px 1px rgba(17, 17, 18, 0.04) | Dark |
| boxShadow02 | --c3-style-box-shadow-dark-02 | 0px 2px 5px rgba(17, 17, 18, 0.5), 0px 4px 8px -1px rgba(17, 17, 18, 0.2), 0px 4px 12px -2px rgba(17, 17, 18, 0.1) | Dark |
| boxShadow03 | --c3-style-box-shadow-dark-03 | 0px 2px 8px rgba(17, 17, 18, 0.3), 0px 12px 12px -4px rgba(17, 17, 18, 0.2), 0px 12px 14px -6px rgba(17, 17, 18, 0.1) | Dark |
| boxShadow04 | --c3-style-box-shadow-dark-04 | 0px 4px 12px rgba(17, 17, 18, 0.2), 0px 16px 24px -8px rgba(17, 17, 18, 0.3), 0px 24px 24px -12px rgba(17, 17, 18, 0.2) | Dark |
| boxShadow05 | --c3-style-box-shadow-dark-05 | 0px 4px 24px -2px rgba(17, 17, 18, 0.2), 0px 24px 32px -12px rgba(17, 17, 18, 0.2), 0px 32px 40px -16px rgba(17, 17, 18, 0.1) | Dark |
| boxShadowCardParent | --c3-style-boxShadow01 | 0px 1px 2px rgba(17, 17, 18, 0.2), 0px 1px 6px rgba(17, 17, 18, 0.1), 0px 2px 1px rgba(17, 17, 18, 0.04) | Dark |
| boxShadowMenu | --c3-style-boxShadow03 | 0px 2px 8px rgba(17, 17, 18, 0.2), 0px 12px 12px -4px rgba(17, 17, 18, 0.1), 0px 12px 14px -6px rgba(17, 17, 18, 0.04) | Dark |
| brightnessActionHover | --c3-style-brightness-11 | 1.15 | Dark |
| brightnessActionHoverInverse | --c3-style-brightness-09 | 0.9 | Dark |
| brightnessActionPressed | --c3-style-brightness-12 | 1.3 | Dark |
| brightnessActionPressedInverse | --c3-style-brightness-08 | 0.8 | Dark |
| buttonControlBorderColor | --c3-style-componentBorderColor | rgba(17, 17, 18, 0.4) | Dark |
| buttonControlFontColor | --c3-style-fontColor | #111112 | Dark |
| buttonControlHoverBackgroundColor | --c3-style-color-core-white-alpha-05 | rgba(255, 255, 255, 0.05) | Dark |
| buttonControlSelectedBackgroundColor | --c3-style-color-core-blue-50 | #4F8DFF | Dark |
| buttonControlSelectedDisabledBackgroundColor | --c3-style-color-core-blue-80 | #103487 | Dark |
| buttonControlSelectedFontColor | --c3-style-color-core-gray-100 | #111112 | Dark |
| buttonControlSelectedHoverBackgroundColor | --c3-style-color-core-blue-60 | #2266F0 | Dark |
| buttonDangerPrimaryActiveBackgroundColor | --c3-style-color-core-red-40 | #FF7893 | Dark |
| buttonDangerPrimaryHoverBackgroundColor | --c3-style-color-core-red-50 | #FF5271 | Dark |
| buttonDangerSecondaryActiveBackgroundColor | --c3-style-color-core-red-80 | #75121F | Dark |
| buttonDangerSecondaryHoverBackgroundColor | --c3-style-color-core-red-90 | #4F131A | Dark |
| buttonDangerTertiaryActiveBackgroundColor | --c3-style-color-core-red-80 | #75121F | Dark |
| buttonDangerTertiaryHoverBackgroundColor | --c3-style-color-core-red-90 | #4F131A | Dark |
| buttonIconActiveBackgroundColor | --c3-style-color-core-white-alpha-10 | rgba(255, 255, 255, 0.1) | Dark |
| buttonIconBackgroundColor | --c3-style-color-core-white-alpha-00 | rgba(255, 255, 255, 0) | Dark |
| buttonIconHoverBackgroundColor | --c3-style-color-core-white-alpha-05 | rgba(255, 255, 255, 0.05) | Dark |
| buttonIconSelectedActiveBackgroundColor | --c3-style-color-core-white-alpha-40 | rgba(255, 255, 255, 0.4) | Dark |
| buttonIconSelectedBackgroundColor | --c3-style-color-core-white-alpha-20 | rgba(255, 255, 255, 0.2) | Dark |
| buttonIconSelectedForegroundColor | --c3-style-fontColor | #111112 | Dark |
| buttonIconSelectedHoverBackgroundColor | --c3-style-color-core-white-alpha-30 | rgba(255, 255, 255, 0.3) | Dark |
| buttonPrimaryActiveBackgroundColor | --c3-style-color-core-blue-40 | #82B0FF | Dark |
| buttonPrimaryHoverBackgroundColor | --c3-style-color-core-blue-50 | #4F8DFF | Dark |
| buttonSecondaryActiveBackgroundColor | --c3-style-color-core-blue-80 | #103487 | Dark |
| buttonSecondaryHoverBackgroundColor | --c3-style-color-core-blue-90 | #142757 | Dark |
| buttonTertiaryActiveBackgroundColor | --c3-style-color-core-blue-80 | #103487 | Dark |
| buttonTertiaryHoverBackgroundColor | --c3-style-color-core-blue-90 | #142757 | Dark |
| canvasBackgroundDotColor | --c3-style-color-core-gray-70 | #50545C | Dark |
| canvasCyanNodeColor | --c3-style-color-decorative-cyan-50 | #0CA0AB | Dark |
| canvasForestNodeColor | --c3-style-color-decorative-forest-50 | #629E77 | Dark |
| canvasNodeBorderColor | --c3-style-color-core-gray-50 | #8C919C | Dark |
| canvasNodeErrorBackgroundColor | --c3-style-color-core-red-90 | #4F131A | Dark |
| canvasNodeWarningBackgroundColor | --c3-style-color-core-yellow-90 | #3B240C | Dark |
| canvasOrangeIconColor | --c3-style-color-decorative-orange-60 | #C64600 | Dark |
| canvasOrangeNodeColor | --c3-style-color-decorative-orange-60 | #C64600 | Dark |
| canvasPendingNodeBackgroundColor | --c3-style-color-decorative-slate-100 | #141414 | Dark |
| canvasPendingNodeForegroundColor | --c3-style-color-core-gray-60 | #6C717A | Dark |
| canvasPlumNodeColor | --c3-style-color-decorative-plum-60 | #B84491 | Dark |
| canvasPurpleIconColor | --c3-style-color-decorative-purple-60 | #8D4BE3 | Dark |
| canvasPurpleNodeColor | --c3-style-color-decorative-purple-60 | #8D4BE3 | Dark |
| canvasSlateIconColor | --c3-style-color-decorative-slate-60 | #6A6F8A | Dark |
| canvasSlateNodeColor | --c3-style-color-decorative-slate-40 | #A7ADC4 | Dark |
| cardElevation00BackgroundColor | --c3-style-color-core-gray-100 | #111112 | Dark |
| cardElevation01BackgroundColor | --c3-style-color-core-gray-95 | #1C1D1F | Dark |
| cardElevation02BackgroundColor | --c3-style-color-core-gray-95 | #1C1D1F | Dark |
| cardElevation03BackgroundColor | --c3-style-color-core-gray-95 | #1C1D1F | Dark |
| cardElevation04BackgroundColor | --c3-style-color-core-gray-90 | #27292B | Dark |
| cardElevation06BackgroundColor | --c3-style-color-core-gray-90 | #27292B | Dark |
| cardElevation08BackgroundColor | --c3-style-color-core-gray-90 | #27292B | Dark |
| cardElevation12BackgroundColor | --c3-style-color-core-gray-90 | #27292B | Dark |
| cardElevation16BackgroundColor | --c3-style-color-core-gray-90 | #27292B | Dark |
| cardElevation24BackgroundColor | --c3-style-color-core-gray-90 | #27292B | Dark |
| chartSeriesTooltipNameFontColor | --c3-style-secondaryFontColor | rgba(17, 17, 18, 0.65) | Dark |
| chartSeriesTooltipTitleFontColor | --c3-style-fontColor | #111112 | Dark |
| chartSeriesTooltipValueFontColor | --c3-style-fontColor | #111112 | Dark |
| checkboxBackgroundColor | --c3-style-color-core-gray-alpha-00 | rgba(17, 17, 18, 0) | Dark |
| checkboxColor | --c3-style-color-core-white-alpha-70 | rgba(255, 255, 255, 0.7) | Dark |
| checkboxHoverBackgroundColor | --c3-style-color-core-gray-alpha-00 | rgba(17, 17, 18, 0) | Dark |
| checkboxHoverColor | --c3-style-color-core-gray-05 | #F7F8FA | Dark |
| checkboxSelectedDisabledColor | --c3-style-color-core-blue-80 | #103487 | Dark |
| checkboxSelectedHoverColor | --c3-style-color-core-blue-60 | #2266F0 | Dark |
| colorBgAccent | --c3-style-color-core-blue-40 | #82B0FF | Dark |
| colorBgAccentWeak | --c3-style-color-core-blue-90 | #142757 | Dark |
| colorBgActionHover | --c3-style-color-core-white-alpha-05 | rgba(255, 255, 255, 0.05) | Dark |
| colorBgActionHoverInverse | --c3-style-color-core-gray-alpha-05 | rgba(17, 17, 18, 0.04) | Dark |
| colorBgActionPressed | --c3-style-color-core-white-alpha-10 | rgba(255, 255, 255, 0.1) | Dark |
| colorBgActionPressedInverse | --c3-style-color-core-gray-alpha-10 | rgba(17, 17, 18, 0.1) | Dark |
| colorBgAvatarDefault | --c3-style-color-core-gray-80 | #393B40 | Dark |
| colorBgBtnAccentFill | --c3-style-colorBgAccent | #2266F0 | Dark |
| colorBgBtnDangerFill | --c3-style-colorBgDanger | #DB1C3C | Dark |
| colorBgBtnPrimaryFill | --c3-style-color-core-gray-20 | #DFE1E5 | Dark |
| colorBgCardChildPrimary | --c3-style-colorBgTertiary | #EBEDF0 | Dark |
| colorBgCardChildSecondary | --c3-style-colorBgSecondary | #F7F8FA | Dark |
| colorBgCardParent | --c3-style-colorBgSecondary | #F7F8FA | Dark |
| colorBgContainer01 | --c3-style-colorBgSecondary | #F7F8FA | Dark |
| colorBgContainer02 | --c3-style-colorBgTertiary | #EBEDF0 | Dark |
| colorBgContentFrame | --c3-style-colorBgCardParent | #FFFFFF | Dark |
| colorBgDanger | --c3-style-color-core-red-50 | #FF5271 | Dark |
| colorBgDangerWeak | --c3-style-color-core-red-90 | #4F131A | Dark |
| colorBgDataGridHover | --c3-style-color-decorative-slate-90 | #29292E | Dark |
| colorBgDataGridZebraStripe | --c3-style-colorBgCardParent | #FFFFFF | Dark |
| colorBgDataZoomSliderFilter | --c3-style-color-core-data-zoom-20 | rgba(130, 176, 255, .2) | Dark |
| colorBgDataZoomSparkline | --c3-style-color-core-data-zoom-10 | rgba(130, 176, 255, .1) | Dark |
| colorBgDecoOrangeStrong | --c3-style-color-decorative-orange-80 | #662709 | Dark |
| colorBgDecoOrange | --c3-style-color-decorative-orange-90 | #451E0D | Dark |
| colorBgDecoOrangeWeak | --c3-style-color-decorative-orange-95 | #2E160D | Dark |
| colorBgDecoOliveStrong | --c3-style-color-decorative-olive-80 | #403A1B | Dark |
| colorBgDecoOlive | --c3-style-color-decorative-olive-90 | #2E2A15 | Dark |
| colorBgDecoOliveWeak | --c3-style-color-decorative-olive-95 | #1F1C0F | Dark |
| colorBgDecoLimeStrong | --c3-style-color-decorative-lime-80 | #29400D | Dark |
| colorBgDecoLime | --c3-style-color-decorative-lime-90 | #1E2E0B | Dark |
| colorBgDecoLimeWeak | --c3-style-color-decorative-lime-95 | #131F07 | Dark |
| colorBgDecoForestStrong | --c3-style-color-decorative-forest-80 | #2A4031 | Dark |
| colorBgDecoForest | --c3-style-color-decorative-forest-90 | #1F2B23 | Dark |
| colorBgDecoForestWeak | --c3-style-color-decorative-forest-95 | #171F19 | Dark |
| colorBgDecoCyanStrong | --c3-style-color-decorative-cyan-80 | #0A4047 | Dark |
| colorBgDecoCyan | --c3-style-color-decorative-cyan-90 | #0A2D33 | Dark |
| colorBgDecoCyanWeak | --c3-style-color-decorative-cyan-95 | #082024 | Dark |
| colorBgDecoSlateStrong | --c3-style-color-decorative-slate-80 | #393B45 | Dark |
| colorBgDecoSlate | --c3-style-color-decorative-slate-90 | #29292E | Dark |
| colorBgDecoSlateWeak | --c3-style-color-decorative-slate-95 | #1C1D1F | Dark |
| colorBgDecoPurpleStrong | --c3-style-color-decorative-purple-80 | #472A75 | Dark |
| colorBgDecoPurple | --c3-style-color-decorative-purple-90 | #2E2340 | Dark |
| colorBgDecoPurpleWeak | --c3-style-color-decorative-purple-95 | #1E1A26 | Dark |
| colorBgDecoPlumStrong | --c3-style-color-decorative-plum-80 | #5E274B | Dark |
| colorBgDecoPlum | --c3-style-color-decorative-plum-90 | #3D1F32 | Dark |
| colorBgDecoPlumWeak | --c3-style-color-decorative-plum-95 | #291722 | Dark |
| colorBgDecoChocoStrong | --c3-style-color-decorative-choco-80 | #473639 | Dark |
| colorBgDecoChoco | --c3-style-color-decorative-choco-90 | #302728 | Dark |
| colorBgDecoChocoWeak | --c3-style-color-decorative-choco-95 | #1F1B1B | Dark |
| colorBorderDataZoomSparkline | --c3-style-color-core-data-zoom-50 | rgba(130, 176, 255, .5) | Dark |
| colorBgInlineNotificationError | --c3-style-color-core-red-95 | #331014 | Dark |
| colorBgInlineNotificationSuccess | --c3-style-color-core-green-95 | #0E211D | Dark |
| colorBgInlineNotificationWarning | --c3-style-color-core-yellow-95 | #26180B | Dark |
| colorBgInputReadonly | --c3-style-color-core-white-alpha-05 | rgba(255, 255, 255, 0.05) | Dark |
| colorBgMenu | --c3-style-colorBgTertiary | #EBEDF0 | Dark |
| colorBgMenuHoverUnselected | --c3-style-colorBgActionHover | rgba(17, 17, 18, 0.04) | Dark |
| colorBgMenuItemSelected | --c3-style-colorBgSelected | rgba(17, 17, 18, 0.1) | Dark |
| colorBgPage | --c3-style-color-core-gray-100 | #111112 | Dark |
| colorBgPrimary | --c3-style-color-core-gray-100 | #111112 | Dark |
| colorBgPrimaryInverse | --c3-style-color-core-white | #FFFFFF | Dark |
| colorBgCoreAccentStrong | --c3-style-color-core-blue-80 | #103487 | Dark |
| colorBgCoreAccent | --c3-style-color-core-blue-90 | #142757 | Dark |
| colorBgCoreAccentWeak | --c3-style-color-core-blue-95 | #121B36 | Dark |
| colorBgCoreDangerStrong | --c3-style-color-core-red-80 | #75121F | Dark |
| colorBgCoreDanger | --c3-style-color-core-red-90 | #4F131A | Dark |
| colorBgCoreDangerWeak | --c3-style-color-core-red-95 | #331014 | Dark |
| colorBgCoreSuccessStrong | --c3-style-color-core-green-80 | #164239 | Dark |
| colorBgCoreSuccess | --c3-style-color-core-green-90 | #112E27 | Dark |
| colorBgCoreSuccessWeak | --c3-style-color-core-green-95 | #0E211D | Dark |
| colorBgCoreWarningStrong | --c3-style-color-core-yellow-80 | #57330A | Dark |
| colorBgCoreWarning | --c3-style-color-core-yellow-90 | #3B240C | Dark |
| colorBgCoreWarningWeak | --c3-style-color-core-yellow-95 | #26180B | Dark |
| colorBgSuccessWeak | --c3-style-color-core-green-90 | #112E27 | Dark |
| colorBgSideNavPanel | --c3-style-colorBgCardParent | #FFFFFF | Dark |
| colorBgSecondary | --c3-style-color-core-gray-95 | #1C1D1F | Dark |
| colorBgSecondaryInverse | --c3-style-color-core-gray-05 | #F7F8FA | Dark |
| colorBgSegBtnSelected | --c3-style-colorBgSelected | rgba(17, 17, 18, 0.1) | Dark |
| colorBgSelected | --c3-style-color-core-white-alpha-10 | rgba(255, 255, 255, 0.1) | Dark |
| colorBgSuccess | --c3-style-color-core-green-40 | #49BFA9 | Dark |
| colorBgTertiary | --c3-style-color-core-gray-90 | #27292B | Dark |
| colorBgTertiaryInverse | --c3-style-color-core-gray-10 | #EBEDF0 | Dark |
| colorBgTickMark | --c3-style-color-core-white-alpha-30 | rgba(255, 255, 255, 0.3) | Dark |
| colorBgTrack | --c3-style-color-core-white-alpha-10 | rgba(255, 255, 255, 0.1) | Dark |
| colorBgWarning | --c3-style-color-core-yellow-40 | #F2950A | Dark |
| colorBgWarningWeak | --c3-style-color-core-yellow-90 | #3B240C | Dark |
| colorBorder | --c3-style-color-core-gray-50 | #8C919C | Dark |
| colorBorderAccent | --c3-style-color-core-blue-40 | #82B0FF | Dark |
| colorBorderBtnAccentOutline | --c3-style-colorBorderAccent | #2266F0 | Dark |
| colorBorderBtnDangerOutline | --c3-style-colorBorderDanger | #DB1C3C | Dark |
| colorBorderBtnPrimaryOutline | --c3-style-colorBorder | #6C717A | Dark |
| colorBorderCardChildPrimary | --c3-style-color-core-white-alpha-00 | rgba(255, 255, 255, 0) | Dark |
| colorBorderCardChildSecondary | --c3-style-colorBorderWeak | #C6C9CF | Dark |
| colorBorderCardParent | --c3-style-color-core-white-alpha-00 | rgba(255, 255, 255, 0) | Dark |
| colorBorderDanger | --c3-style-color-core-red-50 | #FF5271 | Dark |
| colorBorderInlineNotificationError | --c3-style-colorBorderDanger | #DB1C3C | Dark |
| colorBorderInlineNotificationSuccess | --c3-style-colorBorderSuccess | #30A18A | Dark |
| colorBorderInlineNotificationWarning | --c3-style-colorBorderWarning | #D47C00 | Dark |
| colorBorderMenu | --c3-style-colorBorderWeak | #C6C9CF | Dark |
| colorBorderReadonly | --c3-style-colorBorderWeak | #C6C9CF | Dark |
| colorBorderSegBtn | --c3-style-colorBorder | #6C717A | Dark |
| colorBorderStrong | --c3-style-color-core-gray-20 | #DFE1E5 | Dark |
| colorBorderSuccess | --c3-style-color-core-green-40 | #49BFA9 | Dark |
| colorBorderWarning | --c3-style-color-core-yellow-40 | #F2950A | Dark |
| colorBorderWeak | --c3-style-color-core-gray-80 | #393B40 | Dark |
| colorDivider | --c3-style-colorBorder | #6C717A | Dark |
| colorDividerStrong | --c3-style-colorBorderStrong | #393B40 | Dark |
| colorDividerWeak | --c3-style-colorBorderWeak | #C6C9CF | Dark |
| colorBgCollapsibleNav | --c3-style-color-core-gray-95 | #1C1D1F | Dark |
| colorBgTintTimeBarOverlay | --c3-style-color-core-gray-alpha-70 | rgba(17, 17, 18, 0.7) | Dark |
| colorBgSankeyLabel | --c3-style-color-core-gray-alpha-70 | rgba(17, 17, 18, 0.7) | Dark |
| colorBgSideNav | --c3-style-colorBgSecondary | #F7F8FA | Dark |
| colorBgSideNavItemHover | --c3-style-colorBgActionHover | rgba(17, 17, 18, 0.04) | Dark |
| colorBgSideItemHover | --c3-style-colorFgPrimary | rgba(17, 17, 18, 0.95) | Dark |
| colorFgSideNavSelected | --c3-style-colorFgPrimary | rgba(17, 17, 18, 0.95) | Dark |
| colorFgSideNavUnselected | --c3-style-color-core-white-alpha-70 | rgba(255, 255, 255, 0.7) | Dark |
| colorBorderSideNavItemIndicator | --c3-style-colorFgPrimary | rgba(17, 17, 18, 0.95) | Dark |
| colorBorderSideNavItemDivider | --c3-style-colorDividerWeak | #C6C9CF | Dark |
| colorFgAccent | --c3-style-color-core-blue-40 | #82B0FF | Dark |
| colorFgAccentStrong | --c3-style-color-core-blue-20 | #D1E3FF | Dark |
| colorFgAccentWeak | --c3-style-color-core-blue-60 | #2266F0 | Dark |
| colorFgBtnAccent | --c3-style-colorFgAccent | #2266F0 | Dark |
| colorFgBtnDanger | --c3-style-colorFgDanger | #DB1C3C | Dark |
| colorFgBtnPrimary | --c3-style-color-core-gray-20 | #DFE1E5 | Dark |
| colorFgDanger | --c3-style-color-core-red-50 | #FF5271 | Dark |
| colorFgDangerStrong | --c3-style-color-core-red-20 | #FFD6E0 | Dark |
| colorFgDangerWeak | --c3-style-color-core-red-60 | #DB1C3C | Dark |
| colorFgDecoOrangeStrong | --c3-style-color-decorative-orange-20 | #FFD9C2 | Dark |
| colorFgDecoOrange | --c3-style-color-decorative-orange-40 | #FC9253 | Dark |
| colorFgDecoOrangeWeak | --c3-style-color-decorative-orange-60 | #C64600 | Dark |
| colorFgDecoOliveStrong | --c3-style-color-decorative-olive-20 | #EBE49B | Dark |
| colorFgDecoOlive | --c3-style-color-decorative-olive-40 | #BAB056 | Dark |
| colorFgDecoOliveWeak | --c3-style-color-decorative-olive-60 | #7A712C | Dark |
| colorFgDecoLimeStrong | --c3-style-color-decorative-lime-20 | #CCED8E | Dark |
| colorFgDecoLime | --c3-style-color-decorative-lime-40 | #88BD33 | Dark |
| colorFgDecoLimeWeak | --c3-style-color-decorative-lime-60 | #507D11 | Dark |
| colorFgDecoForestStrong | --c3-style-color-decorative-forest-20 | #C0EBD0 | Dark |
| colorFgDecoForest | --c3-style-color-decorative-forest-40 | #7DBA92 | Dark |
| colorFgDecoForestWeak | --c3-style-color-decorative-forest-60 | #4B7A5B | Dark |
| colorFgDecoCyanStrong | --c3-style-color-decorative-cyan-20 | #97EFF4 | Dark |
| colorFgDecoCyan | --c3-style-color-decorative-cyan-40 | #26BFC9 | Dark |
| colorFgDecoCyanWeak | --c3-style-color-decorative-cyan-60 | #057C87 | Dark |
| colorFgDecoSlateStrong | --c3-style-color-decorative-slate-20 | #DDE0EB | Dark |
| colorFgDecoSlate | --c3-style-color-decorative-slate-40 | #A7ADC4 | Dark |
| colorFgDecoSlateWeak | --c3-style-color-decorative-slate-60 | #6A6F8A | Dark |
| colorFgDecoPurpleStrong | --c3-style-color-decorative-purple-20 | #EBD9FF | Dark |
| colorFgDecoPurple | --c3-style-color-decorative-purple-40 | #C799FF | Dark |
| colorFgDecoPurpleWeak | --c3-style-color-decorative-purple-60 | #8D4BE3 | Dark |
| colorFgDecoPlumStrong | --c3-style-color-decorative-plum-20 | #FCD4F2 | Dark |
| colorFgDecoPlum | --c3-style-color-decorative-plum-40 | #EB8FCF | Dark |
| colorFgDecoPlumWeak | --c3-style-color-decorative-plum-60 | #B84491 | Dark |
| colorFgDecoChocoStrong | --c3-style-color-decorative-choco-20 | #F2DAE0 | Dark |
| colorFgDecoChoco | --c3-style-color-decorative-choco-40 | #D69FAA | Dark |
| colorFgDecoChocoWeak | --c3-style-color-decorative-choco-60 | #99606A | Dark |
| colorFgInputPlaceholder | --c3-style-color-core-white-alpha-65 | rgba(255, 255, 255, 0.65) | Dark |
| colorFgMenuItemSelected | --c3-style-colorFgPrimary | rgba(17, 17, 18, 0.95) | Dark |
| colorFgMenuItemSelectedIndicator | --c3-style-colorFgAccent | #2266F0 | Dark |
| colorFgMenuItemUnselected | --c3-style-colorFgSecondary | rgba(17, 17, 18, 0.65) | Dark |
| colorFgPrimary | --c3-style-color-core-white-alpha-95 | rgba(255, 255, 255, 0.95) | Dark |
| colorFgPrimaryInverse | --c3-style-color-core-gray-alpha-95 | rgba(17, 17, 18, 0.95) | Dark |
| colorFgReadonly | --c3-style-color-core-gray-60 | #6C717A | Dark |
| colorFgSecondary | --c3-style-color-core-white-alpha-95 | rgba(255, 255, 255, 0.95) | Dark |
| colorFgSecondaryInverse | --c3-style-color-core-gray-alpha-65 | rgba(17, 17, 18, 0.65) | Dark |
| colorFgSegBtn | --c3-style-colorFgSecondary | rgba(17, 17, 18, 0.65) | Dark |
| colorFgSegBtnSelected | --c3-style-colorFgPrimary | rgba(17, 17, 18, 0.95) | Dark |
| colorFgSuccess | --c3-style-color-core-green-40 | #49BFA9 | Dark |
| colorFgSuccessStrong | --c3-style-color-core-green-20 | #A0F0E3 | Dark |
| colorFgSuccessWeak | --c3-style-color-core-green-60 | #008066 | Dark |
| colorFgWarning | --c3-style-color-core-yellow-40 | #F2950A | Dark |
| colorFgWarningStrong | --c3-style-color-core-yellow-20 | #FFDB99 | Dark |
| colorFgWarningWeak | --c3-style-color-core-yellow-60 | #A65E00 | Dark |
| colorFocus | --c3-style-color-core-blue-40 | #82B0FF | Dark |
| componentBackgroundColor | --c3-style-color-core-gray-95 | #1C1D1F | Dark |
| componentBackgroundColorError | --c3-style-color-core-red-90 | #4F131A | Dark |
| componentBackgroundColorSuccess | --c3-style-color-core-green-90 | #112E27 | Dark |
| componentBackgroundColorWarning | --c3-style-color-core-yellow-90 | #3B240C | Dark |
| componentBorderColor | --c3-style-color-core-white-alpha-20 | rgba(255, 255, 255, 0.2) | Dark |
| componentDividerColor | --c3-style-color-core-white-alpha-20 | rgba(255, 255, 255, 0.2) | Dark |
| dangerColor | --c3-style-color-core-red-50 | #FF5271 | Dark |
| dateIconColor | --c3-style-color-decorative-plum-70 | #8C316E | Dark |
| dateIconTextColor | --c3-style-color-decorative-plum-30 | #F7B5E4 | Dark |
| dropdownDescriptionBackgroundColor | --c3-style-color-core-blue-80 | #103487 | Dark |
| dropdownDescriptionColor | --c3-style-color-core-blue-40 | #82B0FF | Dark |
| dropdownMessageColor | --c3-style-secondaryFontColor | rgba(17, 17, 18, 0.65) | Dark |
| dropdownOptionDividerColor | --c3-style-componentDividerColor | rgba(17, 17, 18, 0.2) | Dark |
| dropdownSelectionColor | --c3-style-color-core-white-alpha-10 | rgba(255, 255, 255, 0.1) | Dark |
| dynamicComponentLoaderBackgroundColor | --c3-style-color-core-gray-alpha-50 | rgba(17, 17, 18, 0.5) | Dark |
| expressionFocusedInputBackgroundColor | --c3-style-color-core-blue-95 | #121B36 | Dark |
| fontColor | --c3-style-color-core-gray-05 | #F7F8FA | Dark |
| formFieldBackgroundColor | --c3-style-color-core-white-alpha-00 | rgba(255, 255, 255, 0) | Dark |
| formFieldBackgroundColorDisabled | --c3-style-color-core-white-alpha-10 | rgba(255, 255, 255, 0.1) | Dark |
| formFieldBorderColor | --c3-style-componentBorderColor | rgba(17, 17, 18, 0.4) | Dark |
| formFieldBorderColorDisabled | --c3-style-color-core-white-alpha-20 | rgba(255, 255, 255, 0.2) | Dark |
| formFieldColorDisabled | --c3-style-color-core-white-alpha-30 | rgba(255, 255, 255, 0.3) | Dark |
| formFieldColorHint | --c3-style-secondaryFontColor | rgba(17, 17, 18, 0.65) | Dark |
| formFieldErrorBorderColor | --c3-style-color-core-red-50 | #FF5271 | Dark |
| formFieldErrorHoverBorderColor | --c3-style-color-core-red-40 | #FF7893 | Dark |
| formFieldHeaderColorDisabled | --c3-style-color-core-white-alpha-30 | rgba(255, 255, 255, 0.3) | Dark |
| formFieldHoverBackgroundColor | --c3-style-color-core-white-alpha-00 | rgba(255, 255, 255, 0) | Dark |
| formFieldHoverBorderColor | --c3-style-color-core-white-alpha-70 | rgba(255, 255, 255, 0.7) | Dark |
| formFieldLabelErrorColor | --c3-style-color-core-red-50 | #FF5271 | Dark |
| formFieldLabelFocusColor | --c3-style-color-core-white-alpha-100 | rgba(255, 255, 255, 1) | Dark |
| formFieldSetLinkHoverColor | --c3-style-accentColor | #2266F0 | Dark |
| formFieldVariantBorderColor | --c3-style-color-core-white-alpha-20 | rgba(255, 255, 255, 0.2) | Dark |
| gaugeAxisBarColor | --c3-style-color-core-white-alpha-10 | rgba(255, 255, 255, 0.1) | Dark |
| gaugeFontColor | --c3-style-fontColor | #111112 | Dark |
| gaugeProgressBarDefaultColor | --c3-style-color-core-blue-50 | #4F8DFF | Dark |
| gradientLinearCardParentLeft | --c3-style-gradient-dark-parent-left | 90deg, #1C1D1F 0%, rgba(28, 29, 31, 0.50) 50%, rgba(28, 29, 31, 0.00) 100% | Dark |
| gradientLinearCardParentRight | --c3-style-gradient-dark-parent-right | 90deg, rgba(28, 29, 31, 0.00) 0%, rgba(28, 29, 31, 0.50) 50%, #1C1D1F 100% | Dark |
| gradientLinearCardChildLeft | --c3-style-gradient-dark-child-left | 90deg, #27292B 0%, rgba(39, 41, 43, 0.50) 50%, rgba(39, 41, 43, 0.00) 100% | Dark |
| gradientLinearCardChildRight | --c3-style-gradient-dark-child-right | 90deg, rgba(39, 41, 43, 0.00) 0%, rgba(39, 41, 43, 0.50) 50.52%, #27292B 100% | Dark |
| gradientLinearNav | --c3-style-gradient-linear-nav | 0deg, #1C1D1F 0%, rgba(28, 29, 31, 0.50) 50%, rgba(28, 29, 31, 0.00) 100% | Dark |
| graphVisualizationClusterNodeFillColor | --c3-style-color-core-gray-80 | #393B40 | Dark |
| graphVisualizationClusterNodeOutlineColor | --c3-style-color-core-gray-50 | #8C919C | Dark |
| graphVisualizationGlyphFontColor | --c3-style-fontColor | #111112 | Dark |
| graphVisualizationLegendBackgroundColor | --c3-style-color-core-gray-90 | #27292B | Dark |
| graphVisualizationLegendViewMoreButtonFontColor | --c3-style-accentColor | #2266F0 | Dark |
| graphVisualizationMapTheme | --c3-style-theme-category-dark | dark | Dark |
| graphVisualizationMergedEdgeGlyphBackgroundColor | --c3-style-color-core-gray-50 | #8C919C | Dark |
| graphVisualizationNodeDefaultDonutColor | --c3-style-color-core-black | #000000 | Dark |
| graphVisualizationNodeInfoGlyphBackgroundColor | --c3-style-color-core-gray-50 | #8C919C | Dark |
| graphVisualizationNodeInfoGlyphFontColor | --c3-style-fontColor | #111112 | Dark |
| graphVisualizationPercentageDonutSegmentColor | --c3-style-color-core-gray-80 | #393B40 | Dark |
| graphVisualizationTimeBarBackgroundColor | --c3-style-color-core-gray-100 | #111112 | Dark |
| graphVisualizationTimeBarColor | --c3-style-color-core-gray-50 | #8C919C | Dark |
| graphVisualizationTimeBarHoverColor | --c3-style-color-core-gray-40 | #AAAEB5 | Dark |
| graphVisualizationTimeBarScaleHoverColor | --c3-style-color-core-gray-80 | #393B40 | Dark |
| graphVisualizationTooltipBackgroundColor | --c3-style-color-core-gray-90 | #27292B | Dark |
| graphVisualizationTooltipBodyColor | --c3-style-fontColor | #111112 | Dark |
| graphVisualizationTooltipSubtitleColor | --c3-style-fontColor | #111112 | Dark |
| graphVisualizationTooltipTitleColor | --c3-style-fontColor | #111112 | Dark |
| gridCellColorWheelBackgroundColor | --c3-style-color-core-white-alpha-05 | rgba(255, 255, 255, 0.05) | Dark |
| gridHeaderFontColor | --c3-style-fontColor | #111112 | Dark |
| gridHoverBackgroundColor | --c3-style-color-core-white-alpha-10 | rgba(255, 255, 255, 0.1) | Dark |
| gridMessageBackgroundColor | --c3-style-color-core-gray-90 | #27292B | Dark |
| gridPagerLabelFontColor | --c3-style-secondaryFontColor | rgba(17, 17, 18, 0.65) | Dark |
| gridPagerSizesFontColor | --c3-style-fontColor | #111112 | Dark |
| gridSelectedCellBackgroundColor | --c3-style-color-core-blue-90 | #142757 | Dark |
| gridSelectedCellBorderColor | --c3-style-accentColor | #2266F0 | Dark |
| gridSelectedFontColor | --c3-style-fontColor | #111112 | Dark |
| gridSelectedHoverBackgroundColor | --c3-style-color-core-blue-80 | #103487 | Dark |
| iconGroupColor | --c3-style-secondaryFontColor | rgba(17, 17, 18, 0.65) | Dark |
| indicatorBarBackgroundColor | --c3-style-color-core-white-alpha-10 | rgba(255, 255, 255, 0.1) | Dark |
| infoColor | --c3-style-color-core-blue-50 | #4F8DFF | Dark |
| invertedComponentBackgroundColor | --c3-style-color-core-white-alpha-100 | rgba(255, 255, 255, 1) | Dark |
| kanbanBoardBackgroundColumnTitle | --c3-style-fontColor | #111112 | Dark |
| kanbanBoardBackgroundItemSlot | --c3-style-color-core-gray-90 | #27292B | Dark |
| kanbanBoardBackgroundLayout | --c3-style-color-core-gray-100 | #111112 | Dark |
| kanbanBoardBorderTitle | --c3-style-secondaryFontColor | rgba(17, 17, 18, 0.65) | Dark |
| kanbanBoardButtonColor | --c3-style-secondaryFontColor | rgba(17, 17, 18, 0.65) | Dark |
| kanbanBoardCardContentColor | --c3-style-fontColor | #111112 | Dark |
| kanbanBoardCardHeadLineBlockColor | --c3-style-fontColor | #111112 | Dark |
| kanbanBoardContentBackgroundColor | --c3-style-color-core-gray-100 | #111112 | Dark |
| kanbanBoardTextBackgroundCollectionList | --c3-style-color-core-gray-95 | #1C1D1F | Dark |
| kanbanBoardTitleColor | --c3-style-fontColor | #111112 | Dark |
| legendBackgroundColor | --c3-style-color-core-gray-80 | #393B40 | Dark |
| legendNameFontColor | --c3-style-secondaryFontColor | rgba(17, 17, 18, 0.65) | Dark |
| logoBlueBackgroundColor | --c3-style-color-core-blue-40 | #82B0FF | Dark |
| logoChocoBackgroundColor | --c3-style-color-decorative-choco-40 | #D69FAA | Dark |
| logoColor | --c3-style-color-core-gray-100 | #111112 | Dark |
| logoCyanBackgroundColor | --c3-style-color-decorative-cyan-40 | #26BFC9 | Dark |
| logoForestBackgroundColor | --c3-style-color-decorative-forest-40 | #7DBA92 | Dark |
| logoIconUrl | --c3-style-icon-logo-basic | "assets/images/menu/logo.svg" | Dark |
| emptyStateIconUrl | --c3-style-icon-empty-state-basic | "assets/images/empty-state.svg" | Dark |
| logoLimeBackgroundColor | --c3-style-color-decorative-lime-40 | #88BD33 | Dark |
| logoOliveBackgroundColor | --c3-style-color-decorative-olive-40 | #BAB056 | Dark |
| logoOrangeBackgroundColor | --c3-style-color-decorative-orange-40 | #FC9253 | Dark |
| logoPlumBackgroundColor | --c3-style-color-decorative-plum-40 | #EB8FCF | Dark |
| logoPurpleBackgroundColor | --c3-style-color-decorative-purple-40 | #C799FF | Dark |
| logoSlateBackgroundColor | --c3-style-color-decorative-slate-40 | #A7ADC4 | Dark |
| mapMarkerClusterColor | --c3-style-accentColor | #2266F0 | Dark |
| mapTooltipAdditionalFieldsDescriptionFontColor | --c3-style-fontColor | #111112 | Dark |
| mapTooltipAdditionalFieldsHeaderFontColor | --c3-style-secondaryFontColor | rgba(17, 17, 18, 0.65) | Dark |
| mapTooltipHeaderFontColor | --c3-style-fontColor | #111112 | Dark |
| mapTooltipSubHeaderFontColor | --c3-style-color-core-gray-50 | #8C919C | Dark |
| menuActiveColor | --c3-style-fontColor | #111112 | Dark |
| menuBackgroundActiveColor | --c3-style-color-core-gray-90 | #27292B | Dark |
| menuBackgroundColor | --c3-style-color-core-gray-95 | #1C1D1F | Dark |
| menuDividerColor | --c3-style-color-core-white-alpha-20 | rgba(255, 255, 255, 0.2) | Dark |
| menuHoverColor | --c3-style-color-core-gray-80 | #393B40 | Dark |
| menuItemActiveColor | --c3-style-color-core-gray-05 | #F7F8FA | Dark |
| menuItemBackgroundColor | --c3-style-color-core-white-alpha-00 | rgba(255, 255, 255, 0) | Dark |
| menuItemBackgroundHoverColor | --c3-style-color-core-white-alpha-10 | rgba(255, 255, 255, 0.1) | Dark |
| menuItemHoverColor | --c3-style-color-core-gray-40 | #AAAEB5 | Dark |
| menuPrimaryColor | --c3-style-color-core-white-alpha-80 | rgba(255, 255, 255, 0.8) | Dark |
| numberIconColor | --c3-style-color-decorative-purple-70 | #6932BA | Dark |
| numberIconTextColor | --c3-style-color-decorative-purple-30 | #DCBDFF | Dark |
| objectIconColor | --c3-style-color-decorative-choco-70 | #704A50 | Dark |
| objectIconTextColor | --c3-style-color-decorative-choco-30 | #E8C1C9 | Dark |
| opacity00 | --c3-style-opacity-00 | 0% | Dark |
| opacity05 | --c3-style-opacity-05 | 5% | Dark |
| opacity10 | --c3-style-opacity-10 | 10% | Dark |
| opacity20 | --c3-style-opacity-20 | 20% | Dark |
| opacity30 | --c3-style-opacity-30 | 30% | Dark |
| opacity40 | --c3-style-opacity-40 | 40% | Dark |
| opacity50 | --c3-style-opacity-50 | 50% | Dark |
| opacity60 | --c3-style-opacity-60 | 60% | Dark |
| opacity70 | --c3-style-opacity-70 | 70% | Dark |
| opacity80 | --c3-style-opacity-80 | 80% | Dark |
| opacity90 | --c3-style-opacity-90 | 90% | Dark |
| opacity95 | --c3-style-opacity-95 | 95% | Dark |
| opacity100 | --c3-style-opacity-100 | 100% | Dark |
| opacityDisabled | --c3-style-opacity-40 | 40% | Dark |
| opacityLoading | --c3-style-opacity-40 | 40% | Dark |
| otherIconColor | --c3-style-color-decorative-orange-70 | #963200 | Dark |
| otherIconTextColor | --c3-style-color-decorative-orange-30 | #FFBB94 | Dark |
| pageBackgroundColor | --c3-style-color-core-gray-100 | #111112 | Dark |
| pageTitleBoxShadowColor | --c3-style-box-shadow-dark-01 | 0px 1px 2px rgba(17, 17, 18, 0.2), 0px 1px 6px rgba(17, 17, 18, 0.1), 0px 2px 1px rgba(17, 17, 18, 0.04) | Dark |
| referenceIconColor | --c3-style-color-decorative-lime-70 | #3B5C0F | Dark |
| referenceIconTextColor | --c3-style-color-decorative-lime-30 | #AAD959 | Dark |
| sankeyChartLabelBackgroundColor | --c3-style-color-core-gray-alpha-95 | rgba(17, 17, 18, 0.95) | Dark |
| scrollbarThumbColor | --c3-style-color-core-gray-70 | #50545C | Dark |
| scrollbarTrackColor | --c3-style-color-core-gray-alpha-00 | rgba(17, 17, 18, 0) | Dark |
| secondaryFontColor | --c3-style-color-core-white-alpha-95 | rgba(255, 255, 255, 0.95) | Dark |
| secondaryVariantFontColor | --c3-style-color-core-gray-alpha-65 | rgba(17, 17, 18, 0.65) | Dark |
| selectFieldPillActiveBackgroundColor | --c3-style-color-core-white-alpha-10 | rgba(255, 255, 255, 0.1) | Dark |
| selectFieldPillHoverBackgroundColor | --c3-style-color-core-white-alpha-05 | rgba(255, 255, 255, 0.05) | Dark |
| selectFieldPillTextColor | --c3-style-fontColor | #111112 | Dark |
| selectionBackgroundColor | --c3-style-color-core-blue-90 | #142757 | Dark |
| sidePanelSubtitleColor | --c3-style-secondaryFontColor | rgba(17, 17, 18, 0.65) | Dark |
| stringIconColor | --c3-style-color-core-blue-70 | #0E48C4 | Dark |
| stringIconTextColor | --c3-style-color-core-blue-30 | #ADCBFF | Dark |
| subMenuItemBackgroundActiveColor | --c3-style-color-core-gray-80 | #393B40 | Dark |
| successColor | --c3-style-color-core-green-40 | #49BFA9 | Dark |
| timeGraphBackgroundColor | --c3-style-color-core-gray-100 | #111112 | Dark |
| timeGraphDefaultEntityColor | --c3-style-color-core-gray-50 | #8C919C | Dark |
| timeGraphDefaultLabelColor | --c3-style-fontColor | #111112 | Dark |
| timeGraphHighlightColor | --c3-style-color-core-white-alpha-30 | rgba(255, 255, 255, 0.3) | Dark |
| timeGraphScaleBackgroundColor | --c3-style-color-core-gray-100 | #111112 | Dark |
| timeGraphScaleBorderColor | --c3-style-componentBorderColor | rgba(17, 17, 18, 0.4) | Dark |
| timeGraphScaleFontColor | --c3-style-secondaryFontColor | rgba(17, 17, 18, 0.65) | Dark |
| timeGraphScaleFontSize | --c3-style-font-size-02 | .75rem | Dark |
| timeGraphTooltipBackgroundColor | --c3-style-color-core-gray-80 | #393B40 | Dark |
| timeGraphTooltipBodyColor | --c3-style-fontColor | #111112 | Dark |
| timeGraphTooltipSubtitleColor | --c3-style-fontColor | #111112 | Dark |
| timeGraphTooltipTitleColor | --c3-style-fontColor | #111112 | Dark |
| timeSeriesIconColor | --c3-style-color-decorative-forest-70 | #395C45 | Dark |
| timeSeriesIconTextColor | --c3-style-color-decorative-forest-30 | #9FD6B3 | Dark |
| toggleSwitchBackgroundColor | --c3-style-color-core-gray-100 | #111112 | Dark |
| toggleSwitchBorderColor | --c3-style-color-core-white-alpha-40 | rgba(255, 255, 255, 0.4) | Dark |
| toggleSwitchCheckedBorderColor | --c3-style-accentColor | #2266F0 | Dark |
| toggleSwitchCheckedColor | --c3-style-color-core-gray-05 | #F7F8FA | Dark |
| toggleSwitchCheckedDisabledBackgroundColor | --c3-style-color-core-blue-90 | #142757 | Dark |
| toggleSwitchCheckedDisabledBorderColor | --c3-style-color-core-blue-90 | #142757 | Dark |
| toggleSwitchCheckedDisabledColor | --c3-style-color-core-white-alpha-20 | rgba(255, 255, 255, 0.2) | Dark |
| toggleSwitchColor | --c3-style-color-core-gray-40 | #AAAEB5 | Dark |
| toggleSwitchDisabledBackgroundColor | --c3-style-color-core-white-alpha-10 | rgba(255, 255, 255, 0.1) | Dark |
| toggleSwitchDisabledBorderColor | --c3-style-color-core-white-alpha-10 | rgba(255, 255, 255, 0.1) | Dark |
| toggleSwitchDisabledColor | --c3-style-color-core-gray-80 | #393B40 | Dark |
| tooltipBackgroundColor | --c3-style-color-core-gray-80 | #393B40 | Dark |
| warningColor | --c3-style-color-core-yellow-40 | #F2950A | Dark |
| zebraStripeBackgroundColor | --c3-style-color-core-white-alpha-05 | rgba(255, 255, 255, 0.05) | Dark |
| accentColor | --c3-style-color-core-blue-60 | #2266F0 | Light |
| accentFontColor | --c3-style-color-core-gray-05 | #F7F8FA | Light |
| accentVariantColor | --c3-style-color-core-blue-50 | #4F8DFF | Light |
| avatarBadgeBlueBackgroundColor | --c3-style-color-core-blue-20 | #D1E3FF | Light |
| avatarBadgeBlueColor | --c3-style-color-core-blue-70 | #0E48C4 | Light |
| avatarBadgeChocoBackgroundColor | --c3-style-color-decorative-choco-20 | #F2DAE0 | Light |
| avatarBadgeChocoColor | --c3-style-color-decorative-choco-70 | #704A50 | Light |
| avatarBadgeCyanBackgroundColor | --c3-style-color-decorative-cyan-20 | #97EFF4 | Light |
| avatarBadgeCyanColor | --c3-style-color-decorative-cyan-70 | #085D66 | Light |
| avatarBadgeForestBackgroundColor | --c3-style-color-decorative-forest-20 | #C0EBD0 | Light |
| avatarBadgeForestColor | --c3-style-color-decorative-forest-70 | #395C45 | Light |
| avatarBadgeGreenBackgroundColor | --c3-style-color-core-green-20 | #A0F0E3 | Light |
| avatarBadgeGreenColor | --c3-style-color-core-green-70 | #1C5E50 | Light |
| avatarBadgeLimeBackgroundColor | --c3-style-color-decorative-lime-20 | #CCED8E | Light |
| avatarBadgeLimeColor | --c3-style-color-decorative-lime-70 | #3B5C0F | Light |
| avatarBadgeOliveBackgroundColor | --c3-style-color-decorative-olive-20 | #EBE49B | Light |
| avatarBadgeOliveColor | --c3-style-color-decorative-olive-70 | #5C5423 | Light |
| avatarBadgeOrangeBackgroundColor | --c3-style-color-decorative-orange-20 | #FFD9C2 | Light |
| avatarBadgeOrangeColor | --c3-style-color-decorative-orange-70 | #963200 | Light |
| avatarBadgePlumBackgroundColor | --c3-style-color-decorative-plum-20 | #FCD4F2 | Light |
| avatarBadgePlumColor | --c3-style-color-decorative-plum-70 | #8C316E | Light |
| avatarBadgePurpleBackgroundColor | --c3-style-color-decorative-purple-20 | #EBD9FF | Light |
| avatarBadgePurpleColor | --c3-style-color-decorative-purple-70 | #6932BA | Light |
| avatarBadgeRedBackgroundColor | --c3-style-color-core-red-20 | #FFD6E0 | Light |
| avatarBadgeRedColor | --c3-style-color-core-red-70 | #A80F26 | Light |
| avatarBadgeSlateBackgroundColor | --c3-style-color-decorative-slate-10 | #EBEDF5 | Light |
| avatarBadgeSlateColor | --c3-style-color-decorative-slate-70 | #505366 | Light |
| avatarBadgeYellowBackgroundColor | --c3-style-color-core-yellow-20 | #FFDB99 | Light |
| avatarBadgeYellowColor | --c3-style-color-core-yellow-70 | #7D4604 | Light |
| booleanIconColor | --c3-style-color-decorative-olive-20 | #EBE49B | Light |
| booleanIconTextColor | --c3-style-color-decorative-olive-70 | #5C5423 | Light |
| borderColor | --c3-style-color-core-gray-alpha-20 | rgba(17, 17, 18, 0.2) | Light |
| boxShadow01 | --c3-style-box-shadow-light-01 | 0px 1px 2px rgba(17, 17, 18, 0.2), 0px 1px 6px rgba(17, 17, 18, 0.1), 0px 2px 1px rgba(17, 17, 18, 0.04) | Light |
| boxShadow02 | --c3-style-box-shadow-light-02 | 0px 2px 5px rgba(17, 17, 18, 0.3), 0px 4px 8px -1px rgba(17, 17, 18, 0.1), 0px 4px 12px -2px rgba(17, 17, 18, 0.04) | Light |
| boxShadow03 | --c3-style-box-shadow-light-03 | 0px 2px 8px rgba(17, 17, 18, 0.2), 0px 12px 12px -4px rgba(17, 17, 18, 0.1), 0px 12px 14px -6px rgba(17, 17, 18, 0.04) | Light |
| boxShadow04 | --c3-style-box-shadow-light-04 | 0px 4px 12px rgba(17, 17, 18, 0.1), 0px 16px 24px -8px rgba(17, 17, 18, 0.1), 0px 24px 24px -12px rgba(17, 17, 18, 0.04) | Light |
| boxShadow05 | --c3-style-box-shadow-light-05 | 0px 4px 24px -2px rgba(17, 17, 18, 0.1), 0px 24px 32px -12px rgba(17, 17, 18, 0.1), 0px 32px 40px -16px rgba(17, 17, 18, 0.04) | Light |
| boxShadowCardParent | --c3-style-boxShadow01 | 0px 1px 2px rgba(17, 17, 18, 0.2), 0px 1px 6px rgba(17, 17, 18, 0.1), 0px 2px 1px rgba(17, 17, 18, 0.04) | Light |
| boxShadowMenu | --c3-style-boxShadow03 | 0px 2px 8px rgba(17, 17, 18, 0.2), 0px 12px 12px -4px rgba(17, 17, 18, 0.1), 0px 12px 14px -6px rgba(17, 17, 18, 0.04) | Light |
| brightnessActionHover | --c3-style-brightness-09 | 0.9 | Light |
| brightnessActionHoverInverse | --c3-style-brightness-11 | 1.15 | Light |
| brightnessActionPressed | --c3-style-brightness-08 | 0.8 | Light |
| brightnessActionPressedInverse | --c3-style-brightness-12 | 1.3 | Light |
| buttonControlBorderColor | --c3-style-componentBorderColor | rgba(17, 17, 18, 0.4) | Light |
| buttonControlFontColor | --c3-style-fontColor | #111112 | Light |
| buttonControlHoverBackgroundColor | --c3-style-color-core-gray-alpha-05 | rgba(17, 17, 18, 0.04) | Light |
| buttonControlSelectedBackgroundColor | --c3-style-color-core-blue-60 | #2266F0 | Light |
| buttonControlSelectedDisabledBackgroundColor | --c3-style-color-core-blue-20 | #D1E3FF | Light |
| buttonControlSelectedFontColor | --c3-style-color-core-gray-05 | #F7F8FA | Light |
| buttonControlSelectedHoverBackgroundColor | --c3-style-color-core-blue-70 | #0E48C4 | Light |
| buttonDangerPrimaryActiveBackgroundColor | --c3-style-color-core-red-80 | #75121F | Light |
| buttonDangerPrimaryHoverBackgroundColor | --c3-style-color-core-red-70 | #A80F26 | Light |
| buttonDangerSecondaryActiveBackgroundColor | --c3-style-color-core-red-20 | #FFD6E0 | Light |
| buttonDangerSecondaryHoverBackgroundColor | --c3-style-color-core-red-10 | #FFE5EC | Light |
| buttonDangerTertiaryActiveBackgroundColor | --c3-style-color-core-red-20 | #FFD6E0 | Light |
| buttonDangerTertiaryHoverBackgroundColor | --c3-style-color-core-red-10 | #FFE5EC | Light |
| buttonIconActiveBackgroundColor | --c3-style-color-core-gray-alpha-10 | rgba(17, 17, 18, 0.1) | Light |
| buttonIconBackgroundColor | --c3-style-color-core-gray-alpha-00 | rgba(17, 17, 18, 0) | Light |
| buttonIconHoverBackgroundColor | --c3-style-color-core-gray-alpha-05 | rgba(17, 17, 18, 0.04) | Light |
| buttonIconSelectedActiveBackgroundColor | --c3-style-color-core-gray-alpha-20 | rgba(17, 17, 18, 0.2) | Light |
| buttonIconSelectedBackgroundColor | --c3-style-color-core-gray-alpha-10 | rgba(17, 17, 18, 0.1) | Light |
| buttonIconSelectedForegroundColor | --c3-style-fontColor | #111112 | Light |
| buttonIconSelectedHoverBackgroundColor | --c3-style-color-core-gray-alpha-05 | rgba(17, 17, 18, 0.04) | Light |
| buttonPrimaryActiveBackgroundColor | --c3-style-color-core-blue-80 | #103487 | Light |
| buttonPrimaryHoverBackgroundColor | --c3-style-color-core-blue-70 | #0E48C4 | Light |
| buttonSecondaryActiveBackgroundColor | --c3-style-color-core-blue-20 | #D1E3FF | Light |
| buttonSecondaryHoverBackgroundColor | --c3-style-color-core-blue-10 | #E8F1FF | Light |
| buttonTertiaryActiveBackgroundColor | --c3-style-color-core-blue-20 | #D1E3FF | Light |
| buttonTertiaryHoverBackgroundColor | --c3-style-color-core-blue-10 | #E8F1FF | Light |
| canvasBackgroundDotColor | --c3-style-color-core-gray-70 | #50545C | Light |
| canvasCyanNodeColor | --c3-style-color-decorative-cyan-60 | #057C87 | Light |
| canvasForestNodeColor | --c3-style-color-decorative-forest-70 | #395C45 | Light |
| canvasNodeBorderColor | --c3-style-color-core-gray-50 | #8C919C | Light |
| canvasNodeErrorBackgroundColor | --c3-style-color-core-red-10 | #FFE5EC | Light |
| canvasNodeWarningBackgroundColor | --c3-style-color-decorative-orange-10 | #FFE9DB | Light |
| canvasOrangeIconColor | --c3-style-color-decorative-plum-70 | #8C316E | Light |
| canvasOrangeNodeColor | --c3-style-color-decorative-orange-70 | #963200 | Light |
| canvasPendingNodeBackgroundColor | --c3-style-color-core-gray-20 | #DFE1E5 | Light |
| canvasPendingNodeForegroundColor | --c3-style-color-core-gray-80 | #393B40 | Light |
| canvasPlumNodeColor | --c3-style-color-decorative-plum-70 | #8C316E | Light |
| canvasPurpleIconColor | --c3-style-color-decorative-purple-80 | #472A75 | Light |
| canvasPurpleNodeColor | --c3-style-color-decorative-purple-70 | #6932BA | Light |
| canvasSlateIconColor | --c3-style-color-decorative-slate-70 | #505366 | Light |
| canvasSlateNodeColor | --c3-style-color-decorative-slate-70 | #505366 | Light |
| cardElevation00BackgroundColor | --c3-style-color-core-white-alpha-100 | rgba(255, 255, 255, 1) | Light |
| cardElevation01BackgroundColor | --c3-style-color-core-white-alpha-100 | rgba(255, 255, 255, 1) | Light |
| cardElevation02BackgroundColor | --c3-style-color-core-white-alpha-100 | rgba(255, 255, 255, 1) | Light |
| cardElevation03BackgroundColor | --c3-style-color-core-white-alpha-100 | rgba(255, 255, 255, 1) | Light |
| cardElevation04BackgroundColor | --c3-style-color-core-white-alpha-100 | rgba(255, 255, 255, 1) | Light |
| cardElevation06BackgroundColor | --c3-style-color-core-white-alpha-100 | rgba(255, 255, 255, 1) | Light |
| cardElevation08BackgroundColor | --c3-style-color-core-white-alpha-100 | rgba(255, 255, 255, 1) | Light |
| cardElevation12BackgroundColor | --c3-style-color-core-white-alpha-100 | rgba(255, 255, 255, 1) | Light |
| cardElevation16BackgroundColor | --c3-style-color-core-white-alpha-100 | rgba(255, 255, 255, 1) | Light |
| cardElevation24BackgroundColor | --c3-style-color-core-white-alpha-100 | rgba(255, 255, 255, 1) | Light |
| chartSeriesTooltipNameFontColor | --c3-style-secondaryFontColor | rgba(17, 17, 18, 0.65) | Light |
| chartSeriesTooltipTitleFontColor | --c3-style-fontColor | #111112 | Light |
| chartSeriesTooltipValueFontColor | --c3-style-fontColor | #111112 | Light |
| checkboxBackgroundColor | --c3-style-color-core-white-alpha-00 | rgba(255, 255, 255, 0) | Light |
| checkboxColor | --c3-style-color-core-gray-alpha-50 | rgba(17, 17, 18, 0.5) | Light |
| checkboxHoverBackgroundColor | --c3-style-color-core-white-alpha-00 | rgba(255, 255, 255, 0) | Light |
| checkboxHoverColor | --c3-style-color-core-gray-100 | #111112 | Light |
| checkboxSelectedDisabledColor | --c3-style-color-core-blue-30 | #ADCBFF | Light |
| checkboxSelectedHoverColor | --c3-style-color-core-blue-70 | #0E48C4 | Light |
| colorBgAccent | --c3-style-color-core-blue-60 | #2266F0 | Light |
| colorBgAccentWeak | --c3-style-color-core-blue-20 | #D1E3FF | Light |
| colorBgActionHover | --c3-style-color-core-gray-alpha-05 | rgba(17, 17, 18, 0.04) | Light |
| colorBgActionHoverInverse | --c3-style-color-core-white-alpha-05 | rgba(255, 255, 255, 0.05) | Light |
| colorBgActionPressed | --c3-style-color-core-gray-alpha-10 | rgba(17, 17, 18, 0.1) | Light |
| colorBgActionPressedInverse | --c3-style-color-core-white-alpha-100 | rgba(255, 255, 255, 1) | Light |
| colorBgAvatarDefault | --c3-style-color-core-gray-20 | #DFE1E5 | Light |
| colorBgBtnAccentFill | --c3-style-colorBgAccent | #2266F0 | Light |
| colorBgBtnDangerFill | --c3-style-colorBgDanger | #DB1C3C | Light |
| colorBgBtnPrimaryFill | --c3-style-color-core-gray-80 | #393B40 | Light |
| colorBgCardChildPrimary | --c3-style-colorBgSecondary | #F7F8FA | Light |
| colorBgCardChildSecondary | --c3-style-colorBgPrimary | #FFFFFF | Light |
| colorBgCardParent | --c3-style-colorBgPrimary | #FFFFFF | Light |
| colorBgContainer01 | --c3-style-colorBgPrimary | #FFFFFF | Light |
| colorBgContainer02 | --c3-style-colorBgSecondary | #F7F8FA | Light |
| colorBgContentFrame | --c3-style-colorBgCardParent | #FFFFFF | Light |
| colorBgDanger | --c3-style-color-core-red-60 | #DB1C3C | Light |
| colorBgDangerWeak | --c3-style-color-core-red-20 | #FFD6E0 | Light |
| colorBgDataGridHover | --c3-style-color-decorative-slate-10 | #EBEDF5 | Light |
| colorBgDataGridZebraStripe | --c3-style-colorBgCardParent | #FFFFFF | Light |
| colorBgDataZoomSliderFilter | --c3-style-color-core-data-zoom-20 | rgba(130, 176, 255, .2) | Light |
| colorBgDataZoomSparkline | --c3-style-color-core-data-zoom-10 | rgba(130, 176, 255, .1) | Light |
| colorBgDecoOrangeStrong | --c3-style-color-decorative-orange-20 | #FFD9C2 | Light |
| colorBgDecoOrange | --c3-style-color-decorative-orange-10 | #FFE9DB | Light |
| colorBgDecoOrangeWeak | --c3-style-color-decorative-orange-05 | #FFF4ED | Light |
| colorBgDecoOliveStrong | --c3-style-color-decorative-olive-20 | #EBE49B | Light |
| colorBgDecoOlive | --c3-style-color-decorative-olive-10 | #F5F0BA | Light |
| colorBgDecoOliveWeak | --c3-style-color-decorative-olive-05 | #FAF8DC | Light |
| colorBgDecoLimeStrong | --c3-style-color-decorative-lime-20 | #CCED8E | Light |
| colorBgDecoLime | --c3-style-color-decorative-lime-10 | #E0F5B8 | Light |
| colorBgDecoLimeWeak | --c3-style-color-decorative-lime-05 | #F1FADE | Light |
| colorBgDecoForestStrong | --c3-style-color-decorative-forest-20 | #C0EBD0 | Light |
| colorBgDecoForest | --c3-style-color-decorative-forest-10 | #D7F5E3 | Light |
| colorBgDecoForestWeak | --c3-style-color-decorative-forest-05 | #EBFAF1 | Light |
| colorBgDecoCyanStrong | --c3-style-color-decorative-cyan-20 | #97EFF4 | Light |
| colorBgDecoCyan | --c3-style-color-decorative-cyan-10 | #C6F6F7 | Light |
| colorBgDecoCyanWeak | --c3-style-color-decorative-cyan-05 | #EBF9FA | Light |
| colorBgDecoSlateStrong | --c3-style-color-decorative-slate-20 | #DDE0EB | Light |
| colorBgDecoSlate | --c3-style-color-decorative-slate-10 | #EBEDF5 | Light |
| colorBgDecoSlateWeak | --c3-style-color-decorative-slate-05 | #F5F7FC | Light |
| colorBgDecoPurpleStrong | --c3-style-color-decorative-purple-20 | #EBD9FF | Light |
| colorBgDecoPurple | --c3-style-color-decorative-purple-10 | #F4E8FF | Light |
| colorBgDecoPurpleWeak | --c3-style-color-decorative-purple-05 | #FAF5FF | Light |
| colorBgDecoPlumStrong | --c3-style-color-decorative-plum-20 | #FCD4F2 | Light |
| colorBgDecoPlum | --c3-style-color-decorative-plum-10 | #FFE6F9 | Light |
| colorBgDecoPlumWeak | --c3-style-color-decorative-plum-05 | #FFF5FD | Light |
| colorBgDecoChocoStrong | --c3-style-color-decorative-choco-20 | #F2DAE0 | Light |
| colorBgDecoChoco | --c3-style-color-decorative-choco-10 | #F7E9EC | Light |
| colorBgDecoChocoWeak | --c3-style-color-decorative-choco-05 | #FCF5F7 | Light |
| colorBorderDataZoomSparkline | --c3-style-color-core-data-zoom-50 | rgba(130, 176, 255, .5) | Light |
| colorBgInlineNotificationError | --c3-style-color-core-red-05 | #FFF2F5 | Light |
| colorBgInlineNotificationSuccess | --c3-style-color-core-green-05 | #E6FCF9 | Light |
| colorBgInlineNotificationWarning | --c3-style-color-core-yellow-05 | #FFF6E3 | Light |
| colorBgInputReadonly | --c3-style-color-core-gray-alpha-05 | rgba(17, 17, 18, 0.04) | Light |
| colorBgMenu | --c3-style-colorBgPrimary | #FFFFFF | Light |
| colorBgMenuHoverUnselected | --c3-style-colorBgActionHover | rgba(17, 17, 18, 0.04) | Light |
| colorBgMenuItemSelected | --c3-style-colorBgSelected | rgba(17, 17, 18, 0.1) | Light |
| colorBgPage | --c3-style-color-core-gray-05 | #F7F8FA | Light |
| colorBgPrimary | --c3-style-color-core-white | #FFFFFF | Light |
| colorBgPrimaryInverse | --c3-style-color-core-gray-100 | #111112 | Light |
| colorBgCoreAccentStrong | --c3-style-color-core-blue-20 | #D1E3FF | Light |
| colorBgCoreAccent | --c3-style-color-core-blue-10 | #E8F1FF | Light |
| colorBgCoreAccentWeak | --c3-style-color-core-blue-05 | #F2F7FF | Light |
| colorBgCoreDangerStrong | --c3-style-color-core-red-20 | #FFD6E0 | Light |
| colorBgCoreDanger | --c3-style-color-core-red-10 | #FFE5EC | Light |
| colorBgCoreDangerWeak | --c3-style-color-core-red-05 | #FFF2F5 | Light |
| colorBgCoreSuccessStrong | --c3-style-color-core-green-20 | #A0F0E3 | Light |
| colorBgCoreSuccess | --c3-style-color-core-green-10 | #C8F7EF | Light |
| colorBgCoreSuccessWeak | --c3-style-color-core-green-05 | #E6FCF9 | Light |
| colorBgCoreWarningStrong | --c3-style-color-core-yellow-20 | #FFDB99 | Light |
| colorBgCoreWarning | --c3-style-color-core-yellow-10 | #FFEBC2 | Light |
| colorBgCoreWarningWeak | --c3-style-color-core-yellow-05 | #FFF6E3 | Light |
| colorBgSuccessWeak | --c3-style-color-core-green-20 | #A0F0E3 | Light |
| colorBgSideNavPanel | --c3-style-colorBgCardParent | #FFFFFF | Light |
| colorBgSecondary | --c3-style-color-core-gray-05 | #F7F8FA | Light |
| colorBgSecondaryInverse | --c3-style-color-core-gray-95 | #1C1D1F | Light |
| colorBgSegBtnSelected | --c3-style-colorBgSelected | rgba(17, 17, 18, 0.1) | Light |
| colorBgSelected | --c3-style-color-core-gray-alpha-10 | rgba(17, 17, 18, 0.1) | Light |
| colorBgSuccess | --c3-style-color-core-green-60 | #008066 | Light |
| colorBgTertiary | --c3-style-color-core-gray-10 | #EBEDF0 | Light |
| colorBgTertiaryInverse | --c3-style-color-core-gray-90 | #27292B | Light |
| colorBgTickMark | --c3-style-color-core-gray-alpha-30 | rgba(17, 17, 18, 0.3) | Light |
| colorBgTrack | --c3-style-color-core-gray-alpha-10 | rgba(17, 17, 18, 0.1) | Light |
| colorBgWarning | --c3-style-color-core-yellow-60 | #A65E00 | Light |
| colorBgWarningWeak | --c3-style-color-core-yellow-20 | #FFDB99 | Light |
| colorBorder | --c3-style-color-core-gray-60 | #6C717A | Light |
| colorBorderAccent | --c3-style-color-core-blue-60 | #2266F0 | Light |
| colorBorderBtnAccentOutline | --c3-style-colorBorderAccent | #2266F0 | Light |
| colorBorderBtnDangerOutline | --c3-style-colorBorderDanger | #DB1C3C | Light |
| colorBorderBtnPrimaryOutline | --c3-style-colorBorder | #6C717A | Light |
| colorBorderCardChildPrimary | --c3-style-colorBorderWeak | #C6C9CF | Light |
| colorBorderCardChildSecondary | --c3-style-colorBorderWeak | #C6C9CF | Light |
| colorBorderCardParent | --c3-style-color-core-white-alpha-00 | rgba(255, 255, 255, 0) | Light |
| colorBorderDanger | --c3-style-color-core-red-60 | #DB1C3C | Light |
| colorBorderInlineNotificationError | --c3-style-colorBorderDanger | #DB1C3C | Light |
| colorBorderInlineNotificationSuccess | --c3-style-colorBorderSuccess | #30A18A | Light |
| colorBorderInlineNotificationWarning | --c3-style-colorBorderWarning | #D47C00 | Light |
| colorBorderMenu | --c3-style-colorBorderWeak | #C6C9CF | Light |
| colorBorderReadonly | --c3-style-colorBorderWeak | #C6C9CF | Light |
| colorBorderSegBtn | --c3-style-colorBorder | #6C717A | Light |
| colorBorderStrong | --c3-style-color-core-gray-80 | #393B40 | Light |
| colorBorderSuccess | --c3-style-color-core-green-50 | #30A18A | Light |
| colorBorderWarning | --c3-style-color-core-yellow-50 | #D47C00 | Light |
| colorBorderWeak | --c3-style-color-core-gray-30 | #C6C9CF | Light |
| colorDivider | --c3-style-colorBorder | #6C717A | Light |
| colorDividerStrong | --c3-style-colorBorderStrong | #393B40 | Light |
| colorDividerWeak | --c3-style-colorBorderWeak | #C6C9CF | Light |
| colorBgCollapsibleNav | --c3-style-color-core-gray-05 | #F7F8FA | Light |
| colorBgTintTimeBarOverlay | --c3-style-color-core-white-alpha-70 | rgba(255, 255, 255, 0.7) | Light |
| colorBgSankeyLabel | --c3-style-color-core-white-alpha-70 | rgba(255, 255, 255, 0.7) | Light |
| colorBgSideNav | --c3-style-colorBgPrimary | #FFFFFF | Light |
| colorBgSideNavItemHover | --c3-style-colorBgActionHover | rgba(17, 17, 18, 0.04) | Light |
| colorBgSideItemHover | --c3-style-colorFgPrimaryInverse | rgba(255, 255, 255, 0.95) | Light |
| colorFgSideNavSelected | --c3-style-colorFgPrimary | rgba(17, 17, 18, 0.95) | Light |
| colorFgSideNavUnselected | --c3-style-colorFgSecondary | rgba(17, 17, 18, 0.65) | Light |
| colorBorderSideNavItemIndicator | --c3-style-colorFgPrimary | rgba(17, 17, 18, 0.95) | Light |
| colorBorderSideNavItemDivider | --c3-style-colorDividerWeak | #C6C9CF | Light |
| colorFgAccent | --c3-style-color-core-blue-60 | #2266F0 | Light |
| colorFgAccentStrong | --c3-style-color-core-blue-80 | #103487 | Light |
| colorFgAccentWeak | --c3-style-color-core-blue-40 | #82B0FF | Light |
| colorFgBtnAccent | --c3-style-colorFgAccent | #2266F0 | Light |
| colorFgBtnDanger | --c3-style-colorFgDanger | #DB1C3C | Light |
| colorFgBtnPrimary | --c3-style-color-core-gray-80 | #393B40 | Light |
| colorFgDanger | --c3-style-color-core-red-60 | #DB1C3C | Light |
| colorFgDangerStrong | --c3-style-color-core-red-80 | #75121F | Light |
| colorFgDangerWeak | --c3-style-color-core-red-40 | #FF7893 | Light |
| colorFgDecoOrangeStrong | --c3-style-color-decorative-orange-80 | #662709 | Light |
| colorFgDecoOrange | --c3-style-color-decorative-orange-60 | #C64600 | Light |
| colorFgDecoOrangeWeak | --c3-style-color-decorative-orange-40 | #FC9253 | Light |
| colorFgDecoOliveStrong | --c3-style-color-decorative-olive-80 | #403A1B | Light |
| colorFgDecoOlive | --c3-style-color-decorative-olive-60 | #7A712C | Light |
| colorFgDecoOliveWeak | --c3-style-color-decorative-olive-40 | #BAB056 | Light |
| colorFgDecoLimeStrong | --c3-style-color-decorative-lime-80 | #29400D | Light |
| colorFgDecoLime | --c3-style-color-decorative-lime-60 | #507D11 | Light |
| colorFgDecoLimeWeak | --c3-style-color-decorative-lime-40 | #88BD33 | Light |
| colorFgDecoForestStrong | --c3-style-color-decorative-forest-80 | #2A4031 | Light |
| colorFgDecoForest | --c3-style-color-decorative-forest-60 | #4B7A5B | Light |
| colorFgDecoForestWeak | --c3-style-color-decorative-forest-40 | #7DBA92 | Light |
| colorFgDecoCyanStrong | --c3-style-color-decorative-cyan-80 | #0A4047 | Light |
| colorFgDecoCyan | --c3-style-color-decorative-cyan-60 | #057C87 | Light |
| colorFgDecoCyanWeak | --c3-style-color-decorative-cyan-40 | #26BFC9 | Light |
| colorFgDecoSlateStrong | --c3-style-color-decorative-slate-80 | #393B45 | Light |
| colorFgDecoSlate | --c3-style-color-decorative-slate-60 | #6A6F8A | Light |
| colorFgDecoSlateWeak | --c3-style-color-decorative-slate-40 | #A7ADC4 | Light |
| colorFgDecoPurpleStrong | --c3-style-color-decorative-purple-80 | #472A75 | Light |
| colorFgDecoPurple | --c3-style-color-decorative-purple-60 | #8D4BE3 | Light |
| colorFgDecoPurpleWeak | --c3-style-color-decorative-purple-40 | #C799FF | Light |
| colorFgDecoPlumStrong | --c3-style-color-decorative-plum-80 | #5E274B | Light |
| colorFgDecoPlum | --c3-style-color-decorative-plum-60 | #B84491 | Light |
| colorFgDecoPlumWeak | --c3-style-color-decorative-plum-40 | #EB8FCF | Light |
| colorFgDecoChocoStrong | --c3-style-color-decorative-choco-80 | #473639 | Light |
| colorFgDecoChoco | --c3-style-color-decorative-choco-60 | #99606A | Light |
| colorFgDecoChocoWeak | --c3-style-color-decorative-choco-40 | #D69FAA | Light |
| colorFgInputPlaceholder | --c3-style-color-core-gray-alpha-65 | rgba(17, 17, 18, 0.65) | Light |
| colorFgMenuItemSelected | --c3-style-colorFgPrimary | rgba(17, 17, 18, 0.95) | Light |
| colorFgMenuItemSelectedIndicator | --c3-style-colorFgAccent | #2266F0 | Light |
| colorFgMenuItemUnselected | --c3-style-colorFgSecondary | rgba(17, 17, 18, 0.65) | Light |
| colorFgPrimary | --c3-style-color-core-gray-alpha-95 | rgba(17, 17, 18, 0.95) | Light |
| colorFgPrimaryInverse | --c3-style-color-core-white-alpha-95 | rgba(255, 255, 255, 0.95) | Light |
| colorFgReadonly | --c3-style-colorFgSecondary | rgba(17, 17, 18, 0.65) | Light |
| colorFgSecondary | --c3-style-color-core-gray-alpha-65 | rgba(17, 17, 18, 0.65) | Light |
| colorFgSecondaryInverse | --c3-style-color-core-white-alpha-95 | rgba(255, 255, 255, 0.95) | Light |
| colorFgSegBtn | --c3-style-colorFgSecondary | rgba(17, 17, 18, 0.65) | Light |
| colorFgSegBtnSelected | --c3-style-colorFgPrimary | rgba(17, 17, 18, 0.95) | Light |
| colorFgSuccess | --c3-style-color-core-green-60 | #008066 | Light |
| colorFgSuccessStrong | --c3-style-color-core-green-80 | #164239 | Light |
| colorFgSuccessWeak | --c3-style-color-core-green-40 | #49BFA9 | Light |
| colorFgWarning | --c3-style-color-core-yellow-60 | #A65E00 | Light |
| colorFgWarningStrong | --c3-style-color-core-yellow-80 | #57330A | Light |
| colorFgWarningWeak | --c3-style-color-core-yellow-40 | #F2950A | Light |
| colorFocus | --c3-style-color-core-blue-60 | #2266F0 | Light |
| componentBackgroundColor | --c3-style-color-core-white-alpha-100 | rgba(255, 255, 255, 1) | Light |
| componentBackgroundColorError | --c3-style-color-core-red-10 | #FFE5EC | Light |
| componentBackgroundColorSuccess | --c3-style-color-core-green-10 | #C8F7EF | Light |
| componentBackgroundColorWarning | --c3-style-color-core-yellow-10 | #FFEBC2 | Light |
| componentBorderColor | --c3-style-color-core-gray-alpha-40 | rgba(17, 17, 18, 0.4) | Light |
| componentDividerColor | --c3-style-color-core-gray-alpha-20 | rgba(17, 17, 18, 0.2) | Light |
| dangerColor | --c3-style-color-core-red-60 | #DB1C3C | Light |
| dateIconColor | --c3-style-color-decorative-plum-20 | #FCD4F2 | Light |
| dateIconTextColor | --c3-style-color-decorative-plum-70 | #8C316E | Light |
| dropdownDescriptionBackgroundColor | --c3-style-color-core-blue-20 | #D1E3FF | Light |
| dropdownDescriptionColor | --c3-style-color-core-blue-70 | #0E48C4 | Light |
| dropdownMessageColor | --c3-style-secondaryFontColor | rgba(17, 17, 18, 0.65) | Light |
| dropdownOptionDividerColor | --c3-style-componentDividerColor | rgba(17, 17, 18, 0.2) | Light |
| dropdownSelectionColor | --c3-style-color-core-gray-alpha-10 | rgba(17, 17, 18, 0.1) | Light |
| dynamicComponentLoaderBackgroundColor | --c3-style-color-core-white-alpha-50 | rgba(255, 255, 255, 0.5) | Light |
| expressionFocusedInputBackgroundColor | --c3-style-color-core-blue-05 | #F2F7FF | Light |
| fontColor | --c3-style-color-core-gray-100 | #111112 | Light |
| formFieldBackgroundColor | --c3-style-color-core-gray-alpha-00 | rgba(17, 17, 18, 0) | Light |
| formFieldBackgroundColorDisabled | --c3-style-color-core-gray-alpha-05 | rgba(17, 17, 18, 0.04) | Light |
| formFieldBorderColor | --c3-style-componentBorderColor | rgba(17, 17, 18, 0.4) | Light |
| formFieldBorderColorDisabled | --c3-style-color-core-gray-alpha-20 | rgba(17, 17, 18, 0.2) | Light |
| formFieldColorDisabled | --c3-style-color-core-gray-alpha-40 | rgba(17, 17, 18, 0.4) | Light |
| formFieldColorHint | --c3-style-secondaryFontColor | rgba(17, 17, 18, 0.65) | Light |
| formFieldErrorBorderColor | --c3-style-color-core-red-60 | #DB1C3C | Light |
| formFieldErrorHoverBorderColor | --c3-style-color-core-red-70 | #A80F26 | Light |
| formFieldHeaderColorDisabled | --c3-style-color-core-gray-alpha-40 | rgba(17, 17, 18, 0.4) | Light |
| formFieldHoverBackgroundColor | --c3-style-color-core-gray-alpha-00 | rgba(17, 17, 18, 0) | Light |
| formFieldHoverBorderColor | --c3-style-color-core-gray-alpha-70 | rgba(17, 17, 18, 0.7) | Light |
| formFieldLabelErrorColor | --c3-style-color-core-red-70 | #A80F26 | Light |
| formFieldLabelFocusColor | --c3-style-color-core-gray-100 | #111112 | Light |
| formFieldSetLinkHoverColor | --c3-style-accentColor | #2266F0 | Light |
| formFieldVariantBorderColor | --c3-style-color-core-gray-alpha-20 | rgba(17, 17, 18, 0.2) | Light |
| gaugeAxisBarColor | --c3-style-color-core-gray-alpha-10 | rgba(17, 17, 18, 0.1) | Light |
| gaugeFontColor | --c3-style-fontColor | #111112 | Light |
| gaugeProgressBarDefaultColor | --c3-style-color-core-blue-60 | #2266F0 | Light |
| gradientLinearCardParentLeft | --c3-style-gradient-dark-parent-left | 90deg, #1C1D1F 0%, rgba(28, 29, 31, 0.50) 50%, rgba(28, 29, 31, 0.00) 100% | Light |
| gradientLinearCardParentRight | --c3-style-gradient-dark-parent-right | 90deg, rgba(28, 29, 31, 0.00) 0%, rgba(28, 29, 31, 0.50) 50%, #1C1D1F 100% | Light |
| gradientLinearCardChildLeft | --c3-style-gradient-dark-child-left | 90deg, #27292B 0%, rgba(39, 41, 43, 0.50) 50%, rgba(39, 41, 43, 0.00) 100% | Light |
| gradientLinearCardChildRight | --c3-style-gradient-dark-child-right | 90deg, rgba(39, 41, 43, 0.00) 0%, rgba(39, 41, 43, 0.50) 50.52%, #27292B 100% | Light |
| gradientLinearNav | --c3-style-gradient-linear-nav | 0deg, #1C1D1F 0%, rgba(28, 29, 31, 0.50) 50%, rgba(28, 29, 31, 0.00) 100% | Light |
| graphVisualizationClusterNodeFillColor | --c3-style-color-core-gray-20 | #DFE1E5 | Light |
| graphVisualizationClusterNodeOutlineColor | --c3-style-color-core-gray-40 | #AAAEB5 | Light |
| graphVisualizationGlyphFontColor | --c3-style-fontColor | #111112 | Light |
| graphVisualizationLegendBackgroundColor | --c3-style-color-core-gray-05 | #F7F8FA | Light |
| graphVisualizationLegendViewMoreButtonFontColor | --c3-style-accentColor | #2266F0 | Light |
| graphVisualizationMapTheme | --c3-style-theme-category-light | light | Light |
| graphVisualizationMergedEdgeGlyphBackgroundColor | --c3-style-color-core-gray-50 | #8C919C | Light |
| graphVisualizationNodeDefaultDonutColor | --c3-style-color-core-white | #FFFFFF | Light |
| graphVisualizationNodeInfoGlyphBackgroundColor | --c3-style-color-core-gray-50 | #8C919C | Light |
| graphVisualizationNodeInfoGlyphFontColor | --c3-style-fontColor | #111112 | Light |
| graphVisualizationPercentageDonutSegmentColor | --c3-style-color-core-gray-30 | #C6C9CF | Light |
| graphVisualizationTimeBarBackgroundColor | --c3-style-color-core-gray-10 | #EBEDF0 | Light |
| graphVisualizationTimeBarColor | --c3-style-color-core-gray-50 | #8C919C | Light |
| graphVisualizationTimeBarHoverColor | --c3-style-color-core-gray-40 | #AAAEB5 | Light |
| graphVisualizationTimeBarScaleHoverColor | --c3-style-color-core-gray-20 | #DFE1E5 | Light |
| graphVisualizationTooltipBackgroundColor | --c3-style-color-core-gray-05 | #F7F8FA | Light |
| graphVisualizationTooltipBodyColor | --c3-style-fontColor | #111112 | Light |
| graphVisualizationTooltipSubtitleColor | --c3-style-secondaryFontColor | rgba(17, 17, 18, 0.65) | Light |
| graphVisualizationTooltipTitleColor | --c3-style-fontColor | #111112 | Light |
| gridCellColorWheelBackgroundColor | --c3-style-color-core-gray-alpha-10 | rgba(17, 17, 18, 0.1) | Light |
| gridHeaderFontColor | --c3-style-fontColor | #111112 | Light |
| gridHoverBackgroundColor | --c3-style-color-core-gray-alpha-10 | rgba(17, 17, 18, 0.1) | Light |
| gridMessageBackgroundColor | --c3-style-color-core-gray-10 | #EBEDF0 | Light |
| gridPagerLabelFontColor | --c3-style-secondaryFontColor | rgba(17, 17, 18, 0.65) | Light |
| gridPagerSizesFontColor | --c3-style-fontColor | #111112 | Light |
| gridSelectedCellBackgroundColor | --c3-style-color-core-blue-20 | #D1E3FF | Light |
| gridSelectedCellBorderColor | --c3-style-accentColor | #2266F0 | Light |
| gridSelectedFontColor | --c3-style-secondaryFontColor | rgba(17, 17, 18, 0.65) | Light |
| gridSelectedHoverBackgroundColor | --c3-style-color-core-blue-30 | #ADCBFF | Light |
| iconGroupColor | --c3-style-secondaryFontColor | rgba(17, 17, 18, 0.65) | Light |
| indicatorBarBackgroundColor | --c3-style-color-core-gray-alpha-10 | rgba(17, 17, 18, 0.1) | Light |
| infoColor | --c3-style-color-core-blue-60 | #2266F0 | Light |
| invertedComponentBackgroundColor | --c3-style-color-core-gray-95 | #1C1D1F | Light |
| kanbanBoardBackgroundColumnTitle | --c3-style-fontColor | #111112 | Light |
| kanbanBoardBackgroundItemSlot | --c3-style-color-core-gray-10 | #EBEDF0 | Light |
| kanbanBoardBackgroundLayout | --c3-style-color-core-gray-05 | #F7F8FA | Light |
| kanbanBoardBorderTitle | --c3-style-secondaryFontColor | rgba(17, 17, 18, 0.65) | Light |
| kanbanBoardButtonColor | --c3-style-secondaryFontColor | rgba(17, 17, 18, 0.65) | Light |
| kanbanBoardCardContentColor | --c3-style-fontColor | #111112 | Light |
| kanbanBoardCardHeadLineBlockColor | --c3-style-fontColor | #111112 | Light |
| kanbanBoardContentBackgroundColor | --c3-style-color-core-white-alpha-100 | rgba(255, 255, 255, 1) | Light |
| kanbanBoardTextBackgroundCollectionList | --c3-style-color-core-gray-05 | #F7F8FA | Light |
| kanbanBoardTitleColor | --c3-style-fontColor | #111112 | Light |
| legendBackgroundColor | --c3-style-color-core-gray-80 | #393B40 | Light |
| legendNameFontColor | --c3-style-secondaryFontColor | rgba(17, 17, 18, 0.65) | Light |
| logoBlueBackgroundColor | --c3-style-color-core-blue-60 | #2266F0 | Light |
| logoChocoBackgroundColor | --c3-style-color-decorative-choco-60 | #99606A | Light |
| logoColor | --c3-style-color-core-gray-05 | #F7F8FA | Light |
| logoCyanBackgroundColor | --c3-style-color-decorative-cyan-60 | #057C87 | Light |
| logoForestBackgroundColor | --c3-style-color-decorative-cyan-60 | #057C87 | Light |
| logoIconUrl | --c3-style-icon-logo-inverse | "assets/images/menu/logo-inverse.svg" | Light |
| emptyStateIconUrl | --c3-style-icon-empty-state-inverse | "assets/images/empty-state.svg" | Light |
| logoLimeBackgroundColor | --c3-style-color-decorative-lime-60 | #507D11 | Light |
| logoOliveBackgroundColor | --c3-style-color-decorative-olive-60 | #7A712C | Light |
| logoOrangeBackgroundColor | --c3-style-color-decorative-orange-60 | #C64600 | Light |
| logoPlumBackgroundColor | --c3-style-color-decorative-plum-60 | #B84491 | Light |
| logoPurpleBackgroundColor | --c3-style-color-decorative-purple-60 | #8D4BE3 | Light |
| logoSlateBackgroundColor | --c3-style-color-decorative-slate-60 | #6A6F8A | Light |
| mapMarkerClusterColor | --c3-style-accentColor | #2266F0 | Light |
| mapTooltipAdditionalFieldsDescriptionFontColor | --c3-style-fontColor | #111112 | Light |
| mapTooltipAdditionalFieldsHeaderFontColor | --c3-style-secondaryFontColor | rgba(17, 17, 18, 0.65) | Light |
| mapTooltipHeaderFontColor | --c3-style-fontColor | #111112 | Light |
| mapTooltipSubHeaderFontColor | --c3-style-fontColor | #111112 | Light |
| menuActiveColor | --c3-style-color-core-gray-05 | #F7F8FA | Light |
| menuBackgroundActiveColor | --c3-style-color-core-gray-80 | #393B40 | Light |
| menuBackgroundColor | --c3-style-color-core-gray-95 | #1C1D1F | Light |
| menuDividerColor | --c3-style-color-core-white-alpha-20 | rgba(255, 255, 255, 0.2) | Light |
| menuHoverColor | --c3-style-color-core-gray-80 | #393B40 | Light |
| menuItemActiveColor | --c3-style-color-core-gray-05 | #F7F8FA | Light |
| menuItemBackgroundColor | --c3-style-color-core-white-alpha-00 | rgba(255, 255, 255, 0) | Light |
| menuItemBackgroundHoverColor | --c3-style-color-core-white-alpha-10 | rgba(255, 255, 255, 0.1) | Light |
| menuItemHoverColor | --c3-style-color-core-gray-40 | #AAAEB5 | Light |
| menuPrimaryColor | --c3-style-color-core-gray-alpha-80 | rgba(17, 17, 18, 0.8); | Light |
| numberIconColor | --c3-style-color-decorative-purple-20 | #EBD9FF | Light |
| numberIconTextColor | --c3-style-color-decorative-purple-70 | #6932BA | Light |
| objectIconColor | --c3-style-color-decorative-choco-20 | #F2DAE0 | Light |
| objectIconTextColor | --c3-style-color-decorative-choco-70 | #704A50 | Light |
| opacity00 | --c3-style-opacity-00 | 0% | Light |
| opacity05 | --c3-style-opacity-05 | 5% | Light |
| opacity10 | --c3-style-opacity-10 | 10% | Light |
| opacity20 | --c3-style-opacity-20 | 20% | Light |
| opacity30 | --c3-style-opacity-30 | 30% | Light |
| opacity40 | --c3-style-opacity-40 | 40% | Light |
| opacity50 | --c3-style-opacity-50 | 50% | Light |
| opacity60 | --c3-style-opacity-60 | 60% | Light |
| opacity70 | --c3-style-opacity-70 | 70% | Light |
| opacity80 | --c3-style-opacity-80 | 80% | Light |
| opacity90 | --c3-style-opacity-90 | 90% | Light |
| opacity95 | --c3-style-opacity-95 | 95% | Light |
| opacity100 | --c3-style-opacity-100 | 100% | Light |
| opacityDisabled | --c3-style-opacity-40 | 40% | Light |
| opacityLoading | --c3-style-opacity-40 | 40% | Light |
| otherIconColor | --c3-style-color-decorative-orange-20 | #FFD9C2 | Light |
| otherIconTextColor | --c3-style-color-decorative-orange-70 | #963200 | Light |
| pageBackgroundColor | --c3-style-color-core-gray-05 | #F7F8FA | Light |
| pageTitleBoxShadowColor | --c3-style-cardElevation01BackgroundColor | rgba(255, 255, 255, 1) | Light |
| referenceIconColor | --c3-style-color-decorative-lime-20 | #CCED8E | Light |
| referenceIconTextColor | --c3-style-color-decorative-lime-70 | #3B5C0F | Light |
| sankeyChartLabelBackgroundColor | --c3-style-color-core-white-alpha-95 | rgba(255, 255, 255, 0.95) | Light |
| scrollbarThumbColor | --c3-style-color-core-gray-50 | #8C919C | Light |
| scrollbarTrackColor | --c3-style-color-core-white-alpha-00 | rgba(255, 255, 255, 0) | Light |
| secondaryFontColor | --c3-style-color-core-gray-alpha-65 | rgba(17, 17, 18, 0.65) | Light |
| secondaryVariantFontColor | --c3-style-color-core-gray-50 | #8C919C | Light |
| selectFieldPillActiveBackgroundColor | --c3-style-color-core-gray-alpha-10 | rgba(17, 17, 18, 0.1) | Light |
| selectFieldPillHoverBackgroundColor | --c3-style-color-core-gray-alpha-05 | rgba(17, 17, 18, 0.04) | Light |
| selectFieldPillTextColor | --c3-style-fontColor | #111112 | Light |
| selectionBackgroundColor | --c3-style-color-core-blue-20 | #D1E3FF | Light |
| sidePanelSubtitleColor | --c3-style-secondaryFontColor | rgba(17, 17, 18, 0.65) | Light |
| stringIconColor | --c3-style-color-core-blue-20 | #D1E3FF | Light |
| stringIconTextColor | --c3-style-color-core-blue-70 | #0E48C4 | Light |
| subMenuItemBackgroundActiveColor | --c3-style-color-core-gray-20 | #393B40 | Light |
| successColor | --c3-style-color-core-green-60 | #008066 | Light |
| timeGraphBackgroundColor | --c3-style-color-core-gray-05 | #F7F8FA | Light |
| timeGraphDefaultEntityColor | --c3-style-color-core-gray-50 | #8C919C | Light |
| timeGraphDefaultLabelColor | --c3-style-fontColor | #111112 | Light |
| timeGraphHighlightColor | --c3-style-color-core-gray-alpha-20 | rgba(17, 17, 18, 0.2) | Light |
| timeGraphScaleBackgroundColor | --c3-style-color-core-gray-10 | #EBEDF0 | Light |
| timeGraphScaleBorderColor | --c3-style-componentBorderColor | rgba(17, 17, 18, 0.4) | Light |
| timeGraphScaleFontColor | --c3-style-secondaryFontColor | rgba(17, 17, 18, 0.65) | Light |
| timeGraphScaleFontSize | --c3-style-font-size-03 | .875rem | Light |
| timeGraphTooltipBackgroundColor | --c3-style-color-core-white-alpha-100 | rgba(255, 255, 255, 1) | Light |
| timeGraphTooltipBodyColor | --c3-style-fontColor | #111112 | Light |
| timeGraphTooltipSubtitleColor | --c3-style-fontColor | #111112 | Light |
| timeGraphTooltipTitleColor | --c3-style-fontColor | #111112 | Light |
| timeSeriesIconColor | --c3-style-color-decorative-forest-20 | #C0EBD0 | Light |
| timeSeriesIconTextColor | --c3-style-color-decorative-forest-70 | #395C45 | Light |
| toggleSwitchBackgroundColor | --c3-style-color-core-gray-60 | #6C717A | Light |
| toggleSwitchBorderColor | --c3-style-color-core-gray-60 | #6C717A | Light |
| toggleSwitchCheckedBorderColor | --c3-style-accentColor | #2266F0 | Light |
| toggleSwitchCheckedColor | --c3-style-color-core-gray-05 | #F7F8FA | Light |
| toggleSwitchCheckedDisabledBackgroundColor | --c3-style-color-core-blue-20 | #D1E3FF | Light |
| toggleSwitchCheckedDisabledBorderColor | --c3-style-color-core-blue-20 | #D1E3FF | Light |
| toggleSwitchCheckedDisabledColor | --c3-style-color-core-gray-05 | #F7F8FA | Light |
| toggleSwitchColor | --c3-style-color-core-gray-05 | #F7F8FA | Light |
| toggleSwitchDisabledBackgroundColor | --c3-style-color-core-gray-20 | #DFE1E5 | Light |
| toggleSwitchDisabledBorderColor | --c3-style-color-core-gray-20 | #DFE1E5 | Light |
| toggleSwitchDisabledColor | --c3-style-color-core-gray-05 | #F7F8FA | Light |
| tooltipBackgroundColor | --c3-style-color-core-gray-20 | #DFE1E5 | Light |
| warningColor | --c3-style-color-core-yellow-50 | #D47C00 | Light |
| zebraStripeBackgroundColor | --c3-style-color-core-gray-alpha-05 | rgba(17, 17, 18, 0.04) | Light |