_variables.scss 2.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697
  1. // Minty 4.3.1
  2. // Bootswatch
  3. //
  4. // Color system
  5. //
  6. $white: #fff !default;
  7. $gray-100: #f8f9fa !default;
  8. $gray-200: #f7f7f9 !default;
  9. $gray-300: #eceeef !default;
  10. $gray-400: #ced4da !default;
  11. $gray-500: #aaa !default;
  12. $gray-600: #888 !default;
  13. $gray-700: #5a5a5a !default;
  14. $gray-800: #343a40 !default;
  15. $gray-900: #212529 !default;
  16. $black: #000 !default;
  17. $blue: #007bff !default;
  18. $indigo: #6610f2 !default;
  19. $purple: #6f42c1 !default;
  20. $pink: #e83e8c !default;
  21. $red: #FF7851 !default;
  22. $orange: #fd7e14 !default;
  23. $yellow: #FFCE67 !default;
  24. $green: #56CC9D !default;
  25. $teal: #20c997 !default;
  26. $cyan: #6CC3D5 !default;
  27. $primary: #78C2AD !default;
  28. $secondary: #F3969A !default;
  29. $success: $green !default;
  30. $info: $cyan !default;
  31. $warning: $yellow !default;
  32. $danger: $red !default;
  33. $light: $gray-100 !default;
  34. $dark: $gray-800 !default;
  35. $yiq-contrasted-threshold: 250 !default;
  36. // Body
  37. $body-color: $gray-600 !default;
  38. // Components
  39. $border-radius: .4rem !default;
  40. $border-radius-lg: .6rem !default;
  41. $border-radius-sm: .3rem !default;
  42. // Fonts
  43. $headings-font-family: "Montserrat", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !default;
  44. $headings-color: $gray-700 !default;
  45. // Tables
  46. $table-border-color: rgba(0,0,0,0.05) !default;
  47. // Dropdowns
  48. $dropdown-link-hover-color: $white !default;
  49. $dropdown-link-hover-bg: $secondary !default;
  50. // Navbar
  51. $navbar-dark-color: rgba($white,.6) !default;
  52. $navbar-dark-hover-color: $white !default;
  53. $navbar-light-color: rgba($black,.3) !default;
  54. $navbar-light-hover-color: $gray-700 !default;
  55. $navbar-light-active-color: $gray-700 !default;
  56. $navbar-light-disabled-color: rgba($black,.1) !default;
  57. // Pagination
  58. $pagination-color: $white !default;
  59. $pagination-bg: $primary !default;
  60. $pagination-border-color: $primary !default;
  61. $pagination-hover-color: $white !default;
  62. $pagination-hover-bg: $secondary !default;
  63. $pagination-hover-border-color: $pagination-hover-bg !default;
  64. $pagination-active-bg: $secondary !default;
  65. $pagination-active-border-color: $pagination-active-bg !default;
  66. $pagination-disabled-color: $white !default;
  67. $pagination-disabled-bg: #CCE8E0 !default;
  68. $pagination-disabled-border-color: $pagination-disabled-bg !default;
  69. // Breadcrumbs
  70. $breadcrumb-bg: $primary !default;
  71. $breadcrumb-divider-color: $white !default;
  72. $breadcrumb-active-color: $breadcrumb-divider-color !default;