Theme Styles

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.