src/tokens/build/css/tokens.css [873:929]: - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - --gl-badge-muted-background-color-hover: var(--gl-badge-muted-background-color-default); /* Used for the background of a muted badge in the hover state. */ --gl-badge-muted-text-color-focus: var(--gl-badge-muted-text-color-hover); /* Used for the text of a muted badge in the focus state. */ --gl-badge-muted-icon-color-focus: var(--gl-badge-muted-icon-color-hover); /* Used for the icon of a muted badge in the focus state. */ --gl-badge-neutral-background-color-hover: var(--gl-badge-neutral-background-color-default); /* Used for the background of a neutral badge in the hover state. */ --gl-badge-neutral-text-color-focus: var(--gl-badge-neutral-text-color-hover); /* Used for the text of a neutral badge in the focus state. */ --gl-badge-neutral-icon-color-focus: var(--gl-badge-neutral-icon-color-hover); /* Used for the icon of a neutral badge in the focus state. */ --gl-badge-info-background-color-hover: var(--gl-badge-info-background-color-default); /* Used for the background of an informational badge in the hover state. */ --gl-badge-info-text-color-focus: var(--gl-badge-info-text-color-hover); /* Used for the text of an informational badge in the focus state. */ --gl-badge-info-icon-color-focus: var(--gl-badge-info-icon-color-hover); /* Used for the icon of an informational badge in the focus state. */ --gl-badge-success-background-color-hover: var(--gl-badge-success-background-color-default); /* Used for the background of a success badge in the hover state. */ --gl-badge-success-text-color-focus: var(--gl-badge-success-text-color-hover); /* Used for the text of a success badge in the focus state. */ --gl-badge-success-icon-color-focus: var(--gl-badge-success-icon-color-hover); /* Used for the icon of a success badge in the focus state. */ --gl-badge-warning-background-color-hover: var(--gl-badge-warning-background-color-default); /* Used for the background of a warning badge in the hover state. */ --gl-badge-warning-text-color-focus: var(--gl-badge-warning-text-color-hover); /* Used for the text of a warning badge in the focus state. */ --gl-badge-warning-icon-color-focus: var(--gl-badge-warning-icon-color-hover); /* Used for the icon of a warning badge in the focus state. */ --gl-badge-danger-background-color-hover: var(--gl-badge-danger-background-color-default); /* Used for the background of a danger badge in the hover state. */ --gl-badge-danger-text-color-focus: var(--gl-badge-danger-text-color-hover); /* Used for the text of a danger badge in the focus state. */ --gl-badge-danger-icon-color-focus: var(--gl-badge-danger-icon-color-hover); /* Used for the icon of a danger badge in the focus state. */ --gl-badge-tier-background-color-hover: var(--gl-badge-tier-background-color-default); /* Used for the background of a tier related badge in the hover state. */ --gl-badge-tier-text-color-focus: var(--gl-badge-tier-text-color-hover); /* Used for the text of a tier related badge in the focus state. */ --gl-badge-tier-icon-color-focus: var(--gl-badge-tier-icon-color-hover); /* Used for the icon of a tier related badge in the focus state. */ --gl-button-default-primary-foreground-color-hover: var(--gl-button-default-primary-foreground-color-default); /* Used for the foreground of a default primary button in the hover state. */ --gl-button-default-primary-foreground-color-focus: var(--gl-button-default-primary-foreground-color-default); /* Used for the foreground of a default primary button in the focus state. */ --gl-button-default-primary-foreground-color-active: var(--gl-button-default-primary-foreground-color-default); /* Used for the foreground of a default primary button in the active state. */ --gl-button-default-primary-background-color-focus: var(--gl-button-default-primary-background-color-hover); /* Used for the background of an default primary button in the focus state. */ --gl-button-default-primary-border-color-focus: var(--gl-button-default-primary-border-color-hover); /* Used for the border of an default primary button in the focus state. */ --gl-button-default-tertiary-foreground-color-default: var(--gl-action-neutral-foreground-color-default); /* Used for the foreground of a default borderless, tertiary button in the default state. */ --gl-button-default-tertiary-background-color-focus: var(--gl-action-neutral-background-color-focus); /* Used for the background of a default borderless, tertiary button in the focus state. */ --gl-button-default-tertiary-border-color-default: var(--gl-action-neutral-border-color-default); /* Used for the border of a default borderless, tertiary button in the default state. */ --gl-button-confirm-primary-background-color-default: var(--gl-action-strong-confirm-background-color-default); /* Used for the background of a confirm (positive) primary button in the default state. */ --gl-button-confirm-primary-background-color-hover: var(--gl-action-strong-confirm-background-color-hover); /* Used for the background of a confirm (positive) primary button in the hover state. */ --gl-button-confirm-primary-background-color-active: var(--gl-action-strong-confirm-background-color-active); /* Used for the background of a confirm (positive) primary button in the active state. */ --gl-button-confirm-primary-border-color-focus: var(--gl-button-confirm-primary-border-color-hover); /* Used for the border of a confirm (positive) primary button in the focus state. */ --gl-button-confirm-secondary-foreground-color-focus: var(--gl-button-confirm-secondary-foreground-color-hover); /* Used for the foreground of a confirm (positive) button in the focus state. */ --gl-button-confirm-secondary-background-color-focus: var(--gl-button-confirm-secondary-background-color-hover); /* Used for the background of an outlined confirm (positive) button in the focus state. */ --gl-button-confirm-secondary-border-color-focus: var(--gl-button-confirm-secondary-border-color-hover); /* Used for the border of an outlined confirm (positive) button in the focus state. */ --gl-button-confirm-tertiary-foreground-color-default: var(--gl-action-confirm-foreground-color-default); /* Used for the foreground of a borderless, tertiary confirm (positive) button in the default state. */ --gl-button-confirm-tertiary-foreground-color-hover: var(--gl-action-confirm-foreground-color-hover); /* Used for the foreground of a borderless, tertiary confirm (positive) button in the hover state. */ --gl-button-confirm-tertiary-foreground-color-active: var(--gl-action-confirm-foreground-color-active); /* Used for the foreground of a borderless, tertiary confirm (positive) button in the active state. */ --gl-button-confirm-tertiary-background-color-focus: var(--gl-action-confirm-background-color-focus); /* Used for the background of a borderless, tertiary confirm (positive) button in the focus state. */ --gl-button-confirm-tertiary-border-color-default: var(--gl-action-confirm-border-color-default); /* Used for the border of a borderless, tertiary confirm (positive) button in the default state. */ --gl-button-danger-primary-foreground-color-hover: var(--gl-button-danger-primary-foreground-color-default); /* Used for the foreground of a danger (destructive) primary button in the hover state. */ --gl-button-danger-primary-foreground-color-focus: var(--gl-button-danger-primary-foreground-color-default); /* Used for the foreground of a danger (destructive) primary button in the focus state. */ --gl-button-danger-primary-foreground-color-active: var(--gl-button-danger-primary-foreground-color-default); /* Used for the foreground of a danger (destructive) primary button in the active state. */ --gl-button-danger-primary-background-color-focus: var(--gl-button-danger-primary-background-color-hover); /* Used for the background of a danger (destructive) primary button in the focus state. */ --gl-button-danger-primary-border-color-focus: var(--gl-button-danger-primary-border-color-hover); /* Used for the border of a danger (destructive) primary button in the focus state. */ --gl-button-danger-secondary-foreground-color-focus: var(--gl-button-danger-secondary-foreground-color-hover); /* Used for the foreground of a danger (destructive) button in the focus state. */ --gl-button-danger-secondary-background-color-focus: var(--gl-button-danger-secondary-background-color-hover); /* Used for the background of an outlined danger (destructive) button in the focus state. */ --gl-button-danger-secondary-border-color-focus: var(--gl-button-danger-secondary-border-color-hover); /* Used for the border of an outlined danger (destructive) button in the focus state. */ --gl-button-danger-tertiary-foreground-color-default: var(--gl-action-danger-foreground-color-default); /* Used for the foreground of a borderless, tertiary danger (destructive) button in the default state. */ --gl-button-danger-tertiary-foreground-color-hover: var(--gl-action-danger-foreground-color-hover); /* Used for the foreground of a borderless, tertiary danger (destructive) button in the hover state. */ --gl-button-danger-tertiary-foreground-color-active: var(--gl-action-danger-foreground-color-active); /* Used for the foreground of a borderless, tertiary danger (destructive) button in the active state. */ --gl-button-danger-tertiary-background-color-focus: var(--gl-action-danger-background-color-focus); /* Used for the background of a borderless, tertiary danger (destructive) button in the focus state. */ --gl-button-danger-tertiary-border-color-default: var(--gl-action-danger-border-color-default); /* Used for the border of a borderless, tertiary danger (destructive) button in the default state. */ --gl-button-dashed-border-color-hover: var(--gl-button-dashed-border-color-default); /* Used for the border of a dashed button in the hover state. */ --gl-button-dashed-border-color-focus: var(--gl-button-dashed-border-color-default); /* Used for the border of a dashed button in the focus state. */ --gl-button-link-text-color-default: var(--gl-text-color-link); /* Used for the text of a link button in the default state. */ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - src/tokens/build/css/tokens.dark.css [873:929]: - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - --gl-badge-muted-background-color-hover: var(--gl-badge-muted-background-color-default); /* Used for the background of a muted badge in the hover state. */ --gl-badge-muted-text-color-focus: var(--gl-badge-muted-text-color-hover); /* Used for the text of a muted badge in the focus state. */ --gl-badge-muted-icon-color-focus: var(--gl-badge-muted-icon-color-hover); /* Used for the icon of a muted badge in the focus state. */ --gl-badge-neutral-background-color-hover: var(--gl-badge-neutral-background-color-default); /* Used for the background of a neutral badge in the hover state. */ --gl-badge-neutral-text-color-focus: var(--gl-badge-neutral-text-color-hover); /* Used for the text of a neutral badge in the focus state. */ --gl-badge-neutral-icon-color-focus: var(--gl-badge-neutral-icon-color-hover); /* Used for the icon of a neutral badge in the focus state. */ --gl-badge-info-background-color-hover: var(--gl-badge-info-background-color-default); /* Used for the background of an informational badge in the hover state. */ --gl-badge-info-text-color-focus: var(--gl-badge-info-text-color-hover); /* Used for the text of an informational badge in the focus state. */ --gl-badge-info-icon-color-focus: var(--gl-badge-info-icon-color-hover); /* Used for the icon of an informational badge in the focus state. */ --gl-badge-success-background-color-hover: var(--gl-badge-success-background-color-default); /* Used for the background of a success badge in the hover state. */ --gl-badge-success-text-color-focus: var(--gl-badge-success-text-color-hover); /* Used for the text of a success badge in the focus state. */ --gl-badge-success-icon-color-focus: var(--gl-badge-success-icon-color-hover); /* Used for the icon of a success badge in the focus state. */ --gl-badge-warning-background-color-hover: var(--gl-badge-warning-background-color-default); /* Used for the background of a warning badge in the hover state. */ --gl-badge-warning-text-color-focus: var(--gl-badge-warning-text-color-hover); /* Used for the text of a warning badge in the focus state. */ --gl-badge-warning-icon-color-focus: var(--gl-badge-warning-icon-color-hover); /* Used for the icon of a warning badge in the focus state. */ --gl-badge-danger-background-color-hover: var(--gl-badge-danger-background-color-default); /* Used for the background of a danger badge in the hover state. */ --gl-badge-danger-text-color-focus: var(--gl-badge-danger-text-color-hover); /* Used for the text of a danger badge in the focus state. */ --gl-badge-danger-icon-color-focus: var(--gl-badge-danger-icon-color-hover); /* Used for the icon of a danger badge in the focus state. */ --gl-badge-tier-background-color-hover: var(--gl-badge-tier-background-color-default); /* Used for the background of a tier related badge in the hover state. */ --gl-badge-tier-text-color-focus: var(--gl-badge-tier-text-color-hover); /* Used for the text of a tier related badge in the focus state. */ --gl-badge-tier-icon-color-focus: var(--gl-badge-tier-icon-color-hover); /* Used for the icon of a tier related badge in the focus state. */ --gl-button-default-primary-foreground-color-hover: var(--gl-button-default-primary-foreground-color-default); /* Used for the foreground of a default primary button in the hover state. */ --gl-button-default-primary-foreground-color-focus: var(--gl-button-default-primary-foreground-color-default); /* Used for the foreground of a default primary button in the focus state. */ --gl-button-default-primary-foreground-color-active: var(--gl-button-default-primary-foreground-color-default); /* Used for the foreground of a default primary button in the active state. */ --gl-button-default-primary-background-color-focus: var(--gl-button-default-primary-background-color-hover); /* Used for the background of an default primary button in the focus state. */ --gl-button-default-primary-border-color-focus: var(--gl-button-default-primary-border-color-hover); /* Used for the border of an default primary button in the focus state. */ --gl-button-default-tertiary-foreground-color-default: var(--gl-action-neutral-foreground-color-default); /* Used for the foreground of a default borderless, tertiary button in the default state. */ --gl-button-default-tertiary-background-color-focus: var(--gl-action-neutral-background-color-focus); /* Used for the background of a default borderless, tertiary button in the focus state. */ --gl-button-default-tertiary-border-color-default: var(--gl-action-neutral-border-color-default); /* Used for the border of a default borderless, tertiary button in the default state. */ --gl-button-confirm-primary-background-color-default: var(--gl-action-strong-confirm-background-color-default); /* Used for the background of a confirm (positive) primary button in the default state. */ --gl-button-confirm-primary-background-color-hover: var(--gl-action-strong-confirm-background-color-hover); /* Used for the background of a confirm (positive) primary button in the hover state. */ --gl-button-confirm-primary-background-color-active: var(--gl-action-strong-confirm-background-color-active); /* Used for the background of a confirm (positive) primary button in the active state. */ --gl-button-confirm-primary-border-color-focus: var(--gl-button-confirm-primary-border-color-hover); /* Used for the border of a confirm (positive) primary button in the focus state. */ --gl-button-confirm-secondary-foreground-color-focus: var(--gl-button-confirm-secondary-foreground-color-hover); /* Used for the foreground of a confirm (positive) button in the focus state. */ --gl-button-confirm-secondary-background-color-focus: var(--gl-button-confirm-secondary-background-color-hover); /* Used for the background of an outlined confirm (positive) button in the focus state. */ --gl-button-confirm-secondary-border-color-focus: var(--gl-button-confirm-secondary-border-color-hover); /* Used for the border of an outlined confirm (positive) button in the focus state. */ --gl-button-confirm-tertiary-foreground-color-default: var(--gl-action-confirm-foreground-color-default); /* Used for the foreground of a borderless, tertiary confirm (positive) button in the default state. */ --gl-button-confirm-tertiary-foreground-color-hover: var(--gl-action-confirm-foreground-color-hover); /* Used for the foreground of a borderless, tertiary confirm (positive) button in the hover state. */ --gl-button-confirm-tertiary-foreground-color-active: var(--gl-action-confirm-foreground-color-active); /* Used for the foreground of a borderless, tertiary confirm (positive) button in the active state. */ --gl-button-confirm-tertiary-background-color-focus: var(--gl-action-confirm-background-color-focus); /* Used for the background of a borderless, tertiary confirm (positive) button in the focus state. */ --gl-button-confirm-tertiary-border-color-default: var(--gl-action-confirm-border-color-default); /* Used for the border of a borderless, tertiary confirm (positive) button in the default state. */ --gl-button-danger-primary-foreground-color-hover: var(--gl-button-danger-primary-foreground-color-default); /* Used for the foreground of a danger (destructive) primary button in the hover state. */ --gl-button-danger-primary-foreground-color-focus: var(--gl-button-danger-primary-foreground-color-default); /* Used for the foreground of a danger (destructive) primary button in the focus state. */ --gl-button-danger-primary-foreground-color-active: var(--gl-button-danger-primary-foreground-color-default); /* Used for the foreground of a danger (destructive) primary button in the active state. */ --gl-button-danger-primary-background-color-focus: var(--gl-button-danger-primary-background-color-hover); /* Used for the background of a danger (destructive) primary button in the focus state. */ --gl-button-danger-primary-border-color-focus: var(--gl-button-danger-primary-border-color-hover); /* Used for the border of a danger (destructive) primary button in the focus state. */ --gl-button-danger-secondary-foreground-color-focus: var(--gl-button-danger-secondary-foreground-color-hover); /* Used for the foreground of a danger (destructive) button in the focus state. */ --gl-button-danger-secondary-background-color-focus: var(--gl-button-danger-secondary-background-color-hover); /* Used for the background of an outlined danger (destructive) button in the focus state. */ --gl-button-danger-secondary-border-color-focus: var(--gl-button-danger-secondary-border-color-hover); /* Used for the border of an outlined danger (destructive) button in the focus state. */ --gl-button-danger-tertiary-foreground-color-default: var(--gl-action-danger-foreground-color-default); /* Used for the foreground of a borderless, tertiary danger (destructive) button in the default state. */ --gl-button-danger-tertiary-foreground-color-hover: var(--gl-action-danger-foreground-color-hover); /* Used for the foreground of a borderless, tertiary danger (destructive) button in the hover state. */ --gl-button-danger-tertiary-foreground-color-active: var(--gl-action-danger-foreground-color-active); /* Used for the foreground of a borderless, tertiary danger (destructive) button in the active state. */ --gl-button-danger-tertiary-background-color-focus: var(--gl-action-danger-background-color-focus); /* Used for the background of a borderless, tertiary danger (destructive) button in the focus state. */ --gl-button-danger-tertiary-border-color-default: var(--gl-action-danger-border-color-default); /* Used for the border of a borderless, tertiary danger (destructive) button in the default state. */ --gl-button-dashed-border-color-hover: var(--gl-button-dashed-border-color-default); /* Used for the border of a dashed button in the hover state. */ --gl-button-dashed-border-color-focus: var(--gl-button-dashed-border-color-default); /* Used for the border of a dashed button in the focus state. */ --gl-button-link-text-color-default: var(--gl-text-color-link); /* Used for the text of a link button in the default state. */ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -