import { css } from 'styled-components';

export const buttonDarkMode = css`
  --button-content-color: var(--color-warm-grey-9);
  --button-content-color-inverse: var(--color-warm-grey-11);
  --button-content-color-disabled: var(--color-warm-grey-4);
  --button-content-color-primary-hover: var(--color-blue-5);
  --button-content-color-primary-pressed: var(--color-blue-5);
  --button-content-color-danger-pressed: var(--color-raspberry-4);
  --button-content-color-ghost: var(--color-warm-grey-7);

  --button-border-color: var(--color-warm-grey-4);
  --button-border-color-disabled: var(--color-warm-grey-3);
  --button-border-color-focused: var(--color-blue-8);

  --button-bg-color-secondary: var(--color-warm-grey-4);
  --button-bg-color-secondary-hover: var(--color-warm-grey-5);
  --button-bg-color-secondary-pressed: var(--color-warm-grey-6);
  --button-bg-color-secondary-danger-pressed: var(--color-raspberry-9);
  --button-bg-color-primary-hover: var(--color-blue-5);
  --button-bg-color-primary-pressed: var(--color-blue-4);
  --button-bg-color-primary-danger-hover: var(--color-raspberry-5);
  --button-bg-color-primary-danger-pressed: var(--color-raspberry-4);
  --button-bg-color-disabled: var(--color-warm-grey-3);

  --button-bg-color-custom: var(--color-warm-grey-2);
`;