Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256 257 258 259 260 261 262 263 264 265 266 267 268 269 270 271 272 273 274 275 276 277 278 279 280 281 282 283 284 285 286 287 288 289 290 291 292 293 294 295 296 297 298 299 300 301 302 303 304 305 306 307 308 309 310 311 312 313 314 315 316 317 318 319 320 321 322 323 324 325 326 327 328 329 330 331 332 333 334 335 336 337 338 339 340 341 342 343 344 345 346 347 348 349 350 351 352 353 354 355 356 357 358 359 360 361 362 363 364 365 366 367 368 369 370 371 372 373 374 375 376 377 378 379 380 381 382 383 384 385 386 387 388 389 390 391 392 393 394 395 396 397 398 399 400 401 402 403 404 405 406 407 408 409 410 411 412 413 414 415 416 417 418 419 420 421 422 423 424 425 426 427 428 429 430 431 432 433 434 435 436 437 438 439 440 441 442 443 444 445 446 447 448 449 450 451 452 453 454 455 456 457 458 459 460 461 462 463 464 465 466 467 468 469 470 471 472 473 474 475 476 477 478 479 480 481 482 483 484 485 486 487 488 489 490 491 492 493 494 495 496 497 498 499 500 501 502 503 504 505 506 507 508 509 510 511 512 513 514 515 516 517 518 519 520 521 522 523 524 525 526 527 528 529 530 531 532 533 534 535 536 537 538 539 540 541 542 543 544 545 546 547 548 549 550 551 552 553 554 555 556 557 558 | declare module '@mui/material/styles/createPalette' {
export interface Palette {
TwClrBaseBlack?: React.CSSProperties['color'];
TwClrBaseGray025?: React.CSSProperties['color'];
TwClrBaseGray050?: React.CSSProperties['color'];
TwClrBaseGray075?: React.CSSProperties['color'];
TwClrBaseGray100?: React.CSSProperties['color'];
TwClrBaseGray200?: React.CSSProperties['color'];
TwClrBaseGray300?: React.CSSProperties['color'];
TwClrBaseGray400?: React.CSSProperties['color'];
TwClrBaseGray500?: React.CSSProperties['color'];
TwClrBaseGray600?: React.CSSProperties['color'];
TwClrBaseGray700?: React.CSSProperties['color'];
TwClrBaseGray800?: React.CSSProperties['color'];
TwClrBaseGray900?: React.CSSProperties['color'];
TwClrBaseTransparent?: React.CSSProperties['color'];
TwClrBaseWhite?: React.CSSProperties['color'];
TwClrBaseBlue050?: React.CSSProperties['color'];
TwClrBaseBlue100?: React.CSSProperties['color'];
TwClrBaseBlue200?: React.CSSProperties['color'];
TwClrBaseBlue300?: React.CSSProperties['color'];
TwClrBaseBlue400?: React.CSSProperties['color'];
TwClrBaseBlue500?: React.CSSProperties['color'];
TwClrBaseBlue600?: React.CSSProperties['color'];
TwClrBaseBlue700?: React.CSSProperties['color'];
TwClrBaseBlue800?: React.CSSProperties['color'];
TwClrBaseGreen050?: React.CSSProperties['color'];
TwClrBaseGreen100?: React.CSSProperties['color'];
TwClrBaseGreen200?: React.CSSProperties['color'];
TwClrBaseGreen300?: React.CSSProperties['color'];
TwClrBaseGreen400?: React.CSSProperties['color'];
TwClrBaseGreen500?: React.CSSProperties['color'];
TwClrBaseGreen600?: React.CSSProperties['color'];
TwClrBaseGreen700?: React.CSSProperties['color'];
TwClrBaseGreen800?: React.CSSProperties['color'];
TwClrBaseLightGreen050?: React.CSSProperties['color'];
TwClrBaseLightGreen100?: React.CSSProperties['color'];
TwClrBaseLightGreen200?: React.CSSProperties['color'];
TwClrBaseLightGreen300?: React.CSSProperties['color'];
TwClrBaseLightGreen400?: React.CSSProperties['color'];
TwClrBaseLightGreen500?: React.CSSProperties['color'];
TwClrBaseLightGreen600?: React.CSSProperties['color'];
TwClrBaseLightGreen700?: React.CSSProperties['color'];
TwClrBaseLightGreen800?: React.CSSProperties['color'];
TwClrBaseOrange050?: React.CSSProperties['color'];
TwClrBaseOrange100?: React.CSSProperties['color'];
TwClrBaseOrange200?: React.CSSProperties['color'];
TwClrBaseOrange300?: React.CSSProperties['color'];
TwClrBaseOrange400?: React.CSSProperties['color'];
TwClrBaseOrange500?: React.CSSProperties['color'];
TwClrBaseOrange600?: React.CSSProperties['color'];
TwClrBaseOrange700?: React.CSSProperties['color'];
TwClrBaseOrange800?: React.CSSProperties['color'];
TwClrBasePink050?: React.CSSProperties['color'];
TwClrBasePink100?: React.CSSProperties['color'];
TwClrBasePink200?: React.CSSProperties['color'];
TwClrBasePink300?: React.CSSProperties['color'];
TwClrBasePink400?: React.CSSProperties['color'];
TwClrBasePink500?: React.CSSProperties['color'];
TwClrBasePink600?: React.CSSProperties['color'];
TwClrBasePink700?: React.CSSProperties['color'];
TwClrBasePink800?: React.CSSProperties['color'];
TwClrBasePurple050?: React.CSSProperties['color'];
TwClrBasePurple100?: React.CSSProperties['color'];
TwClrBasePurple200?: React.CSSProperties['color'];
TwClrBasePurple300?: React.CSSProperties['color'];
TwClrBasePurple400?: React.CSSProperties['color'];
TwClrBasePurple500?: React.CSSProperties['color'];
TwClrBasePurple600?: React.CSSProperties['color'];
TwClrBasePurple700?: React.CSSProperties['color'];
TwClrBasePurple800?: React.CSSProperties['color'];
TwClrBaseRed050?: React.CSSProperties['color'];
TwClrBaseRed100?: React.CSSProperties['color'];
TwClrBaseRed200?: React.CSSProperties['color'];
TwClrBaseRed300?: React.CSSProperties['color'];
TwClrBaseRed400?: React.CSSProperties['color'];
TwClrBaseRed500?: React.CSSProperties['color'];
TwClrBaseRed600?: React.CSSProperties['color'];
TwClrBaseRed700?: React.CSSProperties['color'];
TwClrBaseRed800?: React.CSSProperties['color'];
TwClrBaseYellow050?: React.CSSProperties['color'];
TwClrBaseYellow100?: React.CSSProperties['color'];
TwClrBaseYellow200?: React.CSSProperties['color'];
TwClrBaseYellow300?: React.CSSProperties['color'];
TwClrBaseYellow400?: React.CSSProperties['color'];
TwClrBaseYellow500?: React.CSSProperties['color'];
TwClrBaseYellow600?: React.CSSProperties['color'];
TwClrBaseYellow700?: React.CSSProperties['color'];
TwClrBaseYellow800?: React.CSSProperties['color'];
TwClrBg?: React.CSSProperties['color'];
TwClrBgActive?: React.CSSProperties['color'];
TwClrBgGhost?: React.CSSProperties['color'];
TwClrBgGhostActive?: React.CSSProperties['color'];
TwClrBgGhostHover?: React.CSSProperties['color'];
TwClrBgHover?: React.CSSProperties['color'];
TwClrBgInverse?: React.CSSProperties['color'];
TwClrBgSecondary?: React.CSSProperties['color'];
TwClrBgSecondaryActive?: React.CSSProperties['color'];
TwClrBgSecondaryHover?: React.CSSProperties['color'];
TwClrBgTertiary?: React.CSSProperties['color'];
TwClrBgTertiaryActive?: React.CSSProperties['color'];
TwClrBgTertiaryHover?: React.CSSProperties['color'];
TwClrBrdr?: React.CSSProperties['color'];
TwClrBrdrActive?: React.CSSProperties['color'];
TwClrBrdrFocus?: React.CSSProperties['color'];
TwClrBrdrHover?: React.CSSProperties['color'];
TwClrBrdrSecondary?: React.CSSProperties['color'];
TwClrBrdrTertiary?: React.CSSProperties['color'];
TwClrIcn?: React.CSSProperties['color'];
TwClrIcnInverse?: React.CSSProperties['color'];
TwClrIcnSecondary?: React.CSSProperties['color'];
TwClrShdw?: React.CSSProperties['color'];
TwClrTxt?: React.CSSProperties['color'];
TwClrTxtInverse?: React.CSSProperties['color'];
TwClrTxtSecondary?: React.CSSProperties['color'];
TwClrTxtTertiary?: React.CSSProperties['color'];
TwClrBgBrand?: React.CSSProperties['color'];
TwClrBgBrandActive?: React.CSSProperties['color'];
TwClrBgBrandGhost?: React.CSSProperties['color'];
TwClrBgBrandGhostActive?: React.CSSProperties['color'];
TwClrBgBrandGhostHover?: React.CSSProperties['color'];
TwClrBgBrandHover?: React.CSSProperties['color'];
TwClrBgBrandTertiary?: React.CSSProperties['color'];
TwClrBrdrBrand?: React.CSSProperties['color'];
TwClrIcnBrand?: React.CSSProperties['color'];
TwClrIcnOnBrand?: React.CSSProperties['color'];
TwClrTxtBrand?: React.CSSProperties['color'];
TwClrTxtOnBrand?: React.CSSProperties['color'];
TwClrBgDanger?: React.CSSProperties['color'];
TwClrBgDangerActive?: React.CSSProperties['color'];
TwClrBgDangerGhost?: React.CSSProperties['color'];
TwClrBgDangerGhostActive?: React.CSSProperties['color'];
TwClrBgDangerGhostHover?: React.CSSProperties['color'];
TwClrBgDangerHover?: React.CSSProperties['color'];
TwClrBgDangerTertiary?: React.CSSProperties['color'];
TwClrBrdrDanger?: React.CSSProperties['color'];
TwClrBrdrDangerActive?: React.CSSProperties['color'];
TwClrBrdrDangerHover?: React.CSSProperties['color'];
TwClrIcnDanger?: React.CSSProperties['color'];
TwClrIcnOnDanger?: React.CSSProperties['color'];
TwClrTxtDanger?: React.CSSProperties['color'];
TwClrTxtOnDanger?: React.CSSProperties['color'];
TwClrBgInfo?: React.CSSProperties['color'];
TwClrBgInfoTertiary?: React.CSSProperties['color'];
TwClrBrdrInfo?: React.CSSProperties['color'];
TwClrIcnInfo?: React.CSSProperties['color'];
TwClrIcnOnInfo?: React.CSSProperties['color'];
TwClrTxtInfo?: React.CSSProperties['color'];
TwClrTxtOnInfo?: React.CSSProperties['color'];
TwClrBgSelected?: React.CSSProperties['color'];
TwClrBgSelectedTertiary?: React.CSSProperties['color'];
TwClrBgSelectedGhost?: React.CSSProperties['color'];
TwClrBgSelectedGhostActive?: React.CSSProperties['color'];
TwClrBgSelectedGhostHover?: React.CSSProperties['color'];
TwClrBrdrSelected?: React.CSSProperties['color'];
TwClrIcnOnSelected?: React.CSSProperties['color'];
TwClrIcnSelected?: React.CSSProperties['color'];
TwClrTxtOnSelected?: React.CSSProperties['color'];
TwClrTxtSelected?: React.CSSProperties['color'];
TwClrBgSuccess?: React.CSSProperties['color'];
TwClrBgSuccessTertiary?: React.CSSProperties['color'];
TwClrBgSuccessActive?: React.CSSProperties['color'];
TwClrBgSuccessHover?: React.CSSProperties['color'];
TwClrBrdrSuccess?: React.CSSProperties['color'];
TwClrIcnOnSuccess?: React.CSSProperties['color'];
TwClrIcnSuccess?: React.CSSProperties['color'];
TwClrTxtOnSuccess?: React.CSSProperties['color'];
TwClrTxtSuccess?: React.CSSProperties['color'];
TwClrBgWarning?: React.CSSProperties['color'];
TwClrBgWarningActive?: React.CSSProperties['color'];
TwClrBgWarningHover?: React.CSSProperties['color'];
TwClrBgWarningTertiary?: React.CSSProperties['color'];
TwClrBrdrWarning?: React.CSSProperties['color'];
TwClrBrdrWarningActive?: React.CSSProperties['color'];
TwClrBrdrWarningHover?: React.CSSProperties['color'];
TwClrIcnOnWarning?: React.CSSProperties['color'];
TwClrIcnWarning?: React.CSSProperties['color'];
TwClrTxtOnWarning?: React.CSSProperties['color'];
TwClrTxtWarning?: React.CSSProperties['color'];
TwClrBgAccent?: React.CSSProperties['color'];
TwClrTxtAccent?: React.CSSProperties['color'];
TwClrTxtOnAccent?: React.CSSProperties['color'];
}
export interface PaletteOptions {
TwClrBaseBlack?: React.CSSProperties['color'];
TwClrBaseGray025?: React.CSSProperties['color'];
TwClrBaseGray050?: React.CSSProperties['color'];
TwClrBaseGray075?: React.CSSProperties['color'];
TwClrBaseGray100?: React.CSSProperties['color'];
TwClrBaseGray200?: React.CSSProperties['color'];
TwClrBaseGray300?: React.CSSProperties['color'];
TwClrBaseGray400?: React.CSSProperties['color'];
TwClrBaseGray500?: React.CSSProperties['color'];
TwClrBaseGray600?: React.CSSProperties['color'];
TwClrBaseGray700?: React.CSSProperties['color'];
TwClrBaseGray800?: React.CSSProperties['color'];
TwClrBaseGray900?: React.CSSProperties['color'];
TwClrBaseTransparent?: React.CSSProperties['color'];
TwClrBaseWhite?: React.CSSProperties['color'];
TwClrBaseBlue050?: React.CSSProperties['color'];
TwClrBaseBlue100?: React.CSSProperties['color'];
TwClrBaseBlue200?: React.CSSProperties['color'];
TwClrBaseBlue300?: React.CSSProperties['color'];
TwClrBaseBlue400?: React.CSSProperties['color'];
TwClrBaseBlue500?: React.CSSProperties['color'];
TwClrBaseBlue600?: React.CSSProperties['color'];
TwClrBaseBlue700?: React.CSSProperties['color'];
TwClrBaseBlue800?: React.CSSProperties['color'];
TwClrBaseGreen050?: React.CSSProperties['color'];
TwClrBaseGreen100?: React.CSSProperties['color'];
TwClrBaseGreen200?: React.CSSProperties['color'];
TwClrBaseGreen300?: React.CSSProperties['color'];
TwClrBaseGreen400?: React.CSSProperties['color'];
TwClrBaseGreen500?: React.CSSProperties['color'];
TwClrBaseGreen600?: React.CSSProperties['color'];
TwClrBaseGreen700?: React.CSSProperties['color'];
TwClrBaseGreen800?: React.CSSProperties['color'];
TwClrBaseLightGreen050?: React.CSSProperties['color'];
TwClrBaseLightGreen100?: React.CSSProperties['color'];
TwClrBaseLightGreen200?: React.CSSProperties['color'];
TwClrBaseLightGreen300?: React.CSSProperties['color'];
TwClrBaseLightGreen400?: React.CSSProperties['color'];
TwClrBaseLightGreen500?: React.CSSProperties['color'];
TwClrBaseLightGreen600?: React.CSSProperties['color'];
TwClrBaseLightGreen700?: React.CSSProperties['color'];
TwClrBaseLightGreen800?: React.CSSProperties['color'];
TwClrBaseOrange050?: React.CSSProperties['color'];
TwClrBaseOrange100?: React.CSSProperties['color'];
TwClrBaseOrange200?: React.CSSProperties['color'];
TwClrBaseOrange300?: React.CSSProperties['color'];
TwClrBaseOrange400?: React.CSSProperties['color'];
TwClrBaseOrange500?: React.CSSProperties['color'];
TwClrBaseOrange600?: React.CSSProperties['color'];
TwClrBaseOrange700?: React.CSSProperties['color'];
TwClrBaseOrange800?: React.CSSProperties['color'];
TwClrBasePink050?: React.CSSProperties['color'];
TwClrBasePink100?: React.CSSProperties['color'];
TwClrBasePink200?: React.CSSProperties['color'];
TwClrBasePink300?: React.CSSProperties['color'];
TwClrBasePink400?: React.CSSProperties['color'];
TwClrBasePink500?: React.CSSProperties['color'];
TwClrBasePink600?: React.CSSProperties['color'];
TwClrBasePink700?: React.CSSProperties['color'];
TwClrBasePink800?: React.CSSProperties['color'];
TwClrBasePurple050?: React.CSSProperties['color'];
TwClrBasePurple100?: React.CSSProperties['color'];
TwClrBasePurple200?: React.CSSProperties['color'];
TwClrBasePurple300?: React.CSSProperties['color'];
TwClrBasePurple400?: React.CSSProperties['color'];
TwClrBasePurple500?: React.CSSProperties['color'];
TwClrBasePurple600?: React.CSSProperties['color'];
TwClrBasePurple700?: React.CSSProperties['color'];
TwClrBasePurple800?: React.CSSProperties['color'];
TwClrBaseRed050?: React.CSSProperties['color'];
TwClrBaseRed100?: React.CSSProperties['color'];
TwClrBaseRed200?: React.CSSProperties['color'];
TwClrBaseRed300?: React.CSSProperties['color'];
TwClrBaseRed400?: React.CSSProperties['color'];
TwClrBaseRed500?: React.CSSProperties['color'];
TwClrBaseRed600?: React.CSSProperties['color'];
TwClrBaseRed700?: React.CSSProperties['color'];
TwClrBaseRed800?: React.CSSProperties['color'];
TwClrBaseYellow050?: React.CSSProperties['color'];
TwClrBaseYellow100?: React.CSSProperties['color'];
TwClrBaseYellow200?: React.CSSProperties['color'];
TwClrBaseYellow300?: React.CSSProperties['color'];
TwClrBaseYellow400?: React.CSSProperties['color'];
TwClrBaseYellow500?: React.CSSProperties['color'];
TwClrBaseYellow600?: React.CSSProperties['color'];
TwClrBaseYellow700?: React.CSSProperties['color'];
TwClrBaseYellow800?: React.CSSProperties['color'];
TwClrBg?: React.CSSProperties['color'];
TwClrBgActive?: React.CSSProperties['color'];
TwClrBgGhost?: React.CSSProperties['color'];
TwClrBgGhostActive?: React.CSSProperties['color'];
TwClrBgGhostHover?: React.CSSProperties['color'];
TwClrBgHover?: React.CSSProperties['color'];
TwClrBgInverse?: React.CSSProperties['color'];
TwClrBgSecondary?: React.CSSProperties['color'];
TwClrBgSecondaryActive?: React.CSSProperties['color'];
TwClrBgSecondaryHover?: React.CSSProperties['color'];
TwClrBgTertiary?: React.CSSProperties['color'];
TwClrBgTertiaryActive?: React.CSSProperties['color'];
TwClrBgTertiaryHover?: React.CSSProperties['color'];
TwClrBrdr?: React.CSSProperties['color'];
TwClrBrdrActive?: React.CSSProperties['color'];
TwClrBrdrFocus?: React.CSSProperties['color'];
TwClrBrdrHover?: React.CSSProperties['color'];
TwClrBrdrSecondary?: React.CSSProperties['color'];
TwClrBrdrTertiary?: React.CSSProperties['color'];
TwClrIcn?: React.CSSProperties['color'];
TwClrIcnInverse?: React.CSSProperties['color'];
TwClrIcnSecondary?: React.CSSProperties['color'];
TwClrShdw?: React.CSSProperties['color'];
TwClrTxt?: React.CSSProperties['color'];
TwClrTxtInverse?: React.CSSProperties['color'];
TwClrTxtSecondary?: React.CSSProperties['color'];
TwClrTxtTertiary?: React.CSSProperties['color'];
TwClrBgBrand?: React.CSSProperties['color'];
TwClrBgBrandActive?: React.CSSProperties['color'];
TwClrBgBrandGhost?: React.CSSProperties['color'];
TwClrBgBrandGhostActive?: React.CSSProperties['color'];
TwClrBgBrandGhostHover?: React.CSSProperties['color'];
TwClrBgBrandHover?: React.CSSProperties['color'];
TwClrBgBrandTertiary?: React.CSSProperties['color'];
TwClrBrdrBrand?: React.CSSProperties['color'];
TwClrIcnBrand?: React.CSSProperties['color'];
TwClrIcnOnBrand?: React.CSSProperties['color'];
TwClrTxtBrand?: React.CSSProperties['color'];
TwClrTxtOnBrand?: React.CSSProperties['color'];
TwClrBgDanger?: React.CSSProperties['color'];
TwClrBgDangerActive?: React.CSSProperties['color'];
TwClrBgDangerGhost?: React.CSSProperties['color'];
TwClrBgDangerGhostActive?: React.CSSProperties['color'];
TwClrBgDangerGhostHover?: React.CSSProperties['color'];
TwClrBgDangerHover?: React.CSSProperties['color'];
TwClrBgDangerTertiary?: React.CSSProperties['color'];
TwClrBrdrDanger?: React.CSSProperties['color'];
TwClrBrdrDangerActive?: React.CSSProperties['color'];
TwClrBrdrDangerHover?: React.CSSProperties['color'];
TwClrIcnDanger?: React.CSSProperties['color'];
TwClrIcnOnDanger?: React.CSSProperties['color'];
TwClrTxtDanger?: React.CSSProperties['color'];
TwClrTxtOnDanger?: React.CSSProperties['color'];
TwClrBgInfo?: React.CSSProperties['color'];
TwClrBgInfoTertiary?: React.CSSProperties['color'];
TwClrBrdrInfo?: React.CSSProperties['color'];
TwClrIcnInfo?: React.CSSProperties['color'];
TwClrIcnOnInfo?: React.CSSProperties['color'];
TwClrTxtInfo?: React.CSSProperties['color'];
TwClrTxtOnInfo?: React.CSSProperties['color'];
TwClrBgSelected?: React.CSSProperties['color'];
TwClrBgSelectedTertiary?: React.CSSProperties['color'];
TwClrBgSelectedGhost?: React.CSSProperties['color'];
TwClrBgSelectedGhostActive?: React.CSSProperties['color'];
TwClrBgSelectedGhostHover?: React.CSSProperties['color'];
TwClrBrdrSelected?: React.CSSProperties['color'];
TwClrIcnOnSelected?: React.CSSProperties['color'];
TwClrIcnSelected?: React.CSSProperties['color'];
TwClrTxtOnSelected?: React.CSSProperties['color'];
TwClrTxtSelected?: React.CSSProperties['color'];
TwClrBgSuccess?: React.CSSProperties['color'];
TwClrBgSuccessTertiary?: React.CSSProperties['color'];
TwClrBgSuccessActive?: React.CSSProperties['color'];
TwClrBgSuccessHover?: React.CSSProperties['color'];
TwClrBrdrSuccess?: React.CSSProperties['color'];
TwClrIcnOnSuccess?: React.CSSProperties['color'];
TwClrIcnSuccess?: React.CSSProperties['color'];
TwClrTxtOnSuccess?: React.CSSProperties['color'];
TwClrTxtSuccess?: React.CSSProperties['color'];
TwClrBgWarning?: React.CSSProperties['color'];
TwClrBgWarningActive?: React.CSSProperties['color'];
TwClrBgWarningHover?: React.CSSProperties['color'];
TwClrBgWarningTertiary?: React.CSSProperties['color'];
TwClrBrdrWarning?: React.CSSProperties['color'];
TwClrBrdrWarningActive?: React.CSSProperties['color'];
TwClrBrdrWarningHover?: React.CSSProperties['color'];
TwClrIcnOnWarning?: React.CSSProperties['color'];
TwClrIcnWarning?: React.CSSProperties['color'];
TwClrTxtOnWarning?: React.CSSProperties['color'];
TwClrTxtWarning?: React.CSSProperties['color'];
TwClrBgAccent?: React.CSSProperties['color'];
TwClrTxtAccent?: React.CSSProperties['color'];
TwClrTxtOnAccent?: React.CSSProperties['color'];
}
}
type ThemeDictionary = {
[key: string]: any;
};
const TerrawareTheme: ThemeDictionary = {
'palette': {
'TwClrBaseBlack': '#000000',
'TwClrBaseGray025': '#F9F8F7',
'TwClrBaseGray050': '#F1F0EC',
'TwClrBaseGray075': '#EBEAE4',
'TwClrBaseGray100': '#E3E1D9',
'TwClrBaseGray200': '#CBC6B7',
'TwClrBaseGray300': '#B2AB93',
'TwClrBaseGray400': '#9A9172',
'TwClrBaseGray500': '#7F775B',
'TwClrBaseGray600': '#645E48',
'TwClrBaseGray700': '#4B4736',
'TwClrBaseGray800': '#333025',
'TwClrBaseGray900': '#1D1B15',
'TwClrBaseTransparent': '#FFFFFF00',
'TwClrBaseWhite': '#FFFFFF',
'TwClrBaseBlue050': '#EFF1F8',
'TwClrBaseBlue100': '#DDE1F1',
'TwClrBaseBlue200': '#BDC4E4',
'TwClrBaseBlue300': '#9EA9D7',
'TwClrBaseBlue400': '#808ECA',
'TwClrBaseBlue500': '#6172BE',
'TwClrBaseBlue600': '#4658AA',
'TwClrBaseBlue700': '#35437F',
'TwClrBaseBlue800': '#242D57',
'TwClrBaseGreen050': '#E2F6EC',
'TwClrBaseGreen100': '#C2EBD6',
'TwClrBaseGreen200': '#84D6AC',
'TwClrBaseGreen300': '#41C07F',
'TwClrBaseGreen400': '#36A36B',
'TwClrBaseGreen500': '#2C8658',
'TwClrBaseGreen600': '#236A46',
'TwClrBaseGreen700': '#1A5035',
'TwClrBaseGreen800': '#123624',
'TwClrBaseLightGreen050': '#EAF3DC',
'TwClrBaseLightGreen100': '#D4E8BA',
'TwClrBaseLightGreen200': '#ACD278',
'TwClrBaseLightGreen300': '#86BA3E',
'TwClrBaseLightGreen400': '#719E34',
'TwClrBaseLightGreen500': '#5D822B',
'TwClrBaseLightGreen600': '#496622',
'TwClrBaseLightGreen700': '#384D1A',
'TwClrBaseLightGreen800': '#263411',
'TwClrBaseOrange050': '#F8EFE5',
'TwClrBaseOrange100': '#F1DFCB',
'TwClrBaseOrange200': '#E3C099',
'TwClrBaseOrange300': '#D5A167',
'TwClrBaseOrange400': '#C78237',
'TwClrBaseOrange500': '#A36A2D',
'TwClrBaseOrange600': '#815424',
'TwClrBaseOrange700': '#61401B',
'TwClrBaseOrange800': '#422B12',
'TwClrBasePink050': '#F9EDF2',
'TwClrBasePink100': '#F3DCE6',
'TwClrBasePink200': '#E7B9CD',
'TwClrBasePink300': '#DC97B5',
'TwClrBasePink400': '#D0749B',
'TwClrBasePink500': '#C34D7F',
'TwClrBasePink600': '#A13664',
'TwClrBasePink700': '#7A294C',
'TwClrBasePink800': '#531C34',
'TwClrBasePurple050': '#F4EFF9',
'TwClrBasePurple100': '#E8DEF2',
'TwClrBasePurple200': '#D3BEE6',
'TwClrBasePurple300': '#BD9FDA',
'TwClrBasePurple400': '#A880CE',
'TwClrBasePurple500': '#9360C1',
'TwClrBasePurple600': '#7A43AD',
'TwClrBasePurple700': '#5D3383',
'TwClrBasePurple800': '#3E2359',
'TwClrBaseRed050': '#FAEEED',
'TwClrBaseRed100': '#F4DBD9',
'TwClrBaseRed200': '#EBBAB7',
'TwClrBaseRed300': '#E19893',
'TwClrBaseRed400': '#D7756F',
'TwClrBaseRed500': '#CB4D45',
'TwClrBaseRed600': '#A8362F',
'TwClrBaseRed700': '#802923',
'TwClrBaseRed800': '#571C18',
'TwClrBaseYellow050': '#F5F1DC',
'TwClrBaseYellow100': '#EBE2B5',
'TwClrBaseYellow200': '#D7C76F',
'TwClrBaseYellow300': '#C0AB35',
'TwClrBaseYellow400': '#A3912D',
'TwClrBaseYellow500': '#867725',
'TwClrBaseYellow600': '#6A5E1D',
'TwClrBaseYellow700': '#504716',
'TwClrBaseYellow800': '#36300F',
'TwClrBg': '#FFFFFF',
'TwClrBgActive': '#F1F0EC',
'TwClrBgGhost': 'rgb(255 255 255 / 0%)',
'TwClrBgGhostActive': 'rgb(178 171 147 / 40%)',
'TwClrBgGhostHover': 'rgb(178 171 147 / 20%)',
'TwClrBgHover': '#F9F8F7',
'TwClrBgInverse': '#333025',
'TwClrBgSecondary': '#F1F0EC',
'TwClrBgSecondaryActive': '#E3E1D9',
'TwClrBgSecondaryHover': '#EBEAE4',
'TwClrBgTertiary': '#CBC6B7',
'TwClrBgTertiaryActive': '#B2AB93',
'TwClrBgTertiaryHover': 'linear-gradient(rgb(178 171 147 / 50%), rgb(178 171 147 / 50%)), linear-gradient(#CBC6B7, #CBC6B7)',
'TwClrBrdr': '#333025',
'TwClrBrdrActive': 'mix(#4658AA, #6172BE, 50%)',
'TwClrBrdrFocus': '#4658AA',
'TwClrBrdrHover': '#6172BE',
'TwClrBrdrSecondary': '#7F775B',
'TwClrBrdrTertiary': '#B2AB93',
'TwClrIcn': '#333025',
'TwClrIcnInverse': '#FFFFFF',
'TwClrIcnSecondary': '#7F775B',
'TwClrShdw': '#333025',
'TwClrTxt': '#333025',
'TwClrTxtInverse': '#FFFFFF',
'TwClrTxtSecondary': '#7F775B',
'TwClrTxtTertiary': '#B2AB93',
'TwClrBgBrand': '#2C8658',
'TwClrBgBrandActive': '#236A46',
'TwClrBgBrandGhost': 'rgb(44 134 88 / 0%)',
'TwClrBgBrandGhostActive': 'rgb(44 134 88 / 20%)',
'TwClrBgBrandGhostHover': 'rgb(44 134 88 / 10%)',
'TwClrBgBrandHover': 'linear-gradient(rgb(35 106 70 / 50%), rgb(35 106 70 / 50%)), linear-gradient(#2C8658, #2C8658)',
'TwClrBgBrandTertiary': '#E2F6EC',
'TwClrBrdrBrand': '#2C8658',
'TwClrIcnBrand': '#2C8658',
'TwClrIcnOnBrand': '#FFFFFF',
'TwClrTxtBrand': '#2C8658',
'TwClrTxtOnBrand': '#FFFFFF',
'TwClrBgDanger': '#CB4D45',
'TwClrBgDangerActive': '#A8362F',
'TwClrBgDangerGhost': 'rgb(203 77 69 / 0%)',
'TwClrBgDangerGhostActive': 'rgb(203 77 69 / 20%)',
'TwClrBgDangerGhostHover': 'rgb(203 77 69 / 10%)',
'TwClrBgDangerHover': 'linear-gradient(rgb(168 54 47 / 50%), rgb(168 54 47 / 50%)), linear-gradient(#CB4D45, #CB4D45)',
'TwClrBgDangerTertiary': '#FAEEED',
'TwClrBrdrDanger': '#CB4D45',
'TwClrBrdrDangerActive': '#A8362F',
'TwClrBrdrDangerHover': 'linear-gradient(rgb(168 54 47 / 50%), rgb(168 54 47 / 50%)), linear-gradient(#CB4D45, #CB4D45)',
'TwClrIcnDanger': '#CB4D45',
'TwClrIcnOnDanger': '#FFFFFF',
'TwClrTxtDanger': '#CB4D45',
'TwClrTxtOnDanger': '#FFFFFF',
'TwClrBgInfo': '#7F775B',
'TwClrBgInfoTertiary': '#F1F0EC',
'TwClrBrdrInfo': '#7F775B',
'TwClrIcnInfo': '#7F775B',
'TwClrIcnOnInfo': '#FFFFFF',
'TwClrTxtInfo': '#645E48',
'TwClrTxtOnInfo': '#FFFFFF',
'TwClrBgSelected': '#6172BE',
'TwClrBgSelectedTertiary': '#EFF1F8',
'TwClrBgSelectedGhost': 'rgb(97 114 190 / 0%)',
'TwClrBgSelectedGhostActive': 'rgb(97 114 190 / 20%)',
'TwClrBgSelectedGhostHover': 'rgb(97 114 190 / 10%)',
'TwClrBrdrSelected': '#6172BE',
'TwClrIcnOnSelected': '#FFFFFF',
'TwClrIcnSelected': '#6172BE',
'TwClrTxtOnSelected': '#FFFFFF',
'TwClrTxtSelected': '#6172BE',
'TwClrBgSuccess': '#5D822B',
'TwClrBgSuccessTertiary': '#EAF3DC',
'TwClrBgSuccessActive': '#496622',
'TwClrBgSuccessHover': 'linear-gradient(rgb(73 102 34 / 50%), rgb(73 102 34 / 50%)), linear-gradient(#5D822B, #5D822B)',
'TwClrBrdrSuccess': '#5D822B',
'TwClrIcnOnSuccess': '#FFFFFF',
'TwClrIcnSuccess': '#5D822B',
'TwClrTxtOnSuccess': '#FFFFFF',
'TwClrTxtSuccess': '#5D822B',
'TwClrBgWarning': '#A36A2D',
'TwClrBgWarningActive': '#815424',
'TwClrBgWarningHover': 'linear-gradient(rgb(129 84 36 / 50%), rgb(129 84 36 / 50%)), linear-gradient(#A36A2D, #A36A2D)',
'TwClrBgWarningTertiary': '#F8EFE5',
'TwClrBrdrWarning': '#A36A2D',
'TwClrBrdrWarningActive': '#815424',
'TwClrBrdrWarningHover': 'linear-gradient(rgb(129 84 36 / 50%), rgb(129 84 36 / 50%)), linear-gradient(#A36A2D, #A36A2D)',
'TwClrIcnOnWarning': '#FFFFFF',
'TwClrIcnWarning': '#A36A2D',
'TwClrTxtOnWarning': '#FFFFFF',
'TwClrTxtWarning': '#A36A2D',
'TwClrBgAccent': '#EF7047',
'TwClrTxtAccent': '#EF7047',
'TwClrTxtOnAccent': '#FFFFFF'
}
};
export default TerrawareTheme; |