|
| 1 | +/* |
| 2 | + Light theme |
| 3 | +*/ |
| 4 | +:root { |
| 5 | + /* grey colors */ |
| 6 | + --grey1: #ffffff; |
| 7 | + --grey2: #f9f8f9; |
| 8 | + --grey3: #f4f2f4; |
| 9 | + --grey4: #eeedef; |
| 10 | + --grey5: #e9e8ea; |
| 11 | + --grey6: #e4e2e4; |
| 12 | + --grey7: #dcdbdd; |
| 13 | + --grey8: #c8c7cb; |
| 14 | + --grey9: #908e96; |
| 15 | + --grey10: #86848d; |
| 16 | + --grey11: #6f6e77; |
| 17 | + --grey12: #1a1523; |
| 18 | + |
| 19 | + /* red colors */ |
| 20 | + --red1: #FFFCFC; |
| 21 | + --red2: #FFF8F8; |
| 22 | + --red3: #FFEFEF; |
| 23 | + --red4: #FFE5E5; |
| 24 | + --red5: #FDD8D8; |
| 25 | + --red6: #F9C6C6; |
| 26 | + --red7: #F3AEAF; |
| 27 | + --red8: #EB9091; |
| 28 | + --red9: #E5484D; |
| 29 | + --red10: #DC3D43; |
| 30 | + --red11: #CD2B31; |
| 31 | + --red12: #381316; |
| 32 | + |
| 33 | + /* crimson colors */ |
| 34 | + --crimson1: #FFFCFD; |
| 35 | + --crimson2: #FFF7FB; |
| 36 | + --crimson3: #FEEFF6; |
| 37 | + --crimson4: #FCE5F0; |
| 38 | + --crimson5: #F9D8E7; |
| 39 | + --crimson6: #F4C6DB; |
| 40 | + --crimson7: #EDADC8; |
| 41 | + --crimson8: #E58FB1; |
| 42 | + --crimson9: #E93D82; |
| 43 | + --crimson10: #E93D82; |
| 44 | + --crimson11: #D31E66; |
| 45 | + --crimson12: #3D0D1D; |
| 46 | + |
| 47 | + /* purple colors */ |
| 48 | + --purple1: #FEFCFE; |
| 49 | + --purple2: #FDFAFF; |
| 50 | + --purple3: #F9F1FE; |
| 51 | + --purple4: #F3E7FC; |
| 52 | + --purple5: #EDDBF9; |
| 53 | + --purple6: #E3CCF4; |
| 54 | + --purple7: #D3B4ED; |
| 55 | + --purple8: #BE93E4; |
| 56 | + --purple9: #8E4EC6; |
| 57 | + --purple10: #8445BC; |
| 58 | + --purple11: #793AAF; |
| 59 | + --purple12: #2B0E44; |
| 60 | + |
| 61 | + /* indigo colors */ |
| 62 | + --indigo1: #FDFDFE; |
| 63 | + --indigo2: #F8FAFF; |
| 64 | + --indigo3: #F0F4FF; |
| 65 | + --indigo4: #D9E2FC; |
| 66 | + --indigo5: #D9E2FC; |
| 67 | + --indigo6: #C6D4F9; |
| 68 | + --indigo7: #AEC0F5; |
| 69 | + --indigo8: #8DA4EF; |
| 70 | + --indigo9: #3E63DD; |
| 71 | + --indigo10: #3A5CCC; |
| 72 | + --indigo11: #3451B2; |
| 73 | + --indigo12: #101D46; |
| 74 | + |
| 75 | + /* sky colors */ |
| 76 | + --sky1: #F9FEFF; |
| 77 | + --sky2: #F1FCFF; |
| 78 | + --sky3: #E4F9FF; |
| 79 | + --sky4: #D5F4FD; |
| 80 | + --sky5: #D5F4FD; |
| 81 | + --sky6: #A4DFF1; |
| 82 | + --sky7: #79CFEA; |
| 83 | + --sky8: #2EBDE5; |
| 84 | + --sky9: #68DDFD; |
| 85 | + --sky10: #5FD4F4; |
| 86 | + --sky11: #0078A1; |
| 87 | + --sky12: #003242; |
| 88 | + |
| 89 | + /* mint colors */ |
| 90 | + --mint1: #F9FEFD; |
| 91 | + --mint2: #EFFEFA; |
| 92 | + --mint3: #E1FBF4; |
| 93 | + --mint4: #D2F7ED; |
| 94 | + --mint5: #C0EFE3; |
| 95 | + --mint6: #A5E4D4; |
| 96 | + --mint7: #7DD4C0; |
| 97 | + --mint8: #40C4AA; |
| 98 | + --mint9: #70E1C8; |
| 99 | + --mint10: #69D9C1; |
| 100 | + --mint11: #147D6F; |
| 101 | + --mint12: #09342E; |
| 102 | + |
| 103 | + /* grass colors */ |
| 104 | + --grass1: #FBFEFB; |
| 105 | + --grass2: #F3FCF3; |
| 106 | + --grass3: #EBF9EB; |
| 107 | + --grass4: #DFF3DF; |
| 108 | + --grass5: #CEEBCF; |
| 109 | + --grass6: #B7DFBA; |
| 110 | + --grass7: #B7DFBA; |
| 111 | + --grass8: #65BA75; |
| 112 | + --grass9: #46A758; |
| 113 | + --grass10: #3D9A50; |
| 114 | + --grass11: #297C3B; |
| 115 | + --grass12: #297C3B; |
| 116 | + |
| 117 | + /* lime colors */ |
| 118 | + --lime1: #FCFDFA; |
| 119 | + --lime2: #F7FCF0; |
| 120 | + --lime3: #EEFADC; |
| 121 | + --lime4: #E4F7C7; |
| 122 | + --lime5: #D7F2B0; |
| 123 | + --lime6: #C9E894; |
| 124 | + --lime7: #C9E894; |
| 125 | + --lime8: #94BA2C; |
| 126 | + --lime9: #99D52A; |
| 127 | + --lime10: #93C926; |
| 128 | + --lime11: #5D770D; |
| 129 | + --lime12: #263209; |
| 130 | + |
| 131 | + /* yellow colors */ |
| 132 | + --yellow1: #FDFDF9; |
| 133 | + --yellow2: #FFFCE8; |
| 134 | + --yellow3: #FFFBD1; |
| 135 | + --yellow4: #FFF8BB; |
| 136 | + --yellow5: #FEF2A4; |
| 137 | + --yellow6: #F9E68C; |
| 138 | + --yellow7: #EFD36C; |
| 139 | + --yellow8: #EBBC00; |
| 140 | + --yellow9: #F5D90A; |
| 141 | + --yellow10: #F7CE00; |
| 142 | + --yellow11: #946800; |
| 143 | + --yellow12: #946800; |
| 144 | + |
| 145 | + /* orange colors */ |
| 146 | + --orange1: #FEFCFB; |
| 147 | + --orange2: #FEF8F4; |
| 148 | + --orange3: #FFF1E7; |
| 149 | + --orange4: #FFE8D7; |
| 150 | + --orange5: #FFDCC3; |
| 151 | + --orange6: #FFCCA7; |
| 152 | + --orange7: #FFB381; |
| 153 | + --orange8: #FA934E; |
| 154 | + --orange9: #F76808; |
| 155 | + --orange10: #ED5F00; |
| 156 | + --orange11: #BD4B00; |
| 157 | + --orange12: #451E11; |
| 158 | +} |
| 159 | + |
| 160 | +/* |
| 161 | + Light theme |
| 162 | +*/ |
| 163 | +:root.theme-dark { |
| 164 | + |
| 165 | + --dark-grey1: #161618; |
| 166 | + --dark-grey2: #1C1C1F; |
| 167 | + --dark-grey3: #232326; |
| 168 | + --dark-grey4: #28282C; |
| 169 | + --dark-grey5: #2E2E32; |
| 170 | + --dark-grey6: #34343A; |
| 171 | + --dark-grey7: #3E3E44; |
| 172 | + --dark-grey8: #504F57; |
| 173 | + --dark-grey9: #706F78; |
| 174 | + --dark-grey10: #7E7D86; |
| 175 | + --dark-grey11: #A09FA6; |
| 176 | + --dark-grey12: #EDEDEF; |
| 177 | + |
| 178 | + /* red colors */ |
| 179 | + --dark-red1: #1F1315; |
| 180 | + --dark-red2: #291415; |
| 181 | + --dark-red3: #3C181A; |
| 182 | + --dark-red4: #481A1D; |
| 183 | + --dark-red5: #541B1F; |
| 184 | + --dark-red6: #671E22; |
| 185 | + --dark-red7: #822025; |
| 186 | + --dark-red8: #AA2429; |
| 187 | + --dark-red9: #E5484D; |
| 188 | + --dark-red10: #F2555A; |
| 189 | + --dark-red11: #FF6369; |
| 190 | + --dark-red12: #FEECEE; |
| 191 | + |
| 192 | + /* crimson colors */ |
| 193 | + --dark-crimson1: #1D1418; |
| 194 | + --dark-crimson2: #27141C; |
| 195 | + --dark-crimson3: #3C1827; |
| 196 | + --dark-crimson4: #481A2D; |
| 197 | + --dark-crimson5: #541B33; |
| 198 | + --dark-crimson6: #641D3B; |
| 199 | + --dark-crimson7: #801D45; |
| 200 | + --dark-crimson8: #AE1955; |
| 201 | + --dark-crimson9: #E93D82; |
| 202 | + --dark-crimson10: #F04F88; |
| 203 | + --dark-crimson11: #F76190; |
| 204 | + --dark-crimson12: #FEECF4; |
| 205 | + |
| 206 | + /* purple colors */ |
| 207 | + --dark-purple1: #1B141D; |
| 208 | + --dark-purple2: #221527; |
| 209 | + --dark-purple3: #301A3A; |
| 210 | + --dark-purple4: #3A1E48; |
| 211 | + --dark-purple5: #432155; |
| 212 | + --dark-purple6: #4E2667; |
| 213 | + --dark-purple7: #5F2D84; |
| 214 | + --dark-purple8: #7938B2; |
| 215 | + --dark-purple9: #8E4EC6; |
| 216 | + --dark-purple10: #9D5BD2; |
| 217 | + --dark-purple11: #BF7AF0; |
| 218 | + --dark-purple12: #F7ECFC; |
| 219 | + |
| 220 | + /* indigo colors */ |
| 221 | + --dark-indigo1: #131620; |
| 222 | + --dark-indigo2: #15192D; |
| 223 | + --dark-indigo3: #192140; |
| 224 | + --dark-indigo4: #1C274F; |
| 225 | + --dark-indigo5: #1F2C5C; |
| 226 | + --dark-indigo6: #22346E; |
| 227 | + --dark-indigo7: #273E89; |
| 228 | + --dark-indigo8: #2F4EB2; |
| 229 | + --dark-indigo9: #3E63DD; |
| 230 | + --dark-indigo10: #5373E7; |
| 231 | + --dark-indigo11: #849DFF; |
| 232 | + --dark-indigo12: #EEF1FD; |
| 233 | + |
| 234 | + /* sky colors */ |
| 235 | + --dark-sky1: #0C1820; |
| 236 | + --dark-sky2: #071D2A; |
| 237 | + --dark-sky3: #082636; |
| 238 | + --dark-sky4: #082D41; |
| 239 | + --dark-sky5: #08354C; |
| 240 | + --dark-sky6: #083E59; |
| 241 | + --dark-sky7: #064B6B; |
| 242 | + --dark-sky8: #005D85; |
| 243 | + --dark-sky9: #68DDFD; |
| 244 | + --dark-sky10: #8AE8FF; |
| 245 | + --dark-sky11: #8AE8FF; |
| 246 | + --dark-sky12: #EAF8FF; |
| 247 | + |
| 248 | + /* mint colors */ |
| 249 | + --dark-mint1: #081917; |
| 250 | + --dark-mint2: #05201E; |
| 251 | + --dark-mint3: #052926; |
| 252 | + --dark-mint4: #04312C; |
| 253 | + --dark-mint5: #033A34; |
| 254 | + --dark-mint6: #01453D; |
| 255 | + --dark-mint7: #00564A; |
| 256 | + --dark-mint8: #006D5B; |
| 257 | + --dark-mint9: #70E1C8; |
| 258 | + --dark-mint10: #95F3D9; |
| 259 | + --dark-mint11: #25D0AB; |
| 260 | + --dark-mint12: #E7FCF7; |
| 261 | + |
| 262 | + /* grass colors */ |
| 263 | + --dark-grass1: #0D1912; |
| 264 | + --dark-grass2: #0F1E13; |
| 265 | + --dark-grass3: #132819; |
| 266 | + --dark-grass4: #16301D; |
| 267 | + --dark-grass5: #193921; |
| 268 | + --dark-grass6: #1D4427; |
| 269 | + --dark-grass7: #245530; |
| 270 | + --dark-grass8: #2F6E3B; |
| 271 | + --dark-grass9: #46A758; |
| 272 | + --dark-grass10: #55B467; |
| 273 | + --dark-grass11: #63C174; |
| 274 | + --dark-grass12: #E5FBEB; |
| 275 | + |
| 276 | + /* lime colors */ |
| 277 | + --dark-lime1: #141807; |
| 278 | + --dark-lime2: #181D08; |
| 279 | + --dark-lime3: #1E260D; |
| 280 | + --dark-lime4: #252E0F; |
| 281 | + --dark-lime5: #262F0F; |
| 282 | + --dark-lime6: #344213; |
| 283 | + --dark-lime7: #415215; |
| 284 | + --dark-lime8: #536716; |
| 285 | + --dark-lime9: #99D52A; |
| 286 | + --dark-lime10: #C4F042; |
| 287 | + --dark-lime11: #87BE22; |
| 288 | + --dark-lime12: #EFFBDD; |
| 289 | + |
| 290 | + /* yellow colors */ |
| 291 | + --dark-yellow1: #1C1500; |
| 292 | + --dark-yellow2: #221A00; |
| 293 | + --dark-yellow3: #2C2100; |
| 294 | + --dark-yellow4: #352800; |
| 295 | + --dark-yellow5: #3E3000; |
| 296 | + --dark-yellow6: #493C00; |
| 297 | + --dark-yellow7: #594A05; |
| 298 | + --dark-yellow8: #705E00; |
| 299 | + --dark-yellow9: #F5D90A; |
| 300 | + --dark-yellow10: #FFEF5C; |
| 301 | + --dark-yellow11: #F0C000; |
| 302 | + --dark-yellow12: #FFFAD1; |
| 303 | + |
| 304 | + /* orange colors */ |
| 305 | + --dark-orange1: #1F1206; |
| 306 | + --dark-orange2: #2B1400; |
| 307 | + --dark-orange3: #391A03; |
| 308 | + --dark-orange4: #441F04; |
| 309 | + --dark-orange5: #4F2305; |
| 310 | + --dark-orange6: #5F2A06; |
| 311 | + --dark-orange7: #763205; |
| 312 | + --dark-orange8: #943E00; |
| 313 | + --dark-orange9: #F76808; |
| 314 | + --dark-orange10: #FF802B; |
| 315 | + --dark-orange11: #FF8B3E; |
| 316 | + --dark-orange12: #FEEADD; |
| 317 | +} |
0 commit comments