badgeBackground: computed()

in packages/eui-theme-borealis/src/variables/_components.ts [27:218]

• 174 lines of code
• 1 McCabe index (conditional complexity)

  badgeBackground: computed(
    ([backgroundLightText]) => backgroundLightText,
    ['colors.backgroundLightText']
  ),
  badgeBackgroundSubdued: computed(
    ([backgroundLightText]) => backgroundLightText,
    ['colors.backgroundLightText']
  ),
  badgeBorderColorHollow: computed(
    ([borderBasePlain]) => borderBasePlain,
    ['colors.borderBasePlain']
  ),
  badgeIconButtonBackgroundHover: computed(
    ([backgroundBaseInteractiveHover]) => backgroundBaseInteractiveHover,
    ['colors.backgroundBaseInteractiveHover']
  ),

  breadcrumbsApplicationBackground: computed(
    ([backgroundLightText]) => backgroundLightText,
    ['colors.backgroundLightText']
  ),
  breadcrumbsApplicationColor: computed(
    ([textSubdued]) => textSubdued,
    ['colors.textSubdued']
  ),

  bottomBarBackground: SEMANTIC_COLORS.plainDark,

  buttonGroupBackgroundDisabledSelected: computed(
    ([backgroundBaseFormsControlDisabled]) =>
      backgroundBaseFormsControlDisabled,
    ['colors.backgroundBaseFormsControlDisabled']
  ),
  buttonGroupBorderColor: computed(
    ([borderBasePlain]) => borderBasePlain,
    ['colors.borderBasePlain']
  ),
  buttonGroupBorderColorSelected: computed(
    ([borderBasePlain]) => borderBasePlain,
    ['colors.borderBasePlain']
  ),
  buttonGroupFocusColor: computed(
    ([textPrimary]) => textPrimary,
    ['colors.textPrimary']
  ),

  codeBackground: computed(
    ([backgroundBaseHighlighted]) => backgroundBaseHighlighted,
    ['colors.backgroundBaseHighlighted']
  ),
  codeBackgroundSelected: 'inherit',
  codeColor: computed(
    ([textParagraph]) => textParagraph,
    ['colors.textParagraph']
  ),
  codeInlineColor: colorVis.euiColorVisAsTextLight6,
  codeCommentColor: computed(
    ([textSubdued]) => textSubdued,
    ['colors.textSubdued']
  ),
  codeSelectorColor: 'inherit',
  codeStringColor: colorVis.euiColorVisAsTextLight2,
  codeTagColor: colorVis.euiColorVisAsTextLight1,
  codeNameColor: colorVis.euiColorVisAsTextLight1,
  codeNumberColor: colorVis.euiColorVisAsTextLight0,
  codeInlineCodeKeywordColor: colorVis.euiColorVisAsTextLight6,
  codeKeywordColor: colorVis.euiColorVisAsTextLight1,
  codeFunctionTitleColor: 'inherit',
  codeTypeColor: colorVis.euiColorVisAsTextLight1,
  codeAttributeColor: 'inherit',
  codeSymbolColor: colorVis.euiColorVisAsTextLight3,
  codeParamsColor: 'inherit',
  codeMetaColor: computed(
    ([textSubdued]) => textSubdued,
    ['colors.textSubdued']
  ),
  codeTitleColor: colorVis.euiColorVisAsTextLight4,
  codeSectionColor: colorVis.euiColorVisAsTextLight3,
  codeAdditionColor: colorVis.euiColorVisAsTextLight0,
  codeDeletionColor: colorVis.euiColorVisAsTextLight3,
  codeSelectorClassColor: 'inherit',
  codeSelectorIdColor: 'inherit',

  collapsibleNavGroupBackground: computed(
    ([backgroundBaseSubdued]) => backgroundBaseSubdued,
    ['colors.backgroundBaseSubdued']
  ),
  collapsibleNavGroupBackgroundDark:
    dark_background_colors.backgroundBaseSubdued,

  dataGridBorderColor: computed(
    ([borderBaseSubdued]) => borderBaseSubdued,
    ['colors.borderBaseSubdued']
  ),
  dataGridVerticalLineBorderColor: computed(
    ([borderBaseSubdued]) => borderBaseSubdued,
    ['colors.borderBaseSubdued']
  ),
  dataGridRowBackgroundStriped: computed(
    ([backgroundBaseSubdued]) => backgroundBaseSubdued,
    ['colors.backgroundBaseSubdued']
  ),
  dataGridRowBackgroundHover: computed(
    ([backgroundBaseInteractiveHover]) => backgroundBaseInteractiveHover,
    ['colors.backgroundBaseInteractiveHover']
  ),
  dataGridRowBackgroundSelect: computed(
    ([backgroundBaseInteractiveSelect]) => backgroundBaseInteractiveSelect,
    ['colors.backgroundBaseInteractiveSelect']
  ),

  dragDropDraggingBackground: computed(
    ([backgroundBaseSuccess]) => backgroundBaseSuccess,
    ['colors.backgroundBaseSuccess']
  ),
  dragDropDraggingOverBackground: computed(
    ([backgroundLightSuccess]) => backgroundLightSuccess,
    ['colors.backgroundLightSuccess']
  ),

  filterSelectItemBackgroundFocusDisabled: computed(
    ([backgroundBaseDisabled]) => backgroundBaseDisabled,
    ['colors.backgroundBaseDisabled']
  ),

  flyoutFooterBackground: computed(
    ([backgroundBaseHighlighted]) => backgroundBaseHighlighted,
    ['colors.backgroundBaseHighlighted']
  ),
  flyoutCloseButtonInsideBackground: computed(
    ([backgroundBasePlain]) => backgroundBasePlain,
    ['colors.backgroundBasePlain']
  ),

  headerBackground: computed(
    ([backgroundBasePlain]) => backgroundBasePlain,
    ['colors.backgroundBasePlain']
  ),
  headerDarkBackground: dark_background_colors.backgroundBasePlain,
  headerDarkSearchBorderColor: dark_border_colors.borderBasePlain,
  headerDarkSectionItemBackgroundFocus:
    dark_background_colors.backgroundBasePrimary,

  keyPadMenuItemBackgroundDisabledSelect: computed(
    ([backgroundBaseDisabled]) => backgroundBaseDisabled,
    ['colors.backgroundBaseDisabled']
  ),

  listGroupItemBackgroundPrimaryActive: computed(
    ([backgroundBaseInteractiveSelect]) => backgroundBaseInteractiveSelect,
    ['colors.backgroundBaseInteractiveSelect']
  ),
  listGroupItemBackgroundSubduedActive: computed(
    ([backgroundBaseInteractiveSelect]) => backgroundBaseInteractiveSelect,
    ['colors.backgroundBaseInteractiveSelect']
  ),
  listGroupItemBackgroundHover: computed(
    ([backgroundBaseInteractiveHover]) => backgroundBaseInteractiveHover,
    ['colors.backgroundBaseInteractiveHover']
  ),
  listGroupItemBackgroundPrimaryHover: computed(
    ([backgroundBaseInteractiveHover]) => backgroundBaseInteractiveHover,
    ['colors.backgroundBaseInteractiveHover']
  ),

  // we don't want to inherit overrides (e.g. HCM)
  loadingSpinnerBorder: border_colors.borderBasePlain,
  loadingSpinnerHighlight: computed(
    ([borderStrongPrimary]) => borderStrongPrimary,
    ['colors.borderStrongPrimary']
  ),

  loadingChartMonoBackground0: SEMANTIC_COLORS.shade20,
  loadingChartMonoBackground1: SEMANTIC_COLORS.shade30,
  loadingChartMonoBackground2: SEMANTIC_COLORS.shade40,
  loadingChartMonoBackground3: SEMANTIC_COLORS.shade50,

  markBackground: computed(
    ([backgroundLightPrimary]) => backgroundLightPrimary,
    ['colors.backgroundLightPrimary']
  ),

  markdownFormatTableBorderColor: computed(
    ([borderBasePlain]) => borderBasePlain,
    ['colors.borderBasePlain']
  ),

  overlayMaskBackground: computed(
    ([backgroundBaseInteractiveOverlay]) => backgroundBaseInteractiveOverlay,
    ['colors.backgroundBaseInteractiveOverlay']
  ),
  overlayMaskBackgroundHighContrast: `rgba(${SEMANTIC_COLORS.shade140RGB}, 0.9)`,