123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108 |
- //
- // Core: Variables for Dark Mode
- //
- // COLORS
- // --------------------------------------------------------
- // stylelint-disable
- // Gray color will be default in dark mode
- $white-alt: $white !default;
- $gray-100-alt: $gray-100 !default;
- $gray-200-alt: $gray-200 !default;
- $gray-300-alt: $gray-300 !default;
- $gray-400-alt: $gray-400 !default;
- $gray-500-alt: $gray-500 !default;
- $gray-600-alt: $gray-600 !default;
- $gray-700-alt: $gray-700 !default;
- $gray-800-alt: $gray-800 !default;
- $gray-900-alt: $gray-900 !default;
- $black-alt: $black !default;
- $grays-alt: () !default;
- $grays-alt: map-merge((
- "100": $gray-100-alt,
- "200": $gray-200-alt,
- "300": $gray-300-alt,
- "400": $gray-400-alt,
- "500": $gray-500-alt,
- "600": $gray-600-alt,
- "700": $gray-700-alt,
- "800": $gray-800-alt,
- "900": $gray-900-alt
- ), $grays-alt);
- // Below colors from bootwatch darkly
- $blue-alt: #3f6791 !default;
- $indigo-alt: #6610f2 !default;
- $purple-alt: #6f42c1 !default;
- $pink-alt: #e83e8c !default;
- $red-alt: #e74c3c !default;
- $orange-alt: #fd7e14 !default;
- $yellow-alt: #f39c12 !default;
- $green-alt: #00bc8c !default;
- $teal-alt: #20c997 !default;
- $cyan-alt: #3498db !default;
- // by darken function
- $lightblue-alt: lighten(#3c8dbc, 20%) !default;
- $navy-alt: lighten(#001f3f, 5%) !default;
- $olive-alt: lighten(#3d9970, 20%) !default;
- $lime-alt: lighten(#01ff70, 20%) !default;
- $fuchsia-alt: lighten(#f012be, 20%) !default;
- $maroon-alt: lighten(#d81b60, 20%) !default;
- $gray-x-light-alt: lighten(#d2d6de, 20%) !default;
- $colors-alt: () !default;
- $colors-alt: map-merge((
- "blue": $blue-alt,
- "indigo": $indigo-alt,
- "purple": $purple-alt,
- "pink": $pink-alt,
- "red": $red-alt,
- "orange": $orange-alt,
- "yellow": $yellow-alt,
- "green": $green-alt,
- "teal": $teal-alt,
- "cyan": $cyan-alt,
- "white": $white-alt,
- "gray": $gray-600-alt,
- "gray-dark": $gray-800-alt
- ), $colors-alt);
- $primary-alt: $blue-alt !default;
- $secondary-alt: $gray-600-alt !default;
- $success-alt: $green-alt !default;
- $info-alt: $cyan-alt !default;
- $warning-alt: $yellow-alt !default;
- $danger-alt: $red-alt !default;
- $light-alt: $gray-100-alt !default;
- $dark-alt: $gray-800-alt !default;
- $theme-colors-alt: () !default;
- $theme-colors-alt: map-merge((
- "primary": $primary-alt,
- "secondary": $secondary-alt,
- "success": $success-alt,
- "info": $info-alt,
- "warning": $warning-alt,
- "danger": $danger-alt,
- "light": $light-alt,
- "dark": $dark-alt
- ), $theme-colors-alt);
- $colors-alt: map-merge(
- (
- "lightblue": $lightblue-alt,
- "navy": $navy-alt,
- "olive": $olive-alt,
- "lime": $lime-alt,
- "fuchsia": $fuchsia-alt,
- "maroon": $maroon-alt,
- ),
- $colors-alt
- );
- // stylelint-enable
- //
|