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>