@octopusdeploy/design-system-tokens
Version:
The design systems tokens. This package contains the raw tokens in their original format, and compiled to an appropriate format for consumption by the design system components.
501 lines (499 loc) • 23.2 kB
CSS
/**
* Design tokens from @octopusdeploy/design-system-tokens, as CSS custom properties.
* Generated from the design system's source tokens - do not edit.
*
* Include all four stylesheets. lightTheme.css and darkTheme.css are selected by the
* data-theme attribute, set on whichever element you want themed - usually <html>, but any
* element works. globals.css and textTheme.css are theme-independent and always apply.
*/
[data-theme="dark"] {
--colorTextPrimary: #F4F6F8;
--colorTextSecondary: #A9BBCB;
--colorTextTertiary: #7C98B4;
--colorTextDisabled: #3E607D;
--colorTextInfo: #87BFEC;
--colorTextSuccess: #5ECD9E;
--colorTextWarning: #FFDF62;
--colorTextDanger: #FF9F9F;
--colorTextFeature: #C5AEEE;
--colorTextSelected: #449BE1;
--colorTextLinkDefault: #87BFEC;
--colorTextLinkHover: #449BE1;
--colorTextInversePrimary: #111A23;
--colorTextInverseSecondary: #1F303F;
--colorCalloutTextInfo: #CDE4F7;
--colorCalloutTextSuccess: #B8E7D3;
--colorCalloutTextWarning: #FFF7D9;
--colorCalloutTextDanger: #FFD8D8;
--colorCalloutTextFeature: #E7DEF8;
--colorCalloutTextBody: #E1E1E1;
--colorCalloutIconInfo: #87BFEC;
--colorCalloutIconSuccess: #5ECD9E;
--colorCalloutIconWarning: #FFDF62;
--colorCalloutIconDanger: #FF9F9F;
--colorCalloutIconFeature: #C5AEEE;
--colorCalloutBorderInfo: #449BE1;
--colorCalloutBorderSuccess: #00AB62;
--colorCalloutBorderWarning: #B98F02;
--colorCalloutBorderDanger: #FF5D5D;
--colorCalloutBorderFeature: #A683E5;
--colorCalloutBorderDefault: #557999;
--colorCalloutBorderUpsell: linear-gradient(180deg, #1A77CA 0%, #895ED3 100%);
--colorCalloutBackgroundInfoDefault: rgb(from #093051 r g b / 0.8);
--colorCalloutBackgroundInfoHover: rgb(from #155EA0 r g b / 0.48);
--colorCalloutBackgroundInfoPressed: rgb(from #155EA0 r g b / 0.32);
--colorCalloutBackgroundSuccessDefault: rgb(from #00361F r g b / 0.75);
--colorCalloutBackgroundSuccessHover: rgb(from #006A3D r g b / 0.48);
--colorCalloutBackgroundSuccessPressed: rgb(from #006A3D r g b / 0.32);
--colorCalloutBackgroundWarningDefault: rgb(from #584201 r g b / 0.90);
--colorCalloutBackgroundWarningHover: rgb(from #745801 r g b / 0.56);
--colorCalloutBackgroundWarningPressed: rgb(from #745801 r g b / 0.4);
--colorCalloutBackgroundDangerDefault: rgb(from #571818 r g b / 0.8);
--colorCalloutBackgroundDangerHover: rgb(from #AA3030 r g b / 0.48);
--colorCalloutBackgroundDangerPressed: rgb(from #AA3030 r g b / 0.32);
--colorCalloutBackgroundFeatureDefault: rgb(from #3B1D66 r g b / 0.75);
--colorCalloutBackgroundFeatureHover: rgb(from #7043B7 r g b / 0.48);
--colorCalloutBackgroundFeaturePressed: rgb(from #7043B7 r g b / 0.32);
--colorCalloutBackgroundUpsell: linear-gradient(95deg, rgb(from #0F4778 r g b / 0.5) 0%, rgb(from #572B97 r g b / 0.5) 100%);
--colorCalloutCodeBackground: #A9BBCB;
--colorTextFieldTextSecondary: #A9BBCB;
--colorTextFieldTextPrimary: #F4F6F8;
--colorTextFieldTextDisabled: #3E607D;
--colorTextFieldTextSelected: #449BE1;
--colorTextFieldTextDanger: #FF5D5D;
--colorTextFieldIconPrimary: #DAE2E9;
--colorTextFieldIconDisabled: #3E607D;
--colorTextFieldBorderDefault: #2E475D;
--colorTextFieldBorderActive: #449BE1;
--colorTextFieldBorderDanger: #FF5D5D;
--colorTextFieldBorderHover: #557999;
--colorTextFieldBorderDisabled: #2E475D;
--colorMenuListTextPrimary: #F4F6F8;
--colorMenuListTextSecondary: #DAE2E9;
--colorMenuListTextHighlight: #449BE1;
--colorMenuListBackgroundDefault: #1F303F;
--colorMenuListBackgroundHover: #2E475D;
--colorMenuListBackgroundActive: #3E607D;
--colorMenuListIconPrimary: #7C98B4;
--colorMenuListBorderPrimary: #3E607D;
--colorChipIconInverse: #FFFFFF;
--colorChipIconPrimary: #FFFFFF;
--colorChipIconWarning: #C45317;
--colorChipTextPrimary: #FFFFFF;
--colorChipTextInverse: #1F303F;
--colorChipBackgroundPrimary: #2E475D;
--colorChipBackgroundSecondary: #155EA0;
--colorChipBackgroundDanger: #D63D3D;
--colorChipBackgroundSuccessful: #00874D;
--colorChipFilledTextPrimary: #DAE2E9;
--colorChipFilledTextSecondary: #E7DEF8;
--colorChipFilledTextInfo: #CDE4F7;
--colorChipFilledTextSuccess: #B8E7D3;
--colorChipFilledTextWarning: #FFDF62;
--colorChipFilledTextDanger: #FFD8D8;
--colorChipFilledBackgroundPrimary: #2E475D;
--colorChipFilledBackgroundSecondary: #572B97;
--colorChipFilledBackgroundInfo: #0F4778;
--colorChipFilledBackgroundSuccess: #00502E;
--colorChipFilledBackgroundWarning: #584201;
--colorChipFilledBackgroundDanger: #802424;
--colorChipFilledIconPrimary: #DAE2E9;
--colorChipFilledIconSecondary: #E7DEF8;
--colorChipFilledIconInfo: #CDE4F7;
--colorChipFilledIconSuccess: #B8E7D3;
--colorChipFilledIconWarning: #FFDF62;
--colorChipFilledIconDanger: #FFD8D8;
--colorChipOutlinedBorderPrimary: #7C98B4;
--colorChipOutlinedBorderSecondary: #A683E5;
--colorChipOutlinedBorderInfo: #449BE1;
--colorChipOutlinedBorderSuccess: #00AB62;
--colorChipOutlinedBorderWarning: #B98F02;
--colorChipOutlinedBorderDanger: #FF5D5D;
--colorChipOutlinedTextPrimary: #7C98B4;
--colorChipOutlinedTextSecondary: #A683E5;
--colorChipOutlinedTextInfo: #449BE1;
--colorChipOutlinedTextSuccess: #00AB62;
--colorChipOutlinedTextWarning: #B98F02;
--colorChipOutlinedTextDanger: #FF5D5D;
--colorChipOutlinedIconPrimary: #7C98B4;
--colorChipOutlinedIconSecondary: #A683E5;
--colorChipOutlinedIconInfo: #449BE1;
--colorChipOutlinedIconSuccess: #00AB62;
--colorChipOutlinedIconWarning: #B98F02;
--colorChipOutlinedIconDanger: #FF5D5D;
--colorChipBorderPrimary: #515D70;
--colorDialogBackgroundPrimary: #1F303F;
--colorDialogBackgroundSecondaryDefault: #2E475D;
--colorDialogBackgroundSecondaryUpsell: linear-gradient(95deg, rgb(from #1A77CA r g b / 0.6) 0%, rgb(from #895ED3 r g b / 0.6) 100%);
--colorDialogHelpPanelText: #FFFFFF;
--colorProgressBackgroundLinear: #87BFEC;
--colorProgressBackgroundPrimary: #87BFEC;
--colorProgressBackgroundSecondary: #155EA0;
--colorProgressForegroundCircular: #1A77CA;
--colorProgressForegroundLinear: #155EA0;
--colorProgressTextInfo: #449BE1;
--colorNavTabBackgroundHover: #2E475D;
--colorNavTabBackgroundActive: rgb(from #FFFFFF r g b / 0);
--colorNavTabTextDefault: #FFFFFF;
--colorNavTabTextActive: #87BFEC;
--colorNavTabTextHover: #FFFFFF;
--colorNavTabIconDefault: #FFFFFF;
--colorNavTabIconActive: #87BFEC;
--colorNavTabIconHover: #FFFFFF;
--colorNavTabBorderPrimary: #449BE1;
--colorSpaceSwitcherBackgroundHover: #1A77CA;
--colorSpaceSwitcherBackgroundPressed: #1A77CA;
--colorSpaceSwitcherBackgroundDefault: rgb(from #2E475D r g b / 0.64);
--colorSpaceSwitcherTextDefault: #A9BBCB;
--colorSpaceSwitcherTextHover: #FFFFFF;
--colorSpaceSwitcherTextPressed: #FFFFFF;
--colorSpaceSwitcherIconDefault: #A9BBCB;
--colorSpaceSwitcherBorderPrimary: rgb(from #000000 r g b / 0.16);
--colorSwitchIconActive: #449BE1;
--colorSwitchOverlayOn: rgb(from #CDE4F7 r g b / 0.16);
--colorSwitchOverlayOff: rgb(from #557999 r g b / 0.16);
--colorSwitchBackgroundOnDisabled: #155EA0;
--colorSwitchBackgroundOnDefault: #CDE4F7;
--colorSwitchBackgroundOffDefault: #557999;
--colorSwitchBackgroundOffDisabled: #2E475D;
--colorSwitchForegroundOnDefault: #449BE1;
--colorSwitchForegroundOnDisabled: #0F4778;
--colorSwitchForegroundOffDefault: #A9BBCB;
--colorSwitchForegroundOffDisabled: #3E607D;
--colorButtonBackgroundPrimaryDefault: #00874D;
--colorButtonBackgroundPrimaryHover: #006A3D;
--colorButtonBackgroundPrimaryPressed: #00502E;
--colorButtonBackgroundDestructiveDefault: #D63D3D;
--colorButtonBackgroundDestructiveHover: #AA3030;
--colorButtonBackgroundDestructivePressed: #802424;
--colorButtonBackgroundTertiaryDefault: rgb(from #1A77CA r g b / 0.24);
--colorButtonBackgroundTertiaryHover: rgb(from #1A77CA r g b / 0.32);
--colorButtonBackgroundTertiaryPressed: rgb(from #1A77CA r g b / 0.4);
--colorButtonBackgroundSecondaryDefault: rgb(from #1A77CA r g b / 0.01);
--colorButtonBackgroundSecondaryHover: rgb(from #1A77CA r g b / 0.16);
--colorButtonBackgroundSecondaryPressed: rgb(from #1A77CA r g b / 0.32);
--colorButtonBackgroundDisabled: rgb(from #1F303F r g b / 0.56);
--colorButtonBackgroundQuietDefault: rgb(from #1A77CA r g b / 0.01);
--colorButtonBackgroundQuietHover: rgb(from #1A77CA r g b / 0.16);
--colorButtonBackgroundQuietPressed: rgb(from #1A77CA r g b / 0.32);
--colorButtonBackgroundNeutralDefault: #111A23;
--colorButtonBackgroundNeutralHover: #2E475D;
--colorButtonBackgroundNeutralPressed: #3E607D;
--colorButtonBackgroundLoudDefault: #1A77CA;
--colorButtonBackgroundLoudHover: #155EA0;
--colorButtonBackgroundLoudPressed: #0F4778;
--colorButtonIconPrimary: #FFFFFF;
--colorButtonIconDisabled: #3E607D;
--colorButtonIconSecondary: #449BE1;
--colorButtonIconTertiary: #449BE1;
--colorButtonIconQuiet: #449BE1;
--colorButtonIconNeutral: #F4F6F8;
--colorButtonIconLoud: #FFFFFF;
--colorButtonIconDestructive: #FFFFFF;
--colorButtonTextPrimary: #FFFFFF;
--colorButtonTextSecondary: #449BE1;
--colorButtonTextTertiary: #449BE1;
--colorButtonTextDestructive: #FFFFFF;
--colorButtonTextQuiet: #449BE1;
--colorButtonTextNeutral: #F4F6F8;
--colorButtonTextDisabled: #3E607D;
--colorButtonTextLoud: #FFFFFF;
--colorButtonBorderSecondary: #1A77CA;
--colorButtonBorderDisabled: #2E475D;
--colorIconPrimary: #F4F6F8;
--colorIconSecondary: #A9BBCB;
--colorIconTertiary: #7C98B4;
--colorIconDisabled: #3E607D;
--colorIconSelected: #87BFEC;
--colorIconInfo: #449BE1;
--colorIconSuccess: #00AB62;
--colorIconWarning: #E5B203;
--colorIconDanger: #FF5D5D;
--colorIconFeature: #A683E5;
--colorIconInversePrimary: #111A23;
--colorIconInverseSecondary: #1F303F;
--colorIconLinkDefault: #87BFEC;
--colorIconLinkHover: #449BE1;
--colorBackgroundPrimaryDefault: #111A23;
--colorBackgroundPrimaryPressed: #2E475D;
--colorBackgroundPrimaryHover: #1F303F;
--colorBackgroundPrimaryTransparent: rgb(from #111A23 r g b / 0.52);
--colorBackgroundSecondaryDefault: #1F303F;
--colorBackgroundSecondaryHover: #2E475D;
--colorBackgroundSecondaryPressed: #111A23;
--colorBackgroundSecondaryTransparent: rgb(from #1F303F r g b / 0.52);
--colorBackgroundTertiary: #2E475D;
--colorBackgroundDisabled: #2E475D;
--colorBackgroundSelected: #449BE1;
--colorBackgroundInfo: #0F4778;
--colorBackgroundSuccess: #00502E;
--colorBackgroundWarning: #745801;
--colorBackgroundDanger: #802424;
--colorBackgroundFeature: #572B97;
--colorBackgroundQuartaryDefault: #1F303F;
--colorBackgroundQuartaryHover: #2E475D;
--colorBackgroundQuartaryPressed: #111A23;
--colorBackgroundInversePrimary: #FFFFFF;
--colorBackgroundInverseSecondary: #A9BBCB;
--colorBackgroundInverseSuccess: #00AB62;
--colorBackgroundInverseNeutral: #8A96A7;
--colorBackgroundBold: #000000;
--colorBorderPrimary: #2E475D;
--colorBorderSecondary: #1F303F;
--colorBorderTertiary: #3E607D;
--colorBorderDisabled: #3E607D;
--colorBorderSelected: #449BE1;
--colorBorderInfo: #449BE1;
--colorBorderSuccess: #00AB62;
--colorBorderDanger: #FF5D5D;
--colorBorderFeature: #A683E5;
--colorBorderInversePrimary: #DAE2E9;
--colorBorderInverseSecondary: #F4F6F8;
--colorBorderLinkDefault: #87BFEC;
--colorBorderLinkHover: #449BE1;
--colorBorderBold: #7C98B4;
--colorBorderWarning: #E5B203;
--colorBorderDefault: #557999;
--colorDeprecatedBorderWarning: #EA7325;
--colorDeprecatedTextWarning: #FFA461;
--colorDeprecatedIconWarning: #EA7325;
--colorDeprecatedBackgroundWarning: #7E2812;
--colorCodeReviewBackgroundPrimaryDefault: #111A23;
--colorCodeReviewBackgroundPrimaryMuted: #1F303F;
--colorCodeReviewBackgroundSuccessDefault: #00361F;
--colorCodeReviewBackgroundSuccessMuted: #00502E;
--colorCodeReviewBackgroundDangerDefault: #571818;
--colorCodeReviewBackgroundDangerMuted: #802424;
--colorCodeReviewTextPrimary: #F4F6F8;
--colorCodeReviewTextSuccess: #5ECD9E;
--colorCodeReviewTextDanger: #FF9F9F;
--colorCardBackgroundPrimaryDefault: #1F303F;
--colorCardBackgroundSecondaryDefault: rgb(from #111A23 r g b / 0);
--colorCardBackgroundSecondaryHover: rgb(from #282F38 r g b / 0.64);
--colorCardChartBackgroundDefault: rgb(from #1F303F r g b / 0.3);
--colorCardChartBackgroundHover: rgb(from #1F303F r g b / 0.5);
--colorOverlayPrimary: rgb(from #111A23 r g b / 0.56);
--colorOverlaySecondary: rgb(from #000000 r g b / 0.31);
--colorCarouselIconSelected: #449BE1;
--colorCarouselIconDefault: rgb(from #A9BBCB r g b / 0.32);
--colorCarouselIconHover: rgb(from #A9BBCB r g b / 0.72);
--colorCarouselTextPrimary: #FFFFFF;
--colorCarouselBackgroundPrimary: #111A23;
--colorNavListBackgroundDefault: rgb(from #1A77CA r g b / 0);
--colorNavListBackgroundHover: #1A77CA;
--colorNavListBackgroundActive: rgb(from #2E475D r g b / 0.7);
--colorNavListTextDefault: #F4F6F8;
--colorNavListTextHover: #FFFFFF;
--colorNavListTextActive: #449BE1;
--colorNavListIconDefault: #557999;
--colorNavListIconActive: #449BE1;
--colorPopoverBackgroundPrimary: #111A23;
--colorPopoverBackgroundSecondary: #1F303F;
--colorPopoverInfoCircleBackgroundDefault: #87BFEC;
--colorPopoverInfoCircleBackgroundHover: #1A77CA;
--colorPopoverInfoCircleTextDefault: #0F4778;
--colorPopoverInfoCircleTextHover: #FFFFFF;
--colorLifecycleTextPrimary: #F4F6F8;
--colorLifecycleBorderDefault: #A9BBCB;
--colorLifecycleIconPrimary: #FFFFFF;
--colorLifecycleBackgroundPrimary: #557999;
--colorScrollbarBackground: rgb(from #111A23 r g b / 0);
--colorScrollbarHandle: #557999;
--colorNavButtonBackgroundDefault: rgb(from #1A77CA r g b / 0.01);
--colorNavButtonBackgroundHover: #1A77CA;
--colorNavButtonBackgroundPressed: #155EA0;
--colorNavButtonBackgroundActive: #1A77CA;
--colorNavButtonIconDefault: #FFFFFF;
--colorNavButtonIconHover: #FFFFFF;
--colorNavButtonIconPressed: #FFFFFF;
--colorNavButtonIconActive: #FFFFFF;
--colorCategorySelectListBackgroundDefault: #1F303F;
--colorCategorySelectListBackgroundActive: rgb(from #1A77CA r g b / 0.24);
--colorCategorySelectListBackgroundHover: #1A77CA;
--colorCategorySelectListTextActive: #449BE1;
--colorCategorySelectListTextHover: #FFFFFF;
--colorCategorySelectListIconDefault: #B2B9C5;
--colorCategorySelectListIconActive: #449BE1;
--colorCategorySelectListIconHover: #FFFFFF;
--colorBadgeBackgroundInfo: #1A77CA;
--colorBadgeBackgroundSuccess: #00874D;
--colorBadgeBackgroundWarning: #927002;
--colorBadgeBackgroundDanger: #D63D3D;
--colorBadgeBackgroundNeutral: #8A96A7;
--colorBadgeBackgroundInverseNeutral: #3D4653;
--colorBadgeBackgroundFeature: #C5AEEE;
--colorBadgeBackgroundUpsell: #C5AEEE;
--colorBadgeTextPrimary: #FFFFFF;
--colorBadgeTextSecondary: #000000;
--colorBadgeTextFeature: #3B1D66;
--colorBadgeTextUpsell: #3B1D66;
--colorBadgeTextSuccess: #B8E7D3;
--colorBadgeTextDanger: #FFD8D8;
--colorBadgeIconPrimary: #FFFFFF;
--colorBadgeIconSecondary: #000000;
--colorBadgeIconFeature: #3B1D66;
--colorBadgeIconUpsell: #3B1D66;
--colorBadgeBorderSuccess: #006A3D;
--colorBadgeBorderDanger: #AA3030;
--colorTagBackground: #1F303F;
--colorTagText: #CDE4F7;
--colorStatusBadgeTextPrimary: #F4F6F8;
--colorStatusBadgeTextInverse: #F5F6F8;
--colorStatusBadgeIconDefault: #FFFFFF;
--colorStatusBadgeIconInverse: #F5F6F8;
--colorStatusBadgeBackgroundHealthy: #006A3D;
--colorStatusBadgeBackgroundUnhealthy: #AA3030;
--colorStatusBadgeBackgroundNeutral: #515D70;
--colorStatusBadgeBackgroundWarning: #745801;
--colorHealthStatusBackgroundSuccess: #006A3D;
--colorHealthStatusBackgroundWarning: #745801;
--colorHealthStatusBackgroundFailure: #AA3030;
--colorHealthStatusBackgroundNeutral: #515D70;
--colorHealthStatusBackgroundExecuting: #155EA0;
--colorHealthStatusIconDefault: #FFFFFF;
--colorHealthStatusIconInverse: #F5F6F8;
--colorAvatarText: #FFFFFF;
--colorAvatarIconPrimary: #FFFFFF;
--colorAvatarIconSecondary: #1F303F;
--colorAvatarBackgroundUserDefault: #155EA0;
--colorAvatarBackgroundUserHover: #0F4778;
--colorAvatarBackgroundSpaceDefault: #155EA0;
--colorAvatarBackgroundSpaceHover: #0F4778;
--colorAvatarBackgroundProjectDefault: #3E607D;
--colorAvatarBackgroundProjectHover: #2E475D;
--colorAvatarBackgroundImageDefault: #A9BBCB;
--colorAvatarBackgroundImageHover: #7C98B4;
--colorAvatarBackgroundTenantDefault: #FFFFFF;
--colorAvatarBackgroundTenantHover: #F4F6F8;
--colorAvatarBackgroundTemplateDefault: #DAE2E9;
--colorAvatarBackgroundTemplateHover: #A9BBCB;
--colorAvatarStackBackgroundHover: #093051;
--colorAvatarStackBorder: #111A23;
--colorParallelChipBackground: #1A77CA;
--colorParallelChipIcon: #FFFFFF;
--colorProcessWrapperBackgroundPrimary: #111A23;
--colorProcessWrapperBackgroundSecondary: #1F303F;
--colorProcessContainerBorderSelected: #3E607D;
--colorProcessContainerBackgroundSelected: #2E475D;
--colorProcessStepBackgroundPrimaryDefault: #111A23;
--colorProcessStepBackgroundPrimarySelected: #3E607D;
--colorProcessStepBackgroundHoverPrimary: #1F303F;
--colorProcessStepBackgroundHoverSecondary: #2E475D;
--colorProcessStepBackgroundHoverTertiary: #1F303F;
--colorProcessStepBackgroundHoverError: #802424;
--colorProcessStepBackgroundHoverWarning: #C45317;
--colorProcessStepBackgroundErrorPrimary: #571818;
--colorProcessStepBackgroundErrorSelected: #802424;
--colorProcessStepBackgroundErrorSecondary: #AA3030;
--colorProcessStepBackgroundWarningDefault: #A13C14;
--colorProcessStepBackgroundWarningSelected: #C45317;
--colorProcessStepBackgroundWarningSecondary: #EA7325;
--colorProcessStepBackgroundSecondaryDefault: #1F303F;
--colorProcessStepBorderErrorDefault: #802424;
--colorProcessStepBorderErrorHover: #AA3030;
--colorProcessStepBorderErrorSelected: #D63D3D;
--colorProcessStepBorderWarningDefault: #C45317;
--colorProcessStepBorderWarningHover: #EA7325;
--colorProcessStepBorderWarningSelected: #FFA461;
--colorProcessStepBorderDefault: #2E475D;
--colorProcessStepBorderDisabled: #2E475D;
--colorProcessStepBorderHover: #3E607D;
--colorProcessStepBorderSelected: #557999;
--colorProcessStepIconDefault: #CDE4F7;
--colorProcessStepIconErrorPrimary: #FF5D5D;
--colorProcessStepIconErrorSecondary: #FF9F9F;
--colorProcessStepIconWarningPrimary: #FFA461;
--colorProcessStepIconWarningSecondary: #FFDABF;
--colorProcessStepTextDisabled: #7C98B4;
--colorCodeEditorBackground: #111A23;
--colorCodeEditorForeground: #DAE2E9;
--colorCodeEditorSelection: #0F4778;
--colorCodeEditorSelectionMatch: #0F4778;
--colorCodeEditorTextDefault: #DEE1E6;
--colorCodeEditorTextHighlight: #FFDABF;
--colorCodeEditorTextHintHighlight: #B8E7D3;
--colorCodeEditorTextGutter: #7C98B4;
--colorCodeEditorCodeSelectedBackground: #1F303F;
--colorCodeEditorCodeLinenumberColor: #8A96A7;
--colorCodeEditorCodeCursorBorderLeft: #A9BBCB;
--colorCodeEditorCodeCursorBorderRight: #A9BBCB;
--colorCodeEditorCodeActivelineBackground: rgb(from #7C98B4 r g b / 0.15);
--colorCodeEditorCodeFatCursorBackground: #A9BBCB;
--colorCodeEditorCodeAtomNumberKeywordVariableAttributeQuoteColor: #449BE1;
--colorCodeEditorCodeVariableColor: #C5AEEE;
--colorCodeEditorCodePropertyColor: #FFA461;
--colorCodeEditorCodePunctuationUnitNegativeColor: #FFD8D8;
--colorCodeEditorCodeStringOperatorColor: #5ECD9E;
--colorCodeEditorCodePositiveColor: #00AB62;
--colorCodeEditorCodeVariable2Variable3String2UrlColor: #87BFEC;
--colorCodeEditorCodeDefTagBuiltinQualifierHeaderEmColor: #FF9F9F;
--colorCodeEditorCodeBracketCommentColor: #959595;
--colorCodeEditorCodeErrorInvalidcharColor: #FF5D5D;
--colorCodeEditorCodeMatchingbracketColor: #8A96A7;
--colorCodeEditorCodeHintsBackground: #1F303F;
--colorCodeEditorCodeHint: #F4F6F8;
--colorCodeEditorCodeHintActiveBackground: #1F303F;
--colorCodeEditorCodeSyntaxTagName: #5ECD9E;
--colorCodeEditorCodeSyntaxComment: #8A96A7;
--colorCodeEditorCodeSyntaxBracket: #8A96A7;
--colorCodeEditorCodeSyntaxClassName: #C5AEEE;
--colorCodeEditorCodeSyntaxPropertyName: #C5AEEE;
--colorCodeEditorCodeSyntaxVariableName: #87BFEC;
--colorCodeEditorCodeSyntaxAttributeName: #87BFEC;
--colorCodeEditorCodeSyntaxNumber: #87BFEC;
--colorCodeEditorCodeSyntaxOperator: #87BFEC;
--colorCodeEditorCodeSyntaxKeyword: #FF9F9F;
--colorCodeEditorCodeSyntaxTypeName: #FF9F9F;
--colorCodeEditorCodeSyntaxTypeOperator: #FF9F9F;
--colorCodeEditorCodeSyntaxString: #CDE4F7;
--colorCodeEditorCodeSyntaxMeta: #CDE4F7;
--colorCodeEditorCodeSyntaxRegexp: #CDE4F7;
--colorCodeEditorCodeSyntaxName: #5ECD9E;
--colorCodeEditorCodeSyntaxQuote: #5ECD9E;
--colorCodeEditorCodeSyntaxHeading: #C5AEEE;
--colorCodeEditorCodeSyntaxStrong: #C5AEEE;
--colorCodeEditorCodeSyntaxEmphasis: #C5AEEE;
--colorCodeEditorCodeSyntaxDeleted: #FFD8D8;
--colorCodeEditorCodeSyntaxDeletedBackground: #FFF3F3;
--colorCodeEditorCodeSyntaxAtom: #FFA461;
--colorCodeEditorCodeSyntaxBool: #FFA461;
--colorCodeEditorCodeSyntaxSpecialVariableName: #FFA461;
--colorCodeEditorCodeSyntaxUrl: #CDE4F7;
--colorCodeEditorCodeSyntaxEscape: #CDE4F7;
--colorCodeEditorCodeSyntaxLink: #CDE4F7;
--colorCodeEditorCodeSyntaxInvalid: #FF5D5D;
--colorCodeEditorCodeIndentationMarkerColor: #1F303F;
--colorCodeEditorCodeIndentationMarkerActiveColor: #3E607D;
--colorCodeEditorToolbarBackground: #1F303F;
--colorCodeEditorToolbarButtonHover: #111A23;
--colorPaginationBackgroundActive: #449BE1;
--colorPaginationBackgroundDefault: #111A23;
--colorPaginationBackgroundDisabled: #111A23;
--colorPaginationBackgroundHover: #557999;
--colorPaginationIconActive: #111A23;
--colorPaginationIconDefault: #F4F6F8;
--colorPaginationIconDisabled: #3E607D;
--colorPaginationIconHover: #FFFFFF;
--colorPaginationTextActive: #111A23;
--colorPaginationTextDefault: #F4F6F8;
--colorPaginationTextDisabled: #3E607D;
--colorPaginationTextHover: #FFFFFF;
--colorFormLegendBackgroundRest: #1F303F;
--colorFormLegendBackgroundHover: #2E475D;
--colorTableHeaderBackground: rgb(from #1F303F r g b / 0.3);
--colorPortalLinkTextHover: #FFFFFF;
--colorPortalChipBackground: #2E475D;
--colorPortalPopoverBackground: #2E475D;
--colorPortalCardBackground: #2E475D;
--colorPortalCardContentDisabled: #A9BBCB;
--colorPortalCardContentText: #DAE2E9;
--colorPortalLogoBackground: #F2F8FD;
--shadowExtraSmall: 0 1px 8px 0 rgba(0,0,0,0.12), 0 1px 2px 0 rgba(0,0,0,0.06);
--shadowSmall: 0 1px 1px 0 rgba(0,0,0,0.16), 0 1px 8px 0 rgba(0,0,0,0.16);
--shadowMedium: 0 0 4px 0 rgba(0,0,0,0.24), 0 6px 12px 0 rgba(0,0,0,0.30);
--shadowLarge: 0 2px 6px 0 rgba(0,0,0,0.26), 0 24px 32px -4px rgba(0,0,0,0.42);
--shadowLayoutPrimary: -2px -2px 16px 0 rgba(0,0,0,0.06);
--shadowDrawer: -4px 0 16px 0 rgba(0,0,0,0.16), -12px 4px 24px -4px rgba(0,0,0,0.32);
--shadowFocused: 0 0 0 1px rgb(68,155,225), 0 0 0 5px rgba(68,155,225,0.4);
--shadowFocusedInset: inset 0 0 0 4px rgba(68,155,225,0.4);
}