packages/app/client/src/ui/styles/themes/dark.css [120:157]:
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  --p-button-color: var(--neutral-2);
  --p-button-color-disabled: var(--neutral-6);
  --p-button-border: 1px solid transparent;
  --p-button-border-focus: 1px solid #00BCF2;
  --p-button-border-hover: 1px solid transparent;
  --p-button-border-active: 1px solid transparent;
  --p-button-border-disabled: 1px solid transparent;
  --p-button-opacity-disabled: 1;
  --p-button-bg: #3062D6;
  --p-button-bg-focus: #3062D6;
  --p-button-bg-hover: #2852B2;
  --p-button-bg-active: #214494;
  --p-button-bg-disabled: var(--neutral-3);

  /* secondary button */
  --s-button-color: var(--neutral-15);
  --s-button-color-disabled: var(--neutral-3);
  --s-button-border: 1px solid #8A8886;
  --s-button-border-focused: 1px solid transparent;
  --s-button-border-hover: 1px solid #8A8886;
  --s-button-border-active: 1px solid #8A8886;
  --s-button-border-disabled: 1px solid transparent;
  --s-button-opacity-disabled: 1;
  --s-button-bg: var(--neutral-1);
  --s-button-bg-focus: var(--neutral-1);
  --s-button-bg-hover: #F3F2F1;
  --s-button-bg-active: var(--neutral-5);
  --s-button-bg-disabled: var(--neutral-2);

    /* link button */
  --l-button-color: var(--link-color);
  --l-button-background: transparent;
  --l-button-border: var(--p-button-border);
  --l-button-border-active: var(--s-button-border-active);
  --l-button-border-hover: var(--s-button-border-hover);
  --l-button-border-disabled: var(--s-button-border-disabled);
  --l-button-opacity-disabled: var(--s-button-opacity-disabled);
  --l-button-border-focused: var(--p-button-border-focus);
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -



packages/app/client/src/ui/styles/themes/light.css [118:155]:
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  --p-button-color: var(--neutral-2);
  --p-button-color-disabled: var(--neutral-6);
  --p-button-border: 1px solid transparent;
  --p-button-border-focus: 1px solid #00BCF2;
  --p-button-border-hover: 1px solid transparent;
  --p-button-border-active: 1px solid transparent;
  --p-button-border-disabled: 1px solid transparent;
  --p-button-opacity-disabled: 1;
  --p-button-bg: #3062D6;
  --p-button-bg-focus: #3062D6;
  --p-button-bg-hover: #2852B2;
  --p-button-bg-active: #214494;
  --p-button-bg-disabled: var(--neutral-3);

  /* secondary button */
  --s-button-color: var(--neutral-15);
  --s-button-color-disabled: var(--neutral-3);
  --s-button-border: 1px solid #8A8886;
  --s-button-border-focused: 1px solid transparent;
  --s-button-border-hover: 1px solid #8A8886;
  --s-button-border-active: 1px solid #8A8886;
  --s-button-border-disabled: 1px solid transparent;
  --s-button-opacity-disabled: 1;
  --s-button-bg: var(--neutral-1);
  --s-button-bg-focus: var(--neutral-1);
  --s-button-bg-hover: #F3F2F1;
  --s-button-bg-active: var(--neutral-5);
  --s-button-bg-disabled: var(--neutral-2);

  /* link button */
  --l-button-color: var(--link-color);
  --l-button-background: transparent;
  --l-button-border: var(--p-button-border);
  --l-button-border-active: var(--s-button-border-active);
  --l-button-border-hover: var(--s-button-border-hover);
  --l-button-border-disabled: var(--s-button-border-disabled);
  --l-button-opacity-disabled: var(--s-button-opacity-disabled);
  --l-button-border-focused: var(--p-button-border-focus);
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -