You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
922 lines
28 KiB
SCSS
922 lines
28 KiB
SCSS
// Colors
|
|
$mdb-color-lighten-5: #d0d6e2 !default;
|
|
$mdb-color-lighten-4: #b1bace !default;
|
|
$mdb-color-lighten-3: #929fba !default;
|
|
$mdb-color-lighten-2: #7283a7 !default;
|
|
$mdb-color-lighten-1: #59698d !default;
|
|
$mdb-color-base: #45526e !default;
|
|
$mdb-color-darken-1: #3b465e !default;
|
|
$mdb-color-darken-2: #2e3951 !default;
|
|
$mdb-color-darken-3: #1c2a48 !default;
|
|
$mdb-color-darken-4: #1c2331 !default;
|
|
|
|
$mdb-color: () !default;
|
|
$mdb-color: map-merge((
|
|
"lighten-5": $mdb-color-lighten-5,
|
|
"lighten-4": $mdb-color-lighten-4,
|
|
"lighten-3": $mdb-color-lighten-3,
|
|
"lighten-2": $mdb-color-lighten-2,
|
|
"lighten-1": $mdb-color-lighten-1,
|
|
"base": $mdb-color-base,
|
|
"darken-1": $mdb-color-darken-1,
|
|
"darken-2": $mdb-color-darken-2,
|
|
"darken-3": $mdb-color-darken-3,
|
|
"darken-4": $mdb-color-darken-4
|
|
), $mdb-color);
|
|
|
|
$red-lighten-5: #ffebee !default;
|
|
$red-lighten-4: #ffcdd2 !default;
|
|
$red-lighten-3: #ef9a9a !default;
|
|
$red-lighten-2: #e57373 !default;
|
|
$red-lighten-1: #ef5350 !default;
|
|
$red-base: #f44336 !default;
|
|
$red-darken-1: #e53935 !default;
|
|
$red-darken-2: #d32f2f !default;
|
|
$red-darken-3: #c62828 !default;
|
|
$red-darken-4: #b71c1c !default;
|
|
$red-accent-1: #ff8a80 !default;
|
|
$red-accent-2: #ff5252 !default;
|
|
$red-accent-3: #ff1744 !default;
|
|
$red-accent-4: #d50000 !default;
|
|
|
|
$red: () !default;
|
|
$red: map-merge((
|
|
"lighten-5": $red-lighten-5,
|
|
"lighten-4": $red-lighten-4,
|
|
"lighten-3": $red-lighten-3,
|
|
"lighten-2": $red-lighten-2,
|
|
"lighten-1": $red-lighten-1,
|
|
"base": $red-base,
|
|
"darken-1": $red-darken-1,
|
|
"darken-2": $red-darken-2,
|
|
"darken-3": $red-darken-3,
|
|
"darken-4": $red-darken-4,
|
|
"accent-1": $red-accent-1,
|
|
"accent-2": $red-accent-2,
|
|
"accent-3": $red-accent-3,
|
|
"accent-4": $red-accent-4
|
|
), $red);
|
|
|
|
$pink-lighten-5: #fce4ec !default;
|
|
$pink-lighten-4: #f8bbd0 !default;
|
|
$pink-lighten-3: #f48fb1 !default;
|
|
$pink-lighten-2: #f06292 !default;
|
|
$pink-lighten-1: #ec407a !default;
|
|
$pink-base: #e91e63 !default;
|
|
$pink-darken-1: #d81b60 !default;
|
|
$pink-darken-2: #c2185b !default;
|
|
$pink-darken-3: #ad1457 !default;
|
|
$pink-darken-4: #880e4f !default;
|
|
$pink-accent-1: #ff80ab !default;
|
|
$pink-accent-2: #ff4081 !default;
|
|
$pink-accent-3: #f50057 !default;
|
|
$pink-accent-4: #c51162 !default;
|
|
|
|
$pink: () !default;
|
|
$pink: map-merge((
|
|
"lighten-5": $pink-lighten-5,
|
|
"lighten-4": $pink-lighten-4,
|
|
"lighten-3": $pink-lighten-3,
|
|
"lighten-2": $pink-lighten-2,
|
|
"lighten-1": $pink-lighten-1,
|
|
"base": $pink-base,
|
|
"darken-1": $pink-darken-1,
|
|
"darken-2": $pink-darken-2,
|
|
"darken-3": $pink-darken-3,
|
|
"darken-4": $pink-darken-4,
|
|
"accent-1": $pink-accent-1,
|
|
"accent-2": $pink-accent-2,
|
|
"accent-3": $pink-accent-3,
|
|
"accent-4": $pink-accent-4
|
|
), $pink);
|
|
|
|
$purple-lighten-5: #f3e5f5 !default;
|
|
$purple-lighten-4: #e1bee7 !default;
|
|
$purple-lighten-3: #ce93d8 !default;
|
|
$purple-lighten-2: #ba68c8 !default;
|
|
$purple-lighten-1: #ab47bc !default;
|
|
$purple-base: #9c27b0 !default;
|
|
$purple-darken-1: #8e24aa !default;
|
|
$purple-darken-2: #7b1fa2 !default;
|
|
$purple-darken-3: #6a1b9a !default;
|
|
$purple-darken-4: #4a148c !default;
|
|
$purple-accent-1: #ea80fc !default;
|
|
$purple-accent-2: #e040fb !default;
|
|
$purple-accent-3: #d500f9 !default;
|
|
$purple-accent-4: #aa00ff !default;
|
|
|
|
$purple: () !default;
|
|
$purple: map-merge((
|
|
"lighten-5": $purple-lighten-5,
|
|
"lighten-4": $purple-lighten-4,
|
|
"lighten-3": $purple-lighten-3,
|
|
"lighten-2": $purple-lighten-2,
|
|
"lighten-1": $purple-lighten-1,
|
|
"base": $purple-base,
|
|
"darken-1": $purple-darken-1,
|
|
"darken-2": $purple-darken-2,
|
|
"darken-3": $purple-darken-3,
|
|
"darken-4": $purple-darken-4,
|
|
"accent-1": $purple-accent-1,
|
|
"accent-2": $purple-accent-2,
|
|
"accent-3": $purple-accent-3,
|
|
"accent-4": $purple-accent-4
|
|
), $purple);
|
|
|
|
$deep-purple-lighten-5: #ede7f6 !default;
|
|
$deep-purple-lighten-4: #d1c4e9 !default;
|
|
$deep-purple-lighten-3: #b39ddb !default;
|
|
$deep-purple-lighten-2: #9575cd !default;
|
|
$deep-purple-lighten-1: #7e57c2 !default;
|
|
$deep-purple-base: #673ab7 !default;
|
|
$deep-purple-darken-1: #5e35b1 !default;
|
|
$deep-purple-darken-2: #512da8 !default;
|
|
$deep-purple-darken-3: #4527a0 !default;
|
|
$deep-purple-darken-4: #311b92 !default;
|
|
$deep-purple-accent-1: #b388ff !default;
|
|
$deep-purple-accent-2: #7c4dff !default;
|
|
$deep-purple-accent-3: #651fff !default;
|
|
$deep-purple-accent-4: #6200ea !default;
|
|
|
|
$deep-purple: () !default;
|
|
$deep-purple: map-merge((
|
|
"lighten-5": $deep-purple-lighten-5,
|
|
"lighten-4": $deep-purple-lighten-4,
|
|
"lighten-3": $deep-purple-lighten-3,
|
|
"lighten-2": $deep-purple-lighten-2,
|
|
"lighten-1": $deep-purple-lighten-1,
|
|
"base": $deep-purple-base,
|
|
"darken-1": $deep-purple-darken-1,
|
|
"darken-2": $deep-purple-darken-2,
|
|
"darken-3": $deep-purple-darken-3,
|
|
"darken-4": $deep-purple-darken-4,
|
|
"accent-1": $deep-purple-accent-1,
|
|
"accent-2": $deep-purple-accent-2,
|
|
"accent-3": $deep-purple-accent-3,
|
|
"accent-4": $deep-purple-accent-4
|
|
), $deep-purple);
|
|
|
|
$indigo-lighten-5: #e8eaf6 !default;
|
|
$indigo-lighten-4: #c5cae9 !default;
|
|
$indigo-lighten-3: #9fa8da !default;
|
|
$indigo-lighten-2: #7986cb !default;
|
|
$indigo-lighten-1: #5c6bc0 !default;
|
|
$indigo-base: #3f51b5 !default;
|
|
$indigo-darken-1: #3949ab !default;
|
|
$indigo-darken-2: #303f9f !default;
|
|
$indigo-darken-3: #283593 !default;
|
|
$indigo-darken-4: #1a237e !default;
|
|
$indigo-accent-1: #8c9eff !default;
|
|
$indigo-accent-2: #536dfe !default;
|
|
$indigo-accent-3: #3d5afe !default;
|
|
$indigo-accent-4: #304ffe !default;
|
|
|
|
$indigo: () !default;
|
|
$indigo: map-merge((
|
|
"lighten-5": $indigo-lighten-5,
|
|
"lighten-4": $indigo-lighten-4,
|
|
"lighten-3": $indigo-lighten-3,
|
|
"lighten-2": $indigo-lighten-2,
|
|
"lighten-1": $indigo-lighten-1,
|
|
"base": $indigo-base,
|
|
"darken-1": $indigo-darken-1,
|
|
"darken-2": $indigo-darken-2,
|
|
"darken-3": $indigo-darken-3,
|
|
"darken-4": $indigo-darken-4,
|
|
"accent-1": $indigo-accent-1,
|
|
"accent-2": $indigo-accent-2,
|
|
"accent-3": $indigo-accent-3,
|
|
"accent-4": $indigo-accent-4
|
|
), $indigo);
|
|
|
|
$blue-lighten-5: #e3f2fd !default;
|
|
$blue-lighten-4: #bbdefb !default;
|
|
$blue-lighten-3: #90caf9 !default;
|
|
$blue-lighten-2: #64b5f6 !default;
|
|
$blue-lighten-1: #42a5f5 !default;
|
|
$blue-base: #2196f3 !default;
|
|
$blue-darken-1: #1e88e5 !default;
|
|
$blue-darken-2: #1976d2 !default;
|
|
$blue-darken-3: #1565c0 !default;
|
|
$blue-darken-4: #0d47a1 !default;
|
|
$blue-accent-1: #82b1ff !default;
|
|
$blue-accent-2: #448aff !default;
|
|
$blue-accent-3: #2979ff !default;
|
|
$blue-accent-4: #2962ff !default;
|
|
|
|
$blue: () !default;
|
|
$blue: map-merge((
|
|
"lighten-5": $blue-lighten-5,
|
|
"lighten-4": $blue-lighten-4,
|
|
"lighten-3": $blue-lighten-3,
|
|
"lighten-2": $blue-lighten-2,
|
|
"lighten-1": $blue-lighten-1,
|
|
"base": $blue-base,
|
|
"darken-1": $blue-darken-1,
|
|
"darken-2": $blue-darken-2,
|
|
"darken-3": $blue-darken-3,
|
|
"darken-4": $blue-darken-4,
|
|
"accent-1": $blue-accent-1,
|
|
"accent-2": $blue-accent-2,
|
|
"accent-3": $blue-accent-3,
|
|
"accent-4": $blue-accent-4
|
|
), $blue);
|
|
|
|
$light-blue-lighten-5: #e1f5fe !default;
|
|
$light-blue-lighten-4: #b3e5fc !default;
|
|
$light-blue-lighten-3: #81d4fa !default;
|
|
$light-blue-lighten-2: #4fc3f7 !default;
|
|
$light-blue-lighten-1: #29b6f6 !default;
|
|
$light-blue-base: #03a9f4 !default;
|
|
$light-blue-darken-1: #039be5 !default;
|
|
$light-blue-darken-2: #0288d1 !default;
|
|
$light-blue-darken-3: #0277bd !default;
|
|
$light-blue-darken-4: #01579b !default;
|
|
$light-blue-accent-1: #80d8ff !default;
|
|
$light-blue-accent-2: #40c4ff !default;
|
|
$light-blue-accent-3: #00b0ff !default;
|
|
$light-blue-accent-4: #0091ea !default;
|
|
|
|
$light-blue: () !default;
|
|
$light-blue: map-merge((
|
|
"lighten-5": $light-blue-lighten-5,
|
|
"lighten-4": $light-blue-lighten-4,
|
|
"lighten-3": $light-blue-lighten-3,
|
|
"lighten-2": $light-blue-lighten-2,
|
|
"lighten-1": $light-blue-lighten-1,
|
|
"base": $light-blue-base,
|
|
"darken-1": $light-blue-darken-1,
|
|
"darken-2": $light-blue-darken-2,
|
|
"darken-3": $light-blue-darken-3,
|
|
"darken-4": $light-blue-darken-4,
|
|
"accent-1": $light-blue-accent-1,
|
|
"accent-2": $light-blue-accent-2,
|
|
"accent-3": $light-blue-accent-3,
|
|
"accent-4": $light-blue-accent-4
|
|
), $light-blue);
|
|
|
|
$cyan-lighten-5: #e0f7fa !default;
|
|
$cyan-lighten-4: #b2ebf2 !default;
|
|
$cyan-lighten-3: #80deea !default;
|
|
$cyan-lighten-2: #4dd0e1 !default;
|
|
$cyan-lighten-1: #26c6da !default;
|
|
$cyan-base: #00bcd4 !default;
|
|
$cyan-darken-1: #00acc1 !default;
|
|
$cyan-darken-2: #0097a7 !default;
|
|
$cyan-darken-3: #00838f !default;
|
|
$cyan-darken-4: #006064 !default;
|
|
$cyan-accent-1: #84ffff !default;
|
|
$cyan-accent-2: #18ffff !default;
|
|
$cyan-accent-3: #00e5ff !default;
|
|
$cyan-accent-4: #00b8d4 !default;
|
|
|
|
$cyan: () !default;
|
|
$cyan: map-merge((
|
|
"lighten-5": $cyan-lighten-5,
|
|
"lighten-4": $cyan-lighten-4,
|
|
"lighten-3": $cyan-lighten-3,
|
|
"lighten-2": $cyan-lighten-2,
|
|
"lighten-1": $cyan-lighten-1,
|
|
"base": $cyan-base,
|
|
"darken-1": $cyan-darken-1,
|
|
"darken-2": $cyan-darken-2,
|
|
"darken-3": $cyan-darken-3,
|
|
"darken-4": $cyan-darken-4,
|
|
"accent-1": $cyan-accent-1,
|
|
"accent-2": $cyan-accent-2,
|
|
"accent-3": $cyan-accent-3,
|
|
"accent-4": $cyan-accent-4
|
|
), $cyan);
|
|
|
|
$teal-lighten-5: #e0f2f1 !default;
|
|
$teal-lighten-4: #b2dfdb !default;
|
|
$teal-lighten-3: #80cbc4 !default;
|
|
$teal-lighten-2: #4db6ac !default;
|
|
$teal-lighten-1: #26a69a !default;
|
|
$teal-base: #009688 !default;
|
|
$teal-darken-1: #00897b !default;
|
|
$teal-darken-2: #00796b !default;
|
|
$teal-darken-3: #00695c !default;
|
|
$teal-darken-4: #004d40 !default;
|
|
$teal-accent-1: #a7ffeb !default;
|
|
$teal-accent-2: #64ffda !default;
|
|
$teal-accent-3: #1de9b6 !default;
|
|
$teal-accent-4: #00bfa5 !default;
|
|
|
|
$teal: () !default;
|
|
$teal: map-merge((
|
|
"lighten-5": $teal-lighten-5,
|
|
"lighten-4": $teal-lighten-4,
|
|
"lighten-3": $teal-lighten-3,
|
|
"lighten-2": $teal-lighten-2,
|
|
"lighten-1": $teal-lighten-1,
|
|
"base": $teal-base,
|
|
"darken-1": $teal-darken-1,
|
|
"darken-2": $teal-darken-2,
|
|
"darken-3": $teal-darken-3,
|
|
"darken-4": $teal-darken-4,
|
|
"accent-1": $teal-accent-1,
|
|
"accent-2": $teal-accent-2,
|
|
"accent-3": $teal-accent-3,
|
|
"accent-4": $teal-accent-4
|
|
), $teal);
|
|
|
|
$green-lighten-5: #e8f5e9 !default;
|
|
$green-lighten-4: #c8e6c9 !default;
|
|
$green-lighten-3: #a5d6a7 !default;
|
|
$green-lighten-2: #81c784 !default;
|
|
$green-lighten-1: #66bb6a !default;
|
|
$green-base: #4caf50 !default;
|
|
$green-darken-1: #43a047 !default;
|
|
$green-darken-2: #388e3c !default;
|
|
$green-darken-3: #2e7d32 !default;
|
|
$green-darken-4: #1b5e20 !default;
|
|
$green-accent-1: #b9f6ca !default;
|
|
$green-accent-2: #69f0ae !default;
|
|
$green-accent-3: #00e676 !default;
|
|
$green-accent-4: #00c853 !default;
|
|
|
|
$green: () !default;
|
|
$green: map-merge((
|
|
"lighten-5": $green-lighten-5,
|
|
"lighten-4": $green-lighten-4,
|
|
"lighten-3": $green-lighten-3,
|
|
"lighten-2": $green-lighten-2,
|
|
"lighten-1": $green-lighten-1,
|
|
"base": $green-base,
|
|
"darken-1": $green-darken-1,
|
|
"darken-2": $green-darken-2,
|
|
"darken-3": $green-darken-3,
|
|
"darken-4": $green-darken-4,
|
|
"accent-1": $green-accent-1,
|
|
"accent-2": $green-accent-2,
|
|
"accent-3": $green-accent-3,
|
|
"accent-4": $green-accent-4
|
|
), $green);
|
|
|
|
$light-green-lighten-5: #f1f8e9 !default;
|
|
$light-green-lighten-4: #dcedc8 !default;
|
|
$light-green-lighten-3: #c5e1a5 !default;
|
|
$light-green-lighten-2: #aed581 !default;
|
|
$light-green-lighten-1: #9ccc65 !default;
|
|
$light-green-base: #8bc34a !default;
|
|
$light-green-darken-1: #7cb342 !default;
|
|
$light-green-darken-2: #689f38 !default;
|
|
$light-green-darken-3: #558b2f !default;
|
|
$light-green-darken-4: #33691e !default;
|
|
$light-green-accent-1: #ccff90 !default;
|
|
$light-green-accent-2: #b2ff59 !default;
|
|
$light-green-accent-3: #76ff03 !default;
|
|
$light-green-accent-4: #64dd17 !default;
|
|
|
|
$light-green: () !default;
|
|
$light-green: map-merge((
|
|
"lighten-5": $light-green-lighten-5,
|
|
"lighten-4": $light-green-lighten-4,
|
|
"lighten-3": $light-green-lighten-3,
|
|
"lighten-2": $light-green-lighten-2,
|
|
"lighten-1": $light-green-lighten-1,
|
|
"base": $light-green-base,
|
|
"darken-1": $light-green-darken-1,
|
|
"darken-2": $light-green-darken-2,
|
|
"darken-3": $light-green-darken-3,
|
|
"darken-4": $light-green-darken-4,
|
|
"accent-1": $light-green-accent-1,
|
|
"accent-2": $light-green-accent-2,
|
|
"accent-3": $light-green-accent-3,
|
|
"accent-4": $light-green-accent-4
|
|
), $light-green);
|
|
|
|
$lime-lighten-5: #f9fbe7 !default;
|
|
$lime-lighten-4: #f0f4c3 !default;
|
|
$lime-lighten-3: #e6ee9c !default;
|
|
$lime-lighten-2: #dce775 !default;
|
|
$lime-lighten-1: #d4e157 !default;
|
|
$lime-base: #cddc39 !default;
|
|
$lime-darken-1: #c0ca33 !default;
|
|
$lime-darken-2: #afb42b !default;
|
|
$lime-darken-3: #9e9d24 !default;
|
|
$lime-darken-4: #827717 !default;
|
|
$lime-accent-1: #f4ff81 !default;
|
|
$lime-accent-2: #eeff41 !default;
|
|
$lime-accent-3: #c6ff00 !default;
|
|
$lime-accent-4: #aeea00 !default;
|
|
|
|
$lime: () !default;
|
|
$lime: map-merge((
|
|
"lighten-5": $lime-lighten-5,
|
|
"lighten-4": $lime-lighten-4,
|
|
"lighten-3": $lime-lighten-3,
|
|
"lighten-2": $lime-lighten-2,
|
|
"lighten-1": $lime-lighten-1,
|
|
"base": $lime-base,
|
|
"darken-1": $lime-darken-1,
|
|
"darken-2": $lime-darken-2,
|
|
"darken-3": $lime-darken-3,
|
|
"darken-4": $lime-darken-4,
|
|
"accent-1": $lime-accent-1,
|
|
"accent-2": $lime-accent-2,
|
|
"accent-3": $lime-accent-3,
|
|
"accent-4": $lime-accent-4
|
|
), $lime);
|
|
|
|
$yellow-lighten-5: #fffde7 !default;
|
|
$yellow-lighten-4: #fff9c4 !default;
|
|
$yellow-lighten-3: #fff59d !default;
|
|
$yellow-lighten-2: #fff176 !default;
|
|
$yellow-lighten-1: #ffee58 !default;
|
|
$yellow-base: #ffeb3b !default;
|
|
$yellow-darken-1: #fdd835 !default;
|
|
$yellow-darken-2: #fbc02d !default;
|
|
$yellow-darken-3: #f9a825 !default;
|
|
$yellow-darken-4: #f57f17 !default;
|
|
$yellow-accent-1: #ffff8d !default;
|
|
$yellow-accent-2: #ffff00 !default;
|
|
$yellow-accent-3: #ffea00 !default;
|
|
$yellow-accent-4: #ffd600 !default;
|
|
|
|
$yellow: () !default;
|
|
$yellow: map-merge((
|
|
"lighten-5": $yellow-lighten-5,
|
|
"lighten-4": $yellow-lighten-4,
|
|
"lighten-3": $yellow-lighten-3,
|
|
"lighten-2": $yellow-lighten-2,
|
|
"lighten-1": $yellow-lighten-1,
|
|
"base": $yellow-base,
|
|
"darken-1": $yellow-darken-1,
|
|
"darken-2": $yellow-darken-2,
|
|
"darken-3": $yellow-darken-3,
|
|
"darken-4": $yellow-darken-4,
|
|
"accent-1": $yellow-accent-1,
|
|
"accent-2": $yellow-accent-2,
|
|
"accent-3": $yellow-accent-3,
|
|
"accent-4": $yellow-accent-4
|
|
), $yellow);
|
|
|
|
$amber-lighten-5: #fff8e1 !default;
|
|
$amber-lighten-4: #ffecb3 !default;
|
|
$amber-lighten-3: #ffe082 !default;
|
|
$amber-lighten-2: #ffd54f !default;
|
|
$amber-lighten-1: #ffca28 !default;
|
|
$amber-base: #ffc107 !default;
|
|
$amber-darken-1: #ffb300 !default;
|
|
$amber-darken-2: #ffa000 !default;
|
|
$amber-darken-3: #ff8f00 !default;
|
|
$amber-darken-4: #ff6f00 !default;
|
|
$amber-accent-1: #ffe57f !default;
|
|
$amber-accent-2: #ffd740 !default;
|
|
$amber-accent-3: #ffc400 !default;
|
|
$amber-accent-4: #ffab00 !default;
|
|
|
|
$amber: () !default;
|
|
$amber: map-merge((
|
|
"lighten-5": $amber-lighten-5,
|
|
"lighten-4": $amber-lighten-4,
|
|
"lighten-3": $amber-lighten-3,
|
|
"lighten-2": $amber-lighten-2,
|
|
"lighten-1": $amber-lighten-1,
|
|
"base": $amber-base,
|
|
"darken-1": $amber-darken-1,
|
|
"darken-2": $amber-darken-2,
|
|
"darken-3": $amber-darken-3,
|
|
"darken-4": $amber-darken-4,
|
|
"accent-1": $amber-accent-1,
|
|
"accent-2": $amber-accent-2,
|
|
"accent-3": $amber-accent-3,
|
|
"accent-4": $amber-accent-4
|
|
), $amber);
|
|
|
|
$orange-lighten-5: #fff3e0 !default;
|
|
$orange-lighten-4: #ffe0b2 !default;
|
|
$orange-lighten-3: #ffcc80 !default;
|
|
$orange-lighten-2: #ffb74d !default;
|
|
$orange-lighten-1: #ffa726 !default;
|
|
$orange-base: #ff9800 !default;
|
|
$orange-darken-1: #fb8c00 !default;
|
|
$orange-darken-2: #f57c00 !default;
|
|
$orange-darken-3: #ef6c00 !default;
|
|
$orange-darken-4: #e65100 !default;
|
|
$orange-accent-1: #ffd180 !default;
|
|
$orange-accent-2: #ffab40 !default;
|
|
$orange-accent-3: #ff9100 !default;
|
|
$orange-accent-4: #ff6d00 !default;
|
|
|
|
$orange: () !default;
|
|
$orange: map-merge((
|
|
"lighten-5": $orange-lighten-5,
|
|
"lighten-4": $orange-lighten-4,
|
|
"lighten-3": $orange-lighten-3,
|
|
"lighten-2": $orange-lighten-2,
|
|
"lighten-1": $orange-lighten-1,
|
|
"base": $orange-base,
|
|
"darken-1": $orange-darken-1,
|
|
"darken-2": $orange-darken-2,
|
|
"darken-3": $orange-darken-3,
|
|
"darken-4": $orange-darken-4,
|
|
"accent-1": $orange-accent-1,
|
|
"accent-2": $orange-accent-2,
|
|
"accent-3": $orange-accent-3,
|
|
"accent-4": $orange-accent-4
|
|
), $orange);
|
|
|
|
$deep-orange-lighten-5: #fbe9e7 !default;
|
|
$deep-orange-lighten-4: #ffccbc !default;
|
|
$deep-orange-lighten-3: #ffab91 !default;
|
|
$deep-orange-lighten-2: #ff8a65 !default;
|
|
$deep-orange-lighten-1: #ff7043 !default;
|
|
$deep-orange-base: #ff5722 !default;
|
|
$deep-orange-darken-1: #f4511e !default;
|
|
$deep-orange-darken-2: #e64a19 !default;
|
|
$deep-orange-darken-3: #d84315 !default;
|
|
$deep-orange-darken-4: #bf360c !default;
|
|
$deep-orange-accent-1: #ff9e80 !default;
|
|
$deep-orange-accent-2: #ff6e40 !default;
|
|
$deep-orange-accent-3: #ff3d00 !default;
|
|
$deep-orange-accent-4: #dd2c00 !default;
|
|
|
|
$deep-orange: () !default;
|
|
$deep-orange: map-merge((
|
|
"lighten-5": $deep-orange-lighten-5,
|
|
"lighten-4": $deep-orange-lighten-4,
|
|
"lighten-3": $deep-orange-lighten-3,
|
|
"lighten-2": $deep-orange-lighten-2,
|
|
"lighten-1": $deep-orange-lighten-1,
|
|
"base": $deep-orange-base,
|
|
"darken-1": $deep-orange-darken-1,
|
|
"darken-2": $deep-orange-darken-2,
|
|
"darken-3": $deep-orange-darken-3,
|
|
"darken-4": $deep-orange-darken-4,
|
|
"accent-1": $deep-orange-accent-1,
|
|
"accent-2": $deep-orange-accent-2,
|
|
"accent-3": $deep-orange-accent-3,
|
|
"accent-4": $deep-orange-accent-4
|
|
), $deep-orange);
|
|
|
|
$brown-lighten-5: #efebe9 !default;
|
|
$brown-lighten-4: #d7ccc8 !default;
|
|
$brown-lighten-3: #bcaaa4 !default;
|
|
$brown-lighten-2: #a1887f !default;
|
|
$brown-lighten-1: #8d6e63 !default;
|
|
$brown-base: #795548 !default;
|
|
$brown-darken-1: #6d4c41 !default;
|
|
$brown-darken-2: #5d4037 !default;
|
|
$brown-darken-3: #4e342e !default;
|
|
$brown-darken-4: #3e2723 !default;
|
|
|
|
$brown: () !default;
|
|
$brown: map-merge((
|
|
"lighten-5": $brown-lighten-5,
|
|
"lighten-4": $brown-lighten-4,
|
|
"lighten-3": $brown-lighten-3,
|
|
"lighten-2": $brown-lighten-2,
|
|
"lighten-1": $brown-lighten-1,
|
|
"base": $brown-base,
|
|
"darken-1": $brown-darken-1,
|
|
"darken-2": $brown-darken-2,
|
|
"darken-3": $brown-darken-3,
|
|
"darken-4": $brown-darken-4
|
|
), $brown);
|
|
|
|
$blue-grey-lighten-5: #eceff1 !default;
|
|
$blue-grey-lighten-4: #cfd8dc !default;
|
|
$blue-grey-lighten-3: #b0bec5 !default;
|
|
$blue-grey-lighten-2: #90a4ae !default;
|
|
$blue-grey-lighten-1: #78909c !default;
|
|
$blue-grey-base: #607d8b !default;
|
|
$blue-grey-darken-1: #546e7a !default;
|
|
$blue-grey-darken-2: #455a64 !default;
|
|
$blue-grey-darken-3: #37474f !default;
|
|
$blue-grey-darken-4: #263238 !default;
|
|
|
|
$blue-grey: () !default;
|
|
$blue-grey: map-merge((
|
|
"lighten-5": $blue-grey-lighten-5,
|
|
"lighten-4": $blue-grey-lighten-4,
|
|
"lighten-3": $blue-grey-lighten-3,
|
|
"lighten-2": $blue-grey-lighten-2,
|
|
"lighten-1": $blue-grey-lighten-1,
|
|
"base": $blue-grey-base,
|
|
"darken-1": $blue-grey-darken-1,
|
|
"darken-2": $blue-grey-darken-2,
|
|
"darken-3": $blue-grey-darken-3,
|
|
"darken-4": $blue-grey-darken-4
|
|
), $blue-grey);
|
|
|
|
$grey-lighten-5: #fafafa !default;
|
|
$grey-lighten-4: #f5f5f5 !default;
|
|
$grey-lighten-3: #eeeeee !default;
|
|
$grey-lighten-2: #e0e0e0 !default;
|
|
$grey-lighten-1: #bdbdbd !default;
|
|
$grey-base: #9e9e9e !default;
|
|
$grey-darken-1: #757575 !default;
|
|
$grey-darken-2: #616161 !default;
|
|
$grey-darken-3: #424242 !default;
|
|
$grey-darken-4: #212121 !default;
|
|
|
|
$grey: () !default;
|
|
$grey: map-merge((
|
|
"lighten-5": $grey-lighten-5,
|
|
"lighten-4": $grey-lighten-4,
|
|
"lighten-3": $grey-lighten-3,
|
|
"lighten-2": $grey-lighten-2,
|
|
"lighten-1": $grey-lighten-1,
|
|
"base": $grey-base,
|
|
"darken-1": $grey-darken-1,
|
|
"darken-2": $grey-darken-2,
|
|
"darken-3": $grey-darken-3,
|
|
"darken-4": $grey-darken-4
|
|
), $grey);
|
|
|
|
$black-base: #000 !default;
|
|
|
|
$black: () !default;
|
|
$black: map-merge((
|
|
"base": $black-base
|
|
), $black);
|
|
|
|
$white-base: #fff !default;
|
|
|
|
$white: () !default;
|
|
$white: map-merge((
|
|
"base": $white-base
|
|
), $white);
|
|
|
|
// Colors palette
|
|
$colors: () !default;
|
|
$colors: map-merge((
|
|
"mdb-color": $mdb-color,
|
|
"red": $red,
|
|
"pink": $pink,
|
|
"purple": $purple,
|
|
"deep-purple": $deep-purple,
|
|
"indigo": $indigo,
|
|
"blue": $blue,
|
|
"light-blue": $light-blue,
|
|
"cyan": $cyan,
|
|
"teal": $teal,
|
|
"green": $green,
|
|
"light-green": $light-green,
|
|
"lime": $lime,
|
|
"yellow": $yellow,
|
|
"amber": $amber,
|
|
"orange": $orange,
|
|
"deep-orange": $deep-orange,
|
|
"brown": $brown,
|
|
"blue-grey": $blue-grey,
|
|
"grey": $grey,
|
|
"black": $black,
|
|
"white": $white
|
|
), $colors);
|
|
|
|
// Full palette of colors
|
|
$enable_full_palette: true !default;
|
|
|
|
// Colors classes
|
|
@each $color_name, $color in $colors {
|
|
@each $color_type, $color_value in $color {
|
|
@if $color_type == "base" {
|
|
.#{$color_name} {
|
|
background-color: $color_value !important;
|
|
}
|
|
.#{$color_name}-text {
|
|
color: $color-value !important;
|
|
}
|
|
.rgba-#{$color_name}-slight {
|
|
background-color: rgba($color_value, .1);
|
|
}
|
|
.rgba-#{$color_name}-light {
|
|
background-color: rgba($color_value, .3);
|
|
}
|
|
.rgba-#{$color_name}-strong {
|
|
background-color: rgba($color_value, .7);
|
|
}
|
|
}
|
|
@else {
|
|
@if $enable_full_palette {
|
|
.#{$color_name}.#{$color_type} {
|
|
background-color: $color_value !important;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
// Stylish rgba colors
|
|
$stylish-rgba: (
|
|
"rgba-stylish-slight": rgba(62, 69, 81, .1),
|
|
"rgba-stylish-light": rgba(62, 69, 81, .3),
|
|
"rgba-stylish-strong": rgba(62, 69, 81, .7),
|
|
);
|
|
|
|
@each $color_name, $color_value in $stylish-rgba {
|
|
.#{$color_name} {
|
|
background-color: $color_value;
|
|
}
|
|
}
|
|
|
|
.dark-grey-text {
|
|
color: #4f4f4f;
|
|
}
|
|
|
|
// Material colors
|
|
$primary-color: #4285f4 !default;
|
|
$primary-color-dark: #0d47a1 !default;
|
|
$secondary-color: #aa66cc !default;
|
|
$secondary-color-dark: #9933cc !default;
|
|
$default-color: #2bbbad !default;
|
|
$default-color-dark: #00695c !default;
|
|
$info-color: #33b5e5 !default;
|
|
$info-color-dark: #0099cc !default;
|
|
$success-color: #00c851 !default;
|
|
$success-color-dark: #007e33 !default;
|
|
$warning-color: #ffbb33 !default;
|
|
$warning-color-dark: #ff8800 !default;
|
|
$danger-color: #ff3547 !default;
|
|
$danger-color-dark: #cc0000 !default;
|
|
$elegant-color: #2e2e2e !default;
|
|
$elegant-color-dark: #212121 !default;
|
|
$stylish-color: #4b515d !default;
|
|
$stylish-color-dark: #3e4551 !default;
|
|
$unique-color: #3f729b !default;
|
|
$unique-color-dark: #1c2331 !default;
|
|
$special-color: #37474f !default;
|
|
$special-color-dark: #263238 !default;
|
|
$white: #fff;
|
|
$black: #000;
|
|
$error-color: map-get($red, "base") !default;
|
|
|
|
$material-colors: () !default;
|
|
$material-colors: map-merge((
|
|
"primary-color": $primary-color,
|
|
"primary-color-dark": $primary-color-dark,
|
|
"secondary-color": $secondary-color,
|
|
"secondary-color-dark": $secondary-color-dark,
|
|
"default-color": $default-color,
|
|
"default-color-dark": $default-color-dark,
|
|
"info-color": $info-color,
|
|
"info-color-dark": $info-color-dark,
|
|
"success-color": $success-color,
|
|
"success-color-dark": $success-color-dark,
|
|
"warning-color": $warning-color,
|
|
"warning-color-dark": $warning-color-dark,
|
|
"danger-color": $danger-color,
|
|
"danger-color-dark": $danger-color-dark,
|
|
"elegant-color": $elegant-color,
|
|
"elegant-color-dark": $elegant-color-dark,
|
|
"stylish-color": $stylish-color,
|
|
"stylish-color-dark": $stylish-color-dark,
|
|
"unique-color": $unique-color,
|
|
"unique-color-dark": $unique-color-dark,
|
|
"special-color": $special-color,
|
|
"special-color-dark": $special-color-dark
|
|
), $material-colors);
|
|
|
|
@each $color_name, $color in $material-colors {
|
|
.#{$color_name} {
|
|
background-color: $color !important;
|
|
}
|
|
}
|
|
|
|
// Social colors
|
|
$fb-color: #3b5998 !default;
|
|
$tw-color: #55acee !default;
|
|
$gplus-color: #dd4b39 !default;
|
|
$yt-color: #ed302f !default;
|
|
$li-color: #0082ca !default;
|
|
$pin-color: #c61118 !default;
|
|
$ins-color: #2e5e86 !default;
|
|
$git-color: #333333 !default;
|
|
$comm-color: #30cfc0 !default;
|
|
$vk-color: #4c75a3 !default;
|
|
$drib-color: #ec4a89 !default;
|
|
$so-color: #ffac44 !default;
|
|
$slack-color: #56b68b !default;
|
|
$email-color: #4b515d !default;
|
|
|
|
$social-colors: () !default;
|
|
$social-colors: map-merge((
|
|
"fb": $fb-color,
|
|
"tw": $tw-color,
|
|
"gplus": $gplus-color,
|
|
"yt": $yt-color,
|
|
"li": $li-color,
|
|
"pin": $pin-color,
|
|
"ins": $ins-color,
|
|
"git": $git-color,
|
|
"comm": $comm-color,
|
|
"vk": $vk-color,
|
|
"dribbble": $drib-color,
|
|
"so": $so-color,
|
|
"slack": $slack-color,
|
|
"email": $email-color
|
|
), $social-colors);
|
|
|
|
// MDB buttons colors
|
|
$mdb-colors: () !default;
|
|
$mdb-colors: map-merge((
|
|
"primary": $primary-color,
|
|
"danger": $danger-color,
|
|
"warning": $warning-color-dark,
|
|
"success": $success-color,
|
|
"info": $info-color,
|
|
"default": $default-color,
|
|
"secondary": $secondary-color,
|
|
"elegant": $elegant-color,
|
|
"unique": map-get($pink, darken-4),
|
|
"dark-green": map-get($green, darken-2),
|
|
"mdb-color": map-get($mdb-color, lighten-1),
|
|
"red": map-get($red, darken-2),
|
|
"pink": map-get($pink, lighten-1),
|
|
"purple": map-get($purple, darken-1),
|
|
"deep-purple": map-get($deep-purple, darken-2),
|
|
"indigo": map-get($indigo, base),
|
|
"blue": map-get($blue, darken-2),
|
|
"light-blue": map-get($blue, accent-1),
|
|
"cyan": map-get($cyan, base),
|
|
"teal": map-get($teal, darken-2),
|
|
"green": map-get($green, darken-2),
|
|
"light-green": map-get($light-green, base),
|
|
"lime": map-get($lime, darken-2),
|
|
"yellow": map-get($yellow, darken-2),
|
|
"amber": map-get($amber, darken-2),
|
|
"orange": map-get($orange, darken-2),
|
|
"deep-orange": map-get($deep-orange, lighten-1),
|
|
"brown": map-get($brown, base),
|
|
"grey": map-get($grey, darken-2),
|
|
"blue-grey": map-get($blue-grey, lighten-1),
|
|
"dark": map-get($grey, darken-4),
|
|
"light": map-get($grey, lighten-2),
|
|
"white": $white,
|
|
"black": $black
|
|
), $mdb-colors);
|
|
|
|
// Basic colors
|
|
$basic: () !default;
|
|
$basic: map-merge((
|
|
"primary": $primary-color,
|
|
"danger": $danger-color,
|
|
"warning": $warning-color,
|
|
"success": $success-color,
|
|
"info": $info-color
|
|
), $basic);
|
|
|
|
$basic-mdb-colors: () !default;
|
|
$basic-mdb-colors: map-merge((
|
|
"primary": $primary-color,
|
|
"danger": $danger-color,
|
|
"warning": $warning-color-dark,
|
|
"success": $success-color,
|
|
"info": $info-color,
|
|
"default": $default-color,
|
|
"secondary": $secondary-color,
|
|
"dark": map-get($grey, darken-4),
|
|
"light": map-get($grey, lighten-2)
|
|
), $basic-mdb-colors);
|
|
|
|
$pagination-colors: () !default;
|
|
$pagination-colors: map-merge((
|
|
"blue": $primary-color,
|
|
"red": $danger-color,
|
|
"teal": $default-color,
|
|
"dark-grey": $special-color,
|
|
"dark": $elegant-color,
|
|
"blue-grey": $unique-color,
|
|
"amber": map-get($amber, darken-4),
|
|
"purple": map-get($deep-purple, darken-1)
|
|
), $pagination-colors);
|
|
|
|
$ctbc: () !default;
|
|
$ctbc: map-merge((
|
|
"tabs-cyan": map-get($yellow, base),
|
|
"tabs-orange": map-get($red, darken-1),
|
|
"tabs-grey": $white,
|
|
"tabs-pink": map-get($deep-purple, base),
|
|
"tabs-green": map-get($blue, darken-3),
|
|
"tabs-primary": $white
|
|
), $ctbc);
|
|
|
|
$switch-color-bg: $secondary-color !default;
|
|
$switch-color-checked-lever-bg: desaturate(lighten($secondary-color, 25%), 25%) !default;
|
|
$switch-color-unchecked-bg: #F1F1F1 !default;
|
|
$switch-color-unchecked-lever-bg: #818181 !default;
|
|
|
|
$switch-colors: () !default;
|
|
$switch-colors: map-merge((
|
|
"bg": $switch-color-bg,
|
|
"checked-lever-bg": $switch-color-checked-lever-bg,
|
|
"unchecked-bg": $switch-color-unchecked-bg,
|
|
"unchecked-lever-bg": $switch-color-unchecked-lever-bg,
|
|
), $switch-colors);
|
|
|
|
$dropdown-colors: () !default;
|
|
$dropdown-colors: map-merge((
|
|
"primary" : $primary-color,
|
|
"danger" : $danger-color-dark,
|
|
"default" : $default-color,
|
|
"secondary": $secondary-color,
|
|
"success" : $success-color,
|
|
"info" : $info-color,
|
|
"warning" : $warning-color,
|
|
"dark" : map-get($mdb-colors, "elegant"),
|
|
"ins" : map-get($social-colors, "ins")
|
|
), $dropdown-colors); |