@mattfletcherpitched/pitchedui-react v0.1.1

Pitched Ui

Override color scheme

Override these CSS variables to set your color scheme.

<style>
:root {

  /** Primary color */
  --pitchedui-color-primary-400: #5FA9DC;
  --pitchedui-color-primary-500: #3d97d5;
  --pitchedui-color-primary-600: #277AB3;

  /** Secondary color */
  --pitchedui-color-secondary-400: #39529A;
  --pitchedui-color-secondary-500: #2e427c;
  --pitchedui-color-secondary-600: #1F2C53;

  /** Tertiary color */
  --pitchedui-color-tertiary-400: #EC6682;
  --pitchedui-color-tertiary-500: #e74265;
  --pitchedui-color-tertiary-600: #D61B43;

  /** Danger color */
  --pitchedui-color-danger-400: #f87171;
  --pitchedui-color-danger-500: #ef4444;
  --pitchedui-color-danger-600: #dc2626;
  
  /** Success color */
  --pitchedui-color-success-400: #4ade80;
  --pitchedui-color-success-500: #22c55e;
  --pitchedui-color-success-600: #16a34a;

}
</style>