/** * 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 , 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); }