theme-light.scss 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
  1. // Light Mode Theme Variables and Overrides.
  2. @import './theme-base.scss';
  3. // Theme colors (BS5 classes)
  4. $primary: #337ab7;
  5. $secondary: $gray-600;
  6. $success: $green-500;
  7. $info: #54d6f0;
  8. $warning: $yellow-500;
  9. $danger: $red-500;
  10. $light: $gray-200;
  11. $dark: $gray-800;
  12. $theme-colors: (
  13. // BS5 theme colors
  14. 'primary': $primary,
  15. 'secondary': $secondary,
  16. 'success': $success,
  17. 'info': $info,
  18. 'warning': $warning,
  19. 'danger': $danger,
  20. 'light': $light,
  21. 'dark': $dark,
  22. // General-purpose palette
  23. 'blue': $blue-500,
  24. 'indigo': $indigo-500,
  25. 'purple': $purple-500,
  26. 'pink': $pink-500,
  27. 'red': $red-500,
  28. 'orange': $orange-500,
  29. 'yellow': $yellow-500,
  30. 'green': $green-500,
  31. 'teal': $teal-500,
  32. 'cyan': $cyan-500,
  33. 'gray': $gray-500,
  34. 'black': $black,
  35. 'white': $white,
  36. );
  37. $light: $gray-200;
  38. $navbar-light-color: $gray-100;
  39. $card-cap-color: $gray-800;
  40. $accordion-bg: transparent;
  41. $accordion-button-bg: $accordion-bg;
  42. $accordion-body-active-bg: $gray-100;
  43. $accordion-border-color: $border-color;
  44. $accordion-button-active-bg: $blue-100;
  45. $accordion-button-active-color: $gray-800;
  46. $breadcrumb-divider: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath d='M2.5 0L1 1.5 3.5 4 1 6.5 2.5 8l4-4-4-4z' fill='currentColor'/%3E%3C/svg%3E");
  47. $code-color: $gray-900;
  48. $list-group-color: $gray-700;
  49. $list-group-disabled-color: $gray-500;
  50. $table-flush-header-bg: $gray-100;
  51. $input-placeholder-color: $gray-500;
  52. $form-select-disabled-color: $gray-600;
  53. // Tabbed content
  54. $tab-content-bg: $gray-100;