_variables-alt.scss 2.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108
  1. //
  2. // Core: Variables for Dark Mode
  3. //
  4. // COLORS
  5. // --------------------------------------------------------
  6. // stylelint-disable
  7. // Gray color will be default in dark mode
  8. $white-alt: $white !default;
  9. $gray-100-alt: $gray-100 !default;
  10. $gray-200-alt: $gray-200 !default;
  11. $gray-300-alt: $gray-300 !default;
  12. $gray-400-alt: $gray-400 !default;
  13. $gray-500-alt: $gray-500 !default;
  14. $gray-600-alt: $gray-600 !default;
  15. $gray-700-alt: $gray-700 !default;
  16. $gray-800-alt: $gray-800 !default;
  17. $gray-900-alt: $gray-900 !default;
  18. $black-alt: $black !default;
  19. $grays-alt: () !default;
  20. $grays-alt: map-merge((
  21. "100": $gray-100-alt,
  22. "200": $gray-200-alt,
  23. "300": $gray-300-alt,
  24. "400": $gray-400-alt,
  25. "500": $gray-500-alt,
  26. "600": $gray-600-alt,
  27. "700": $gray-700-alt,
  28. "800": $gray-800-alt,
  29. "900": $gray-900-alt
  30. ), $grays-alt);
  31. // Below colors from bootwatch darkly
  32. $blue-alt: #3f6791 !default;
  33. $indigo-alt: #6610f2 !default;
  34. $purple-alt: #6f42c1 !default;
  35. $pink-alt: #e83e8c !default;
  36. $red-alt: #e74c3c !default;
  37. $orange-alt: #fd7e14 !default;
  38. $yellow-alt: #f39c12 !default;
  39. $green-alt: #00bc8c !default;
  40. $teal-alt: #20c997 !default;
  41. $cyan-alt: #3498db !default;
  42. // by darken function
  43. $lightblue-alt: lighten(#3c8dbc, 20%) !default;
  44. $navy-alt: lighten(#001f3f, 5%) !default;
  45. $olive-alt: lighten(#3d9970, 20%) !default;
  46. $lime-alt: lighten(#01ff70, 20%) !default;
  47. $fuchsia-alt: lighten(#f012be, 20%) !default;
  48. $maroon-alt: lighten(#d81b60, 20%) !default;
  49. $gray-x-light-alt: lighten(#d2d6de, 20%) !default;
  50. $colors-alt: () !default;
  51. $colors-alt: map-merge((
  52. "blue": $blue-alt,
  53. "indigo": $indigo-alt,
  54. "purple": $purple-alt,
  55. "pink": $pink-alt,
  56. "red": $red-alt,
  57. "orange": $orange-alt,
  58. "yellow": $yellow-alt,
  59. "green": $green-alt,
  60. "teal": $teal-alt,
  61. "cyan": $cyan-alt,
  62. "white": $white-alt,
  63. "gray": $gray-600-alt,
  64. "gray-dark": $gray-800-alt
  65. ), $colors-alt);
  66. $primary-alt: $blue-alt !default;
  67. $secondary-alt: $gray-600-alt !default;
  68. $success-alt: $green-alt !default;
  69. $info-alt: $cyan-alt !default;
  70. $warning-alt: $yellow-alt !default;
  71. $danger-alt: $red-alt !default;
  72. $light-alt: $gray-100-alt !default;
  73. $dark-alt: $gray-800-alt !default;
  74. $theme-colors-alt: () !default;
  75. $theme-colors-alt: map-merge((
  76. "primary": $primary-alt,
  77. "secondary": $secondary-alt,
  78. "success": $success-alt,
  79. "info": $info-alt,
  80. "warning": $warning-alt,
  81. "danger": $danger-alt,
  82. "light": $light-alt,
  83. "dark": $dark-alt
  84. ), $theme-colors-alt);
  85. $colors-alt: map-merge(
  86. (
  87. "lightblue": $lightblue-alt,
  88. "navy": $navy-alt,
  89. "olive": $olive-alt,
  90. "lime": $lime-alt,
  91. "fuchsia": $fuchsia-alt,
  92. "maroon": $maroon-alt,
  93. ),
  94. $colors-alt
  95. );
  96. // stylelint-enable
  97. //