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