src/tokens/build/css/tokens.css [987:1024]: - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - --gl-control-text-color-error: var(--gl-text-color-danger); /* Used for the helper text when the input is invalid. */ --gl-control-text-color-valid: var(--gl-text-color-success); /* Used for the helper text when the input is valid. */ --gl-control-placeholder-color: var(--gl-text-color-disabled); /* Used for placeholder text within inputs. */ --gl-focus-ring-inner-color: var(--gl-background-color-default); /* Used for the inner neutral portion of the focus ring. */ --gl-icon-color-default: var(--gl-text-color-default); /* Used for the default icon color. Can be paired with default text. */ --gl-icon-color-subtle: var(--gl-text-color-subtle); /* Used for a static or decorational icon. Can be paired with subtle text. */ --gl-icon-color-strong: var(--gl-text-color-strong); /* Used for an icon with the highest contrast. */ --gl-icon-color-disabled: var(--gl-text-color-disabled); /* Used for an icon within a disabled section. */ --gl-icon-color-link: var(--gl-text-color-link); /* Used for an icon within a link. */ --gl-icon-color-warning: var(--gl-text-color-warning); /* Used for an icon associated with a warning. */ --gl-icon-color-danger: var(--gl-text-color-danger); /* Used for an icon associated with an error or danger. */ --gl-icon-color-success: var(--gl-text-color-success); /* Used for an icon associated with success or validity. */ --gl-badge-muted-background-color-focus: var(--gl-badge-muted-background-color-hover); /* Used for the background of a muted badge in the focus state. */ --gl-badge-neutral-background-color-focus: var(--gl-badge-neutral-background-color-hover); /* Used for the background of a neutral badge in the focus state. */ --gl-badge-info-background-color-focus: var(--gl-badge-info-background-color-hover); /* Used for the background of an informational badge in the focus state. */ --gl-badge-success-background-color-focus: var(--gl-badge-success-background-color-hover); /* Used for the background of a success badge in the focus state. */ --gl-badge-warning-background-color-focus: var(--gl-badge-warning-background-color-hover); /* Used for the background of a warning badge in the focus state. */ --gl-badge-danger-background-color-focus: var(--gl-badge-danger-background-color-hover); /* Used for the background of a danger badge in the focus state. */ --gl-badge-tier-background-color-focus: var(--gl-badge-tier-background-color-hover); /* Used for the background of a tier related badge in the focus state. */ --gl-button-default-tertiary-foreground-color-hover: var(--gl-action-neutral-foreground-color-hover); /* Used for the foreground of a default borderless, tertiary button in the hover state. */ --gl-button-default-tertiary-foreground-color-focus: var(--gl-action-neutral-foreground-color-focus); /* Used for the foreground of a default borderless, tertiary button in the focus state. */ --gl-button-default-tertiary-foreground-color-active: var(--gl-action-neutral-foreground-color-active); /* Used for the foreground of a default borderless, tertiary button in the active state. */ --gl-button-default-tertiary-border-color-hover: var(--gl-action-neutral-border-color-hover); /* Used for the border of a default borderless, tertiary button in the hover state. */ --gl-button-default-tertiary-border-color-focus: var(--gl-action-neutral-border-color-focus); /* Used for the border of a default borderless, tertiary button in the focus state. */ --gl-button-default-tertiary-border-color-active: var(--gl-action-neutral-border-color-active); /* Used for the border of a default borderless, tertiary button in the active state. */ --gl-button-confirm-primary-foreground-color-hover: var(--gl-action-strong-confirm-foreground-color-hover); /* Used for the foreground of a confirm (positive) primary button in the hover state. */ --gl-button-confirm-primary-background-color-focus: var(--gl-action-strong-confirm-background-color-focus); /* Used for the background of a confirm (positive) primary button in the focus state. */ --gl-button-confirm-tertiary-foreground-color-focus: var(--gl-action-confirm-foreground-color-focus); /* Used for the foreground of a borderless, tertiary confirm (positive) button in the focus state. */ --gl-button-confirm-tertiary-border-color-hover: var(--gl-action-confirm-border-color-hover); /* Used for the border of a borderless, tertiary confirm (positive) button in the hover state. */ --gl-button-confirm-tertiary-border-color-focus: var(--gl-action-confirm-border-color-focus); /* Used for the border of a borderless, tertiary confirm (positive) button in the focus state. */ --gl-button-confirm-tertiary-border-color-active: var(--gl-action-confirm-border-color-active); /* Used for the border of a borderless, tertiary confirm (positive) button in the active state. */ --gl-button-danger-tertiary-foreground-color-focus: var(--gl-action-danger-foreground-color-focus); /* Used for the foreground of a borderless, tertiary danger (destructive) button in the focus state. */ --gl-button-danger-tertiary-border-color-hover: var(--gl-action-danger-border-color-hover); /* Used for the border of a borderless, tertiary danger (destructive) button in the hover state. */ --gl-button-danger-tertiary-border-color-focus: var(--gl-action-danger-border-color-focus); /* Used for the border of a borderless, tertiary danger (destructive) button in the focus state. */ --gl-button-danger-tertiary-border-color-active: var(--gl-action-danger-border-color-active); /* Used for the border of a borderless, tertiary danger (destructive) button in the active state. */ --gl-button-link-text-color-hover: var(--gl-button-link-text-color-default); /* Used for the text of a link button in the hover state. */ --gl-button-link-text-color-focus: var(--gl-button-link-text-color-default); /* Used for the text of a link button in the focus state. */ --gl-button-link-text-color-active: var(--gl-button-link-text-color-default); /* Used for the text of a link button in the active state. */ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - src/tokens/build/css/tokens.dark.css [987:1024]: - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - --gl-control-text-color-error: var(--gl-text-color-danger); /* Used for the helper text when the input is invalid. */ --gl-control-text-color-valid: var(--gl-text-color-success); /* Used for the helper text when the input is valid. */ --gl-control-placeholder-color: var(--gl-text-color-disabled); /* Used for placeholder text within inputs. */ --gl-focus-ring-inner-color: var(--gl-background-color-default); /* Used for the inner neutral portion of the focus ring. */ --gl-icon-color-default: var(--gl-text-color-default); /* Used for the default icon color. Can be paired with default text. */ --gl-icon-color-subtle: var(--gl-text-color-subtle); /* Used for a static or decorational icon. Can be paired with subtle text. */ --gl-icon-color-strong: var(--gl-text-color-strong); /* Used for an icon with the highest contrast. */ --gl-icon-color-disabled: var(--gl-text-color-disabled); /* Used for an icon within a disabled section. */ --gl-icon-color-link: var(--gl-text-color-link); /* Used for an icon within a link. */ --gl-icon-color-warning: var(--gl-text-color-warning); /* Used for an icon associated with a warning. */ --gl-icon-color-danger: var(--gl-text-color-danger); /* Used for an icon associated with an error or danger. */ --gl-icon-color-success: var(--gl-text-color-success); /* Used for an icon associated with success or validity. */ --gl-badge-muted-background-color-focus: var(--gl-badge-muted-background-color-hover); /* Used for the background of a muted badge in the focus state. */ --gl-badge-neutral-background-color-focus: var(--gl-badge-neutral-background-color-hover); /* Used for the background of a neutral badge in the focus state. */ --gl-badge-info-background-color-focus: var(--gl-badge-info-background-color-hover); /* Used for the background of an informational badge in the focus state. */ --gl-badge-success-background-color-focus: var(--gl-badge-success-background-color-hover); /* Used for the background of a success badge in the focus state. */ --gl-badge-warning-background-color-focus: var(--gl-badge-warning-background-color-hover); /* Used for the background of a warning badge in the focus state. */ --gl-badge-danger-background-color-focus: var(--gl-badge-danger-background-color-hover); /* Used for the background of a danger badge in the focus state. */ --gl-badge-tier-background-color-focus: var(--gl-badge-tier-background-color-hover); /* Used for the background of a tier related badge in the focus state. */ --gl-button-default-tertiary-foreground-color-hover: var(--gl-action-neutral-foreground-color-hover); /* Used for the foreground of a default borderless, tertiary button in the hover state. */ --gl-button-default-tertiary-foreground-color-focus: var(--gl-action-neutral-foreground-color-focus); /* Used for the foreground of a default borderless, tertiary button in the focus state. */ --gl-button-default-tertiary-foreground-color-active: var(--gl-action-neutral-foreground-color-active); /* Used for the foreground of a default borderless, tertiary button in the active state. */ --gl-button-default-tertiary-border-color-hover: var(--gl-action-neutral-border-color-hover); /* Used for the border of a default borderless, tertiary button in the hover state. */ --gl-button-default-tertiary-border-color-focus: var(--gl-action-neutral-border-color-focus); /* Used for the border of a default borderless, tertiary button in the focus state. */ --gl-button-default-tertiary-border-color-active: var(--gl-action-neutral-border-color-active); /* Used for the border of a default borderless, tertiary button in the active state. */ --gl-button-confirm-primary-foreground-color-hover: var(--gl-action-strong-confirm-foreground-color-hover); /* Used for the foreground of a confirm (positive) primary button in the hover state. */ --gl-button-confirm-primary-background-color-focus: var(--gl-action-strong-confirm-background-color-focus); /* Used for the background of a confirm (positive) primary button in the focus state. */ --gl-button-confirm-tertiary-foreground-color-focus: var(--gl-action-confirm-foreground-color-focus); /* Used for the foreground of a borderless, tertiary confirm (positive) button in the focus state. */ --gl-button-confirm-tertiary-border-color-hover: var(--gl-action-confirm-border-color-hover); /* Used for the border of a borderless, tertiary confirm (positive) button in the hover state. */ --gl-button-confirm-tertiary-border-color-focus: var(--gl-action-confirm-border-color-focus); /* Used for the border of a borderless, tertiary confirm (positive) button in the focus state. */ --gl-button-confirm-tertiary-border-color-active: var(--gl-action-confirm-border-color-active); /* Used for the border of a borderless, tertiary confirm (positive) button in the active state. */ --gl-button-danger-tertiary-foreground-color-focus: var(--gl-action-danger-foreground-color-focus); /* Used for the foreground of a borderless, tertiary danger (destructive) button in the focus state. */ --gl-button-danger-tertiary-border-color-hover: var(--gl-action-danger-border-color-hover); /* Used for the border of a borderless, tertiary danger (destructive) button in the hover state. */ --gl-button-danger-tertiary-border-color-focus: var(--gl-action-danger-border-color-focus); /* Used for the border of a borderless, tertiary danger (destructive) button in the focus state. */ --gl-button-danger-tertiary-border-color-active: var(--gl-action-danger-border-color-active); /* Used for the border of a borderless, tertiary danger (destructive) button in the active state. */ --gl-button-link-text-color-hover: var(--gl-button-link-text-color-default); /* Used for the text of a link button in the hover state. */ --gl-button-link-text-color-focus: var(--gl-button-link-text-color-default); /* Used for the text of a link button in the focus state. */ --gl-button-link-text-color-active: var(--gl-button-link-text-color-default); /* Used for the text of a link button in the active state. */ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -