@posiwise/admin-module 0.0.3

package/assets/scss/variables/_app-colors-variables.scss

@@ -0,0 +1,760 @@
+// ================================================================================================
+//  These colors are used to defines element colors in palette
+// ================================================================================================
+//  WARNING: PLEASE MODIFY WITH CAUTION
+//  ================================================================================================
+
+$white-color: (
+    'base': rgb(255 255 255)
+);
+$black-color: (
+    'base': rgb(0 0 0)
+);
+
+//////////////////////////////////////////////////////////////////
+// Main branding colors
+// Thse are the only ones that should be used in the dashboard
+//////////////////////////////////////////////////////////////////
+
+$primary: (
+    'lighten-5': rgb(224 243 244),
+    'lighten-4': rgb(142 175 243),
+    'lighten-3': rgb(88 137 238),
+    'lighten-2': rgb(71 124 236),
+    'lighten-1': rgb(71 124 236),
+    'base': rgb(23 105 225),
+    'darken-1': rgb(21 81 207),
+    'darken-2': rgb(19 74 189),
+    'darken-3': rgb(19 74 189),
+    'darken-4': rgb(8 32 83),
+    'accent-1': rgb(161 251 255),
+    'accent-2': rgb(110 249 255),
+    'accent-3': rgb(59 247 255),
+    'accent-4': rgb(34 246 255)
+);
+$secondary: (
+    'lighten-5': rgb(226 248 240),
+    'lighten-4': rgb(182 237 216),
+    'lighten-3': rgb(134 225 191),
+    'lighten-2': rgb(85 212 165),
+    'lighten-1': rgb(48 203 145),
+    'base': rgb(69 210 146),
+    'darken-1': rgb(10 188 118),
+    'darken-2': rgb(8 180 107),
+    'darken-3': rgb(6 172 97),
+    'darken-4': rgb(3 159 78),
+    'accent-1': rgb(201 255 224),
+    'accent-2': rgb(150 255 195),
+    'accent-3': rgb(99 255 165),
+    'accent-4': rgb(74 255 150)
+);
+$default: (
+    'lighten-5': rgb(250 250 250),
+    'lighten-4': rgb(245 245 245),
+    'lighten-3': rgb(238 238 238),
+    'lighten-2': rgb(224 224 224),
+    'lighten-1': rgb(189 189 189),
+    'base': rgb(158 158 158),
+    'darken-1': rgb(117 117 117),
+    'darken-2': rgb(97 97 97),
+    'darken-3': rgb(66 66 66),
+    'darken-4': rgb(33 33 33),
+    'accent-1': rgb(245 245 245),
+    'accent-2': rgb(238 238 238),
+    'accent-3': rgb(189 189 189),
+    'accent-4': rgb(97 97 97)
+);
+$warning: (
+    'lighten-5': rgb(255 241 236),
+    'lighten-4': rgb(255 221 207),
+    'lighten-3': rgb(255 198 176),
+    'lighten-2': rgb(255 175 144),
+    'lighten-1': rgb(255 158 120),
+    'base': rgb(251 171 0),
+    'darken-1': rgb(255 133 88),
+    'darken-2': rgb(255 122 78),
+    'darken-3': rgb(255 112 68),
+    'darken-4': rgb(255 93 51),
+    'accent-1': rgb(255 255 255),
+    'accent-2': rgb(255 239 236),
+    'accent-3': rgb(255 228 222),
+    'accent-4': rgb(255 207 196)
+);
+$danger: (
+    'lighten-5': rgb(255 235 237),
+    'lighten-4': rgb(255 205 211),
+    'lighten-3': rgb(255 172 181),
+    'lighten-2': rgb(255 138 151),
+    'lighten-1': rgb(255 113 129),
+    'base': rgb(255 88 107),
+    'darken-1': rgb(255 80 99),
+    'darken-2': rgb(255 71 88),
+    'darken-3': rgb(255 61 78),
+    'darken-4': rgb(255 45 60),
+    'accent-1': rgb(255 255 255),
+    'accent-2': rgb(251 235 237),
+    'accent-3': rgb(255 217 219),
+    'accent-4': rgb(255 191 195)
+);
+$info: (
+    'lighten-5': rgb(228 247 250),
+    'lighten-4': rgb(187 235 243),
+    'lighten-3': rgb(142 222 236),
+    'lighten-2': rgb(96 208 228),
+    'lighten-1': rgb(62 198 222),
+    'base': rgb(28 188 216),
+    'darken-1': rgb(25 182 212),
+    'darken-2': rgb(20 173 206),
+    'darken-3': rgb(17 165 200),
+    'darken-4': rgb(9 151 191),
+    'accent-1': rgb(234 250 255),
+    'accent-2': rgb(183 237 255),
+    'accent-3': rgb(132 225 255),
+    'accent-4': rgb(106 218 255)
+);
+
+//////////////////////////////////////////////////////////////////
+// End of main branding colors
+//////////////////////////////////////////////////////////////////
+
+$success: (
+    'lighten-5': rgb(226 248 240),
+    'lighten-4': rgb(182 237 216),
+    'lighten-3': rgb(134 225 191),
+    'lighten-2': rgb(85 212 165),
+    'lighten-1': rgb(48 203 145),
+    'base': rgb(69 210 146),
+    'darken-1': rgb(10 188 118),
+    'darken-2': rgb(8 180 107),
+    'darken-3': rgb(6 172 97),
+    'darken-4': rgb(3 159 78),
+    'accent-1': rgb(201 255 224),
+    'accent-2': rgb(150 255 195),
+    'accent-3': rgb(99 255 165),
+    'accent-4': rgb(74 255 150)
+);
+$warning: (
+    'lighten-5': rgb(255 241 236),
+    'lighten-4': rgb(255 221 207),
+    'lighten-3': rgb(255 198 176),
+    'lighten-2': rgb(255 175 144),
+    'lighten-1': rgb(255 158 120),
+    'base': rgb(251 171 0),
+    'darken-1': rgb(255 133 88),
+    'darken-2': rgb(255 122 78),
+    'darken-3': rgb(255 112 68),
+    'darken-4': rgb(255 93 51),
+    'accent-1': rgb(255 255 255),
+    'accent-2': rgb(255 239 236),
+    'accent-3': rgb(255 228 222),
+    'accent-4': rgb(255 207 196)
+);
+$red-color: (
+    'lighten-5': rgb(255 235 238),
+    'lighten-4': rgb(255 205 210),
+    'lighten-3': rgb(239 154 154),
+    'lighten-2': rgb(229 115 115),
+    'lighten-1': rgb(239 83 80),
+    'base': rgb(244 67 54),
+    'darken-1': rgb(229 57 53),
+    'darken-2': rgb(211 47 47),
+    'darken-3': rgb(198 40 40),
+    'darken-4': rgb(183 28 28),
+    'accent-1': rgb(255 138 128),
+    'accent-2': rgb(255 82 82),
+    'accent-3': rgb(255 23 68),
+    'accent-4': rgb(213 0 0)
+);
+$pink: (
+    'lighten-5': rgb(252 228 236),
+    'lighten-4': rgb(248 187 208),
+    'lighten-3': rgb(244 143 177),
+    'lighten-2': rgb(240 98 146),
+    'lighten-1': rgb(236 64 122),
+    'base': rgb(233 30 99),
+    'darken-1': rgb(216 27 96),
+    'darken-2': rgb(194 24 91),
+    'darken-3': rgb(173 20 87),
+    'darken-4': rgb(136 14 79),
+    'accent-1': rgb(255 128 171),
+    'accent-2': rgb(255 64 129),
+    'accent-3': rgb(245 0 87),
+    'accent-4': rgb(197 17 98)
+);
+$purple: (
+    'lighten-5': rgb(243 229 245),
+    'lighten-4': rgb(225 190 231),
+    'lighten-3': rgb(206 147 216),
+    'lighten-2': rgb(186 104 200),
+    'lighten-1': rgb(171 71 188),
+    'base': rgb(156 39 176),
+    'darken-1': rgb(142 36 170),
+    'darken-2': rgb(123 31 162),
+    'darken-3': rgb(106 27 154),
+    'darken-4': rgb(74 20 140),
+    'accent-1': rgb(234 128 252),
+    'accent-2': rgb(224 64 251),
+    'accent-3': rgb(213 0 249),
+    'accent-4': rgb(170 0 255)
+);
+$deep-purple: (
+    'lighten-5': rgb(237 231 246),
+    'lighten-4': rgb(209 196 233),
+    'lighten-3': rgb(179 157 219),
+    'lighten-2': rgb(149 117 205),
+    'lighten-1': rgb(126 87 194),
+    'base': rgb(103 58 183),
+    'darken-1': rgb(94 53 177),
+    'darken-2': rgb(81 45 168),
+    'darken-3': rgb(69 39 160),
+    'darken-4': rgb(49 27 146),
+    'accent-1': rgb(179 136 255),
+    'accent-2': rgb(124 77 255),
+    'accent-3': rgb(101 31 255),
+    'accent-4': rgb(98 0 234)
+);
+$indigo: (
+    'lighten-5': rgb(232 234 246),
+    'lighten-4': rgb(197 202 233),
+    'lighten-3': rgb(159 168 218),
+    'lighten-2': rgb(121 134 203),
+    'lighten-1': rgb(92 107 192),
+    'base': rgb(63 81 181),
+    'darken-1': rgb(57 73 171),
+    'darken-2': rgb(48 63 159),
+    'darken-3': rgb(40 53 147),
+    'darken-4': rgb(26 35 126),
+    'accent-1': rgb(140 158 255),
+    'accent-2': rgb(83 109 254),
+    'accent-3': rgb(61 90 254),
+    'accent-4': rgb(48 79 254)
+);
+$blue: (
+    'lighten-5': rgb(227 242 253),
+    'lighten-4': rgb(187 222 251),
+    'lighten-3': rgb(144 202 249),
+    'lighten-2': rgb(100 181 246),
+    'lighten-1': rgb(66 165 245),
+    'base': rgb(33 150 243),
+    'darken-1': rgb(30 136 229),
+    'darken-2': rgb(25 118 210),
+    'darken-3': rgb(21 101 192),
+    'darken-4': rgb(13 71 161),
+    'accent-1': rgb(130 177 255),
+    'accent-2': rgb(68 138 255),
+    'accent-3': rgb(41 121 255),
+    'accent-4': rgb(41 98 255)
+);
+$light-blue: (
+    'lighten-5': rgb(225 245 254),
+    'lighten-4': rgb(179 229 252),
+    'lighten-3': rgb(129 212 250),
+    'lighten-2': rgb(79 195 247),
+    'lighten-1': rgb(41 182 246),
+    'base': rgb(3 169 244),
+    'darken-1': rgb(3 155 229),
+    'darken-2': rgb(2 136 209),
+    'darken-3': rgb(2 119 189),
+    'darken-4': rgb(1 87 155),
+    'accent-1': rgb(128 216 255),
+    'accent-2': rgb(64 196 255),
+    'accent-3': rgb(0 176 255),
+    'accent-4': rgb(0 145 234)
+);
+$cyan: (
+    'lighten-5': rgb(224 247 250),
+    'lighten-4': rgb(178 235 242),
+    'lighten-3': rgb(128 222 234),
+    'lighten-2': rgb(77 208 225),
+    'lighten-1': rgb(38 198 218),
+    'base': rgb(0 188 212),
+    'darken-1': rgb(0 172 193),
+    'darken-2': rgb(0 151 167),
+    'darken-3': rgb(0 131 143),
+    'darken-4': rgb(0 96 100),
+    'accent-1': rgb(132 255 255),
+    'accent-2': rgb(24 255 255),
+    'accent-3': rgb(0 229 255),
+    'accent-4': rgb(0 184 212)
+);
+$teal: (
+    'lighten-5': rgb(224 242 241),
+    'lighten-4': rgb(178 223 219),
+    'lighten-3': rgb(128 203 196),
+    'lighten-2': rgb(77 182 172),
+    'lighten-1': rgb(38 166 154),
+    'base': rgb(0 150 136),
+    'darken-1': rgb(0 137 123),
+    'darken-2': rgb(0 121 107),
+    'darken-3': rgb(0 105 92),
+    'darken-4': rgb(0 77 64),
+    'accent-1': rgb(167 255 235),
+    'accent-2': rgb(100 255 218),
+    'accent-3': rgb(29 233 182),
+    'accent-4': rgb(0 191 165)
+);
+$green: (
+    'lighten-5': rgb(232 245 233),
+    'lighten-4': rgb(200 230 201),
+    'lighten-3': rgb(165 214 167),
+    'lighten-2': rgb(129 199 132),
+    'lighten-1': rgb(102 187 106),
+    'base': rgb(76 175 80),
+    'darken-1': rgb(67 160 71),
+    'darken-2': rgb(56 142 60),
+    'darken-3': rgb(46 125 50),
+    'darken-4': rgb(27 94 32),
+    'accent-1': rgb(185 246 202),
+    'accent-2': rgb(105 240 174),
+    'accent-3': rgb(0 230 118),
+    'accent-4': rgb(0 200 83)
+);
+$light-green: (
+    'lighten-5': rgb(241 248 233),
+    'lighten-4': rgb(220 237 200),
+    'lighten-3': rgb(197 225 165),
+    'lighten-2': rgb(174 213 129),
+    'lighten-1': rgb(156 204 101),
+    'base': rgb(139 195 74),
+    'darken-1': rgb(124 179 66),
+    'darken-2': rgb(104 159 56),
+    'darken-3': rgb(85 139 47),
+    'darken-4': rgb(51 105 30),
+    'accent-1': rgb(204 255 144),
+    'accent-2': rgb(178 255 89),
+    'accent-3': rgb(118 255 3),
+    'accent-4': rgb(100 221 23)
+);
+$lime: (
+    'lighten-5': rgb(249 251 231),
+    'lighten-4': rgb(240 244 195),
+    'lighten-3': rgb(230 238 156),
+    'lighten-2': rgb(220 231 117),
+    'lighten-1': rgb(212 225 87),
+    'base': rgb(205 220 57),
+    'darken-1': rgb(192 202 51),
+    'darken-2': rgb(175 180 43),
+    'darken-3': rgb(158 157 36),
+    'darken-4': rgb(130 119 23),
+    'accent-1': rgb(244 255 129),
+    'accent-2': rgb(238 255 65),
+    'accent-3': rgb(198 255 0),
+    'accent-4': rgb(174 234 0)
+);
+$yellow: (
+    'lighten-5': rgb(255 253 231),
+    'lighten-4': rgb(255 249 196),
+    'lighten-3': rgb(255 245 157),
+    'lighten-2': rgb(255 241 118),
+    'lighten-1': rgb(255 238 88),
+    'base': rgb(255 235 59),
+    'darken-1': rgb(253 216 53),
+    'darken-2': rgb(251 192 45),
+    'darken-3': rgb(249 168 37),
+    'darken-4': rgb(245 127 23),
+    'accent-1': rgb(255 255 141),
+    'accent-2': rgb(255 255 0),
+    'accent-3': rgb(255 234 0),
+    'accent-4': rgb(255 214 0)
+);
+$amber: (
+    'lighten-5': rgb(255 248 225),
+    'lighten-4': rgb(255 236 179),
+    'lighten-3': rgb(255 224 130),
+    'lighten-2': rgb(255 213 79),
+    'lighten-1': rgb(255 202 40),
+    'base': rgb(255 193 7),
+    'darken-1': rgb(255 179 0),
+    'darken-2': rgb(255 160 0),
+    'darken-3': rgb(255 143 0),
+    'darken-4': rgb(255 111 0),
+    'accent-1': rgb(255 229 127),
+    'accent-2': rgb(255 215 64),
+    'accent-3': rgb(255 196 0),
+    'accent-4': rgb(255 171 0)
+);
+$orange: (
+    'lighten-5': rgb(255 243 224),
+    'lighten-4': rgb(255 224 178),
+    'lighten-3': rgb(255 204 128),
+    'lighten-2': rgb(255 183 77),
+    'lighten-1': rgb(255 167 38),
+    'base': rgb(255 152 0),
+    'darken-1': rgb(251 140 0),
+    'darken-2': rgb(245 124 0),
+    'darken-3': rgb(239 108 0),
+    'darken-4': rgb(230 81 0),
+    'accent-1': rgb(255 209 128),
+    'accent-2': rgb(255 171 64),
+    'accent-3': rgb(255 145 0),
+    'accent-4': rgb(255 109 0)
+);
+$deep-orange: (
+    'lighten-5': rgb(251 233 231),
+    'lighten-4': rgb(255 204 188),
+    'lighten-3': rgb(255 171 145),
+    'lighten-2': rgb(255 138 101),
+    'lighten-1': rgb(255 112 67),
+    'base': rgb(255 87 34),
+    'darken-1': rgb(244 81 30),
+    'darken-2': rgb(230 74 25),
+    'darken-3': rgb(216 67 21),
+    'darken-4': rgb(191 54 12),
+    'accent-1': rgb(255 158 128),
+    'accent-2': rgb(255 110 64),
+    'accent-3': rgb(255 61 0),
+    'accent-4': rgb(221 44 0)
+);
+$brown: (
+    'lighten-5': rgb(239 235 233),
+    'lighten-4': rgb(215 204 200),
+    'lighten-3': rgb(188 170 164),
+    'lighten-2': rgb(161 136 127),
+    'lighten-1': rgb(141 110 99),
+    'base': rgb(121 85 72),
+    'darken-1': rgb(109 76 65),
+    'darken-2': rgb(93 64 55),
+    'darken-3': rgb(78 52 46),
+    'darken-4': rgb(62 39 35),
+    'accent-1': rgb(215 204 200),
+    'accent-2': rgb(188 170 164),
+    'accent-3': rgb(141 110 99),
+    'accent-4': rgb(93 64 55)
+);
+$grey: (
+    'lighten-5': rgb(250 250 250),
+    'lighten-4': rgb(245 245 245),
+    'lighten-3': rgb(238 238 238),
+    'lighten-2': rgb(224 224 224),
+    'lighten-1': rgb(189 189 189),
+    'base': rgb(158 158 158),
+    'darken-1': rgb(117 117 117),
+    'darken-2': rgb(97 97 97),
+    'darken-3': rgb(66 66 66),
+    'darken-4': rgb(33 33 33),
+    'accent-1': rgb(245 245 245),
+    'accent-2': rgb(238 238 238),
+    'accent-3': rgb(189 189 189),
+    'accent-4': rgb(97 97 97)
+);
+$blue-grey: (
+    'lighten-5': rgb(236 239 241),
+    'lighten-4': rgb(207 216 220),
+    'lighten-3': rgb(176 190 197),
+    'lighten-2': rgb(144 164 174),
+    'lighten-1': rgb(120 144 156),
+    'base': rgb(96 125 139),
+    'darken-1': rgb(84 110 122),
+    'darken-2': rgb(69 90 100),
+    'darken-3': rgb(55 71 79),
+    'darken-4': rgb(38 50 56),
+    'accent-1': rgb(207 216 220),
+    'accent-2': rgb(176 190 197),
+    'accent-3': rgb(120 144 156),
+    'accent-4': rgb(69 90 100)
+);
+$shades: (
+    'black': rgb(0 0 0),
+    'white': rgb(255 255 255),
+    'transparent': transparent
+);
+
+// Color Maps
+$colors: (
+    'white': $white-color,
+    'black': $black-color,
+    'primary': $primary,
+    'secondary': $secondary,
+    'default': $default,
+    'danger': $danger,
+    'info': $info,
+    'warning': $warning,
+    'success': $success,
+    'red': $red-color,
+    '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,
+    'grey': $grey,
+    'blue-grey': $blue-grey
+);
+
+// Map variable
+$gradient-colors: (
+    gradient-indigo-light-blue: (
+        'start-color': map-get($indigo, lighten-4),
+        'end-color': map-get($light-blue, lighten-4)
+    ),
+    gradient-light-blue-indigo: (
+        'start-color': map-get($light-blue, lighten-4),
+        'end-color': map-get($indigo, lighten-3)
+    ),
+    gradient-yellow-green: (
+        'start-color': map-get($yellow, accent-1),
+        'end-color': map-get($green, accent-1)
+    ),
+    gradient-orange-deep-orange: (
+        'start-color': map-get($orange, lighten-4),
+        'end-color': map-get($deep-orange, lighten-4)
+    ),
+    gradient-deep-purple-purple: (
+        'start-color': map-get($deep-purple, lighten-4),
+        'end-color': map-get($purple, lighten-5)
+    ),
+    gradient-red-pink: (
+        'start-color': map-get($red-color, accent-2),
+        'end-color': map-get($pink, lighten-3)
+    ),
+    gradient-light-green-amber: (
+        'start-color': map-get($light-green, lighten-3),
+        'end-color': map-get($amber, lighten-5)
+    ),
+    gradient-amber-amber: (
+        'start-color': map-get($amber, darken-4),
+        'end-color': map-get($amber, lighten-1)
+    ),
+    gradient-purple-pink: (
+        'start-color': map-get($purple, accent-1),
+        'end-color': map-get($pink, lighten-5)
+    ),
+    gradient-indigo-dark-blue: (
+        'start-color': map-get($indigo, darken-1),
+        'end-color': map-get($light-blue, lighten-2)
+    ),
+    gradient-teal-cyan: (
+        'start-color': map-get($teal, lighten-5),
+        'end-color': map-get($cyan, accent-3)
+    ),
+    gradient-blue-grey-blue-grey: (
+        'start-color': map-get($blue-grey, lighten-4),
+        'end-color': map-get($blue-grey, darken-1)
+    ),
+    gradient-cyan-dark-green: (
+        'start-color': map-get($cyan, darken-2),
+        'end-color': map-get($light-green, accent-2)
+    ),
+    gradient-orange-amber: (
+        'start-color': map-get($orange, darken-4),
+        'end-color': map-get($amber, darken-2)
+    ),
+    gradient-indigo-blue: (
+        'start-color': map-get($indigo, darken-2),
+        'end-color': map-get($blue, darken-2)
+    ),
+    gradient-brown-brown: (
+        'start-color': map-get($brown, darken-1),
+        'end-color': map-get($brown, lighten-4)
+    ),
+    gradient-blue-grey-blue: (
+        'start-color': map-get($blue-grey, darken-4),
+        'end-color': map-get($blue, accent-3)
+    ),
+    gradient-purple-deep-orange: (
+        'start-color': map-get($purple, darken-1),
+        'end-color': map-get($deep-orange, accent-2)
+    ),
+    gradient-green-teal: (
+        'start-color': map-get($green, darken-1),
+        'end-color': map-get($teal, accent-3)
+    ),
+    gradient-purple-light-blue: (
+        'start-color': map-get($purple, accent-2),
+        'end-color': map-get($light-blue, lighten-2)
+    ),
+    gradient-cyan-cyan: (
+        'start-color': map-get($cyan, accent-2),
+        'end-color': map-get($cyan, accent-3)
+    ),
+    gradient-yellow-teal: (
+        'start-color': map-get($yellow, lighten-4),
+        'end-color': map-get($teal, accent-2)
+    ),
+    gradient-purple-deep-purple: (
+        'start-color': map-get($purple, darken-2),
+        'end-color': map-get($deep-purple, accent-2)
+    ),
+    gradient-cyan-light-green: (
+        'start-color': map-get($cyan, accent-3),
+        'end-color': map-get($light-green, accent-1)
+    ),
+    gradient-purple-amber: (
+        'start-color': map-get($purple, accent-3),
+        'end-color': map-get($amber, darken-2)
+    ),
+    gradient-indigo-purple: (
+        'start-color': map-get($indigo, darken-2),
+        'end-color': map-get($purple, darken-2)
+    ),
+    gradient-deep-purple-blue: (
+        'start-color': map-get($deep-purple, accent-4),
+        'end-color': map-get($blue, darken-2)
+    ),
+    gradient-deep-orange-orange: (
+        'start-color': map-get($deep-orange, darken-4),
+        'end-color': map-get($orange, darken-2)
+    ),
+    gradient-light-blue-cyan: (
+        'start-color': map-get($light-blue, darken-2),
+        'end-color': map-get($cyan, lighten-1)
+    ),
+    gradient-blue-indigo: (
+        'start-color': map-get($blue, accent-4),
+        'end-color': map-get($indigo, darken-1)
+    ),
+    gradient-strawberry: (
+        'start-color': rgb(254 11 70),
+        'end-color': rgb(255 171 150)
+    ),
+    gradient-blueberry: (
+        'start-color': rgb(96 120 234),
+        'end-color': rgb(23 234 217)
+    ),
+    gradient-mint: (
+        'start-color': rgb(35 188 187),
+        'end-color': rgb(69 233 148)
+    ),
+    gradient-orange: (
+        'start-color': rgb(196 113 243),
+        'end-color': rgb(246 113 205)
+    ),
+    gradient-pomegranate: (
+        'start-color': rgb(155 60 183),
+        'end-color': rgb(255 57 111)
+    ),
+    gradient-green-tea: (
+        'start-color': rgb(0 75 145),
+        'end-color': rgb(120 204 55)
+    ),
+    gradient-blackberry: (
+        'start-color': rgb(132 60 247),
+        'end-color': rgb(56 184 242)
+    ),
+    gradient-plum: (
+        'start-color': rgb(227 92 103),
+        'end-color': rgb(56 28 226)
+    ),
+    gradient-passion-fruit: (
+        'start-color': rgb(129 55 247),
+        'end-color': rgb(246 171 62)
+    ),
+    gradient-sublime-vivid: (
+        'start-color': rgb(252 70 107),
+        'end-color': rgb(63 94 251)
+    ),
+    gradient-king-yna: (
+        'start-color': rgb(26 42 108),
+        'end-color': rgb(178 31 31)
+    ),
+    gradient-summer: (
+        'start-color': rgb(34 193 195),
+        'end-color': rgb(253 187 45)
+    ),
+    gradient-crystal-clear: (
+        'start-color': rgb(21 153 87),
+        'end-color': rgb(21 87 153)
+    ),
+    gradient-celestial: (
+        'start-color': rgb(195 55 100),
+        'end-color': rgb(29 38 113)
+    ),
+    gradient-mini: (
+        'start-color': rgb(48 232 191),
+        'end-color': rgb(255 130 53)
+    ),
+    gradient-ibiza-sunset: (
+        'start-color': rgb(238 9 121),
+        'end-color': rgb(255 106 0)
+    ),
+    gradient-dawn: (
+        'start-color': rgb(243 144 79),
+        'end-color': rgb(59 67 113)
+    ),
+    gradient-brady-brady-fun-fun: (
+        'start-color': rgb(0 195 255),
+        'end-color': rgb(255 255 28)
+    ),
+    gradient-cosmic-fusion: (
+        'start-color': rgb(255 0 204),
+        'end-color': rgb(51 51 153)
+    ),
+    gradient-nepal: (
+        'start-color': rgb(222 97 97),
+        'end-color': rgb(38 87 235)
+    ),
+    gradient-love-couple: (
+        'start-color': rgb(58 97 134),
+        'end-color': rgb(137 37 62)
+    ),
+    gradient-sunset: (
+        'start-color': rgb(11 72 107),
+        'end-color': rgb(245 98 23)
+    ),
+    gradient-grapefruit-sunset: (
+        'start-color': rgb(233 100 67),
+        'end-color': rgb(144 78 149)
+    ),
+    gradient-politics: (
+        'start-color': rgb(33 150 243),
+        'end-color': rgb(244 67 54)
+    ),
+    gradient-red-ocean: (
+        'start-color': rgb(29 67 80),
+        'end-color': rgb(164 57 49)
+    ),
+    gradient-back-to-earth: (
+        'start-color': rgb(32 202 228),
+        'end-color': rgb(28 229 183)
+    ),
+    gradient-flickr: (
+        'start-color': rgb(51 0 27),
+        'end-color': rgb(255 0 132)
+    ),
+    gradient-virgin-america: (
+        'start-color': rgb(123 67 151),
+        'end-color': rgb(220 36 48)
+    ),
+    gradient-purple-bliss: (
+        'start-color': rgb(54 0 51),
+        'end-color': rgb(11 135 147)
+    ),
+    gradient-man-of-steel: (
+        'start-color': rgb(120 2 6),
+        'end-color': rgb(6 17 97)
+    ),
+    gradient-custom-branding: (
+        'start-color': rgb(0 48 63),
+        'end-color': rgb(0 48 63)
+    ),
+    gradient-shdow-night: (
+        'start-color': rgb(0 0 0),
+        'end-color': rgb(83 52 109)
+    ),
+    gradient-dracula: (
+        'start-color': rgb(220 36 36),
+        'end-color': rgb(74 86 157)
+    ),
+    gradient-bloody-mary: (
+        'start-color': rgb(255 81 47),
+        'end-color': rgb(221 36 118)
+    ),
+    gradient-harmonic-energy: (
+        'start-color': rgb(22 160 133),
+        'end-color': rgb(244 208 63)
+    ),
+    gradient-purple-love: (
+        'start-color': rgb(204 43 94),
+        'end-color': rgb(117 58 136)
+    )
+);