You can further customize theme styles by overriding the following CSS variables in your index.css
file:
:root {
--hello-csv-color-primary: #007bff;
--hello-csv-color-primary-light: #66b3ff;
--hello-csv-color-primary-extra-light: #cce7ff;
--hello-csv-color-secondary: #6c757d;
--hello-csv-color-tertiary: #17a2b8;
--hello-csv-color-tertiary-light: #5bc0de;
--hello-csv-color-success: #15803d;
--hello-csv-color-success-light: #4ade80;
--hello-csv-color-success-extra-light: #f0fdf4;
--hello-csv-color-danger: #dc3545;
--hello-csv-color-danger-light: #f5c6cb;
--hello-csv-color-danger-extra-light: #fef2f2;
--hello-csv-color-warning: #a16207;
--hello-csv-color-warning-light: #facc15;
--hello-csv-color-warning-extra-light: #fefce8;
--hello-csv-color-info: #17a2b8;
--hello-csv-color-muted: #f9fafb;
--hello-csv-color-muted-light: #f3f4f6;
}
These variables allow you to adjust the color scheme for primary, secondary, and tertiary elements, as well as status indicators such as success, danger, warning, and info.