.theme-white { --color-50: 255 255 255; --color-100: 255 255 255; --color-200: 255 255 255; --color-300: 255 255 255; --color-400: 255 255 255; --color-500: 60 60 60; --color-600: 255 255 255; --color-700: 40 40 40; --color-800: 255 255 255; --color-900: 255 255 255; --color-logo-start: 128 128 128 / 20%; --color-logo-stop: 128 128 128 / 40%; } .theme-slate { --color-50: 248 250 252; --color-100: 241 245 249; --color-200: 226 232 240; --color-300: 203 213 225; --color-400: 148 163 184; --color-500: 100 116 139; --color-600: 71 85 105; --color-700: 51 65 85; --color-800: 30 41 59; --color-900: 15 23 42; --color-logo-start: 148 163 184; --color-logo-stop: 51 65 85; } .theme-gray { --color-50: 249 250 251; --color-100: 243 244 246; --color-200: 229 231 235; --color-300: 209 213 219; --color-400: 156 163 175; --color-500: 107 114 128; --color-600: 75 85 99; --color-700: 55 65 81; --color-800: 31 41 55; --color-900: 17 24 39; --color-logo-start: 156 163 175; --color-logo-stop: 55 65 81; } .theme-zinc { --color-50: 250 250 250; --color-100: 244 244 245; --color-200: 228 228 231; --color-300: 212 212 216; --color-400: 161 161 170; --color-500: 113 113 122; --color-600: 82 82 91; --color-700: 63 63 70; --color-800: 39 39 42; --color-900: 24 24 27; --color-logo-start: 161 161 170; --color-logo-stop: 63 63 70; } .theme-neutral { --color-50: 250 250 250; --color-100: 245 245 245; --color-200: 229 229 229; --color-300: 212 212 212; --color-400: 163 163 163; --color-500: 115 115 115; --color-600: 82 82 82; --color-700: 64 64 64; --color-800: 38 38 38; --color-900: 23 23 23; --color-logo-start: 163 163 163; --color-logo-stop: 64 64 64; } .theme-stone { --color-50: 250 250 249; --color-100: 245 245 244; --color-200: 231 229 228; --color-300: 214 211 209; --color-400: 168 162 158; --color-500: 120 113 108; --color-600: 87 83 78; --color-700: 68 64 60; --color-800: 41 37 36; --color-900: 28 25 23; --color-logo-start: 168 162 158; --color-logo-stop: 68 64 60; } .theme-red { --color-50: 254 242 242; --color-100: 254 226 226; --color-200: 254 202 202; --color-300: 252 165 165; --color-400: 248 113 113; --color-500: 239 68 68; --color-600: 220 38 38; --color-700: 185 28 28; --color-800: 153 27 27; --color-900: 127 29 29; --color-logo-start: 248 113 113; --color-logo-stop: 185 28 28; } .theme-orange { --color-50: 255 247 237; --color-100: 255 237 213; --color-200: 254 215 170; --color-300: 253 186 116; --color-400: 251 146 60; --color-500: 249 115 22; --color-600: 234 88 12; --color-700: 194 65 12; --color-800: 154 52 18; --color-900: 124 45 18; --color-logo-start: 251 146 60; --color-logo-stop: 194 65 12; } .theme-amber { --color-50: 255 251 235; --color-100: 254 243 199; --color-200: 253 230 138; --color-300: 252 211 77; --color-400: 251 191 36; --color-500: 245 158 11; --color-600: 217 119 6; --color-700: 180 83 9; --color-800: 146 64 14; --color-900: 120 53 15; --color-logo-start: 251 191 36; --color-logo-stop: 180 83 9; } .theme-yellow { --color-50: 254 252 232; --color-100: 254 249 195; --color-200: 254 240 138; --color-300: 253 224 71; --color-400: 250 204 21; --color-500: 234 179 8; --color-600: 202 138 4; --color-700: 161 98 7; --color-800: 133 77 14; --color-900: 113 63 18; --color-logo-start: 250 204 21; --color-logo-stop: 161 98 7; } .theme-lime { --color-50: 247 254 231; --color-100: 236 252 203; --color-200: 217 249 157; --color-300: 190 242 100; --color-400: 163 230 53; --color-500: 132 204 22; --color-600: 101 163 13; --color-700: 77 124 15; --color-800: 63 98 18; --color-900: 54 83 20; --color-logo-start: 163 230 53; --color-logo-stop: 77 124 15; } .theme-green { --color-50: 240 253 244; --color-100: 220 252 231; --color-200: 187 247 208; --color-300: 134 239 172; --color-400: 74 222 128; --color-500: 34 197 94; --color-600: 22 163 74; --color-700: 21 128 61; --color-800: 22 101 52; --color-900: 20 83 45; --color-logo-start: 74 222 128; --color-logo-stop: 21 128 61; } .theme-emerald { --color-50: 236 253 245; --color-100: 209 250 229; --color-200: 167 243 208; --color-300: 110 231 183; --color-400: 52 211 153; --color-500: 16 185 129; --color-600: 5 150 105; --color-700: 4 120 87; --color-800: 6 95 70; --color-900: 6 78 59; --color-logo-start: 52 211 153; --color-logo-stop: 4 120 87; } .theme-teal { --color-50: 240 253 250; --color-100: 204 251 241; --color-200: 153 246 228; --color-300: 94 234 212; --color-400: 45 212 191; --color-500: 20 184 166; --color-600: 13 148 136; --color-700: 15 118 110; --color-800: 17 94 89; --color-900: 19 78 74; --color-logo-start: 45 212 191; --color-logo-stop: 15 118 110; } .theme-cyan { --color-50: 236 254 255; --color-100: 207 250 254; --color-200: 165 243 252; --color-300: 103 232 249; --color-400: 34 211 238; --color-500: 6 182 212; --color-600: 8 145 178; --color-700: 14 116 144; --color-800: 21 94 117; --color-900: 22 78 99; --color-logo-start: 34 211 238; --color-logo-stop: 14 116 144; } .theme-sky { --color-50: 240 249 255; --color-100: 224 242 254; --color-200: 186 230 253; --color-300: 125 211 252; --color-400: 56 189 248; --color-500: 14 165 233; --color-600: 2 132 199; --color-700: 3 105 161; --color-800: 7 89 133; --color-900: 12 74 110; --color-logo-start: 56 189 248; --color-logo-stop: 3 105 161; } .theme-blue { --color-50: 239 246 255; --color-100: 219 234 254; --color-200: 191 219 254; --color-300: 147 197 253; --color-400: 96 165 250; --color-500: 59 130 246; --color-600: 37 99 235; --color-700: 29 78 216; --color-800: 30 64 175; --color-900: 30 58 138; --color-logo-start: 96 165 250; --color-logo-stop: 29 78 216; } .theme-indigo { --color-50: 238 242 255; --color-100: 224 231 255; --color-200: 199 210 254; --color-300: 165 180 252; --color-400: 129 140 248; --color-500: 99 102 241; --color-600: 79 70 229; --color-700: 67 56 202; --color-800: 55 48 163; --color-900: 49 46 129; --color-logo-start: 129 140 248; --color-logo-stop: 67 56 202; } .theme-violet { --color-50: 245 243 255; --color-100: 237 233 254; --color-200: 221 214 254; --color-300: 196 181 253; --color-400: 167 139 250; --color-500: 139 92 246; --color-600: 124 58 237; --color-700: 109 40 217; --color-800: 91 33 182; --color-900: 76 29 149; --color-logo-start: 167 139 250; --color-logo-stop: 109 40 217; } .theme-purple { --color-50: 250 245 255; --color-100: 243 232 255; --color-200: 233 213 255; --color-300: 216 180 254; --color-400: 192 132 252; --color-500: 168 85 247; --color-600: 147 51 234; --color-700: 126 34 206; --color-800: 107 33 168; --color-900: 88 28 135; --color-logo-start: 192 132 252; --color-logo-stop: 126 34 206; } .theme-fuchsia { --color-50: 253 244 255; --color-100: 250 232 255; --color-200: 245 208 254; --color-300: 240 171 252; --color-400: 232 121 249; --color-500: 217 70 239; --color-600: 192 38 211; --color-700: 162 28 175; --color-800: 134 25 143; --color-900: 112 26 117; --color-logo-start: 232 121 249; --color-logo-stop: 162 28 175; } .theme-pink { --color-50: 253 242 248; --color-100: 252 231 243; --color-200: 251 207 232; --color-300: 249 168 212; --color-400: 244 114 182; --color-500: 236 72 153; --color-600: 219 39 119; --color-700: 190 24 93; --color-800: 157 23 77; --color-900: 131 24 67; --color-logo-start: 244 114 182; --color-logo-stop: 190 24 93; } .theme-rose { --color-50: 255 241 242; --color-100: 255 228 230; --color-200: 254 205 211; --color-300: 253 164 175; --color-400: 251 113 133; --color-500: 244 63 94; --color-600: 225 29 72; --color-700: 190 18 60; --color-800: 159 18 57; --color-900: 136 19 55; --color-logo-start: 251 113 133; --color-logo-stop: 190 18 60; }