@redocly/theme/src/icons/CheckboxIcon/variables.ts

Shared UI components lib

import { css } from 'styled-components';

export const checkbox = css`
  --checkbox-content-color: var(--text-color-secondary);
  --checkbox-content-color-hover: var(--text-color-primary);
  --checkbox-content-color-focused: var(--text-color-primary);
  --checkbox-content-color-disabled: var(--text-color-disabled);

  --checkbox-box-color: transparent;
  --checkbox-box-color-active: var(--color-primary-base, var(--checkbox-box-color-active-legacy));
  --checkbox-box-color-focused: var(--color-warm-grey-9);
  --checkbox-box-color-disabled: var(--color-warm-grey-1);

  --checkbox-border-color: var(--color-primary-border, var(--checkbox-border-color-legacy));
  --checkbox-border-color-active: var(--color-warm-grey-8);
  --checkbox-border-color-disabled: var(--border-color-secondary);

  --checkbox-content-color-inverse: transparent;
`;