Untitled
unknown
plain_text
2 years ago
34 kB
11
Indexable
//text style
{
"typography": {
"font-size": "12px",
"font-family": "Inter",
"font-weight": 400,
"letter-spacing": "0em"
},
"input-text-placehoalder": {
"font-size": "16px",
"font-family": "Gibson",
"font-weight": 600,
"letter-spacing": "0.15000000596046448px",
"line-height": "25px"
},
"typography-h1": {
"font-size": "56px",
"font-family": "Gibson",
"font-weight": 600,
"letter-spacing": "-1.5px",
"line-height": "116.70000553131104%"
},
"typography-h2": {
"font-size": "40px",
"font-family": "Gibson",
"font-weight": 600,
"letter-spacing": "-0.5px",
"line-height": "120.00000476837158%"
},
"typography-h3": {
"font-size": "56px",
"font-family": "Gibson",
"font-weight": 400,
"letter-spacing": "0px",
"line-height": "116.70000553131104%"
},
"typography-h4": {
"font-size": "40px",
"font-family": "Gibson",
"font-weight": 400,
"letter-spacing": "0.25px",
"line-height": "123.50000143051147%"
},
"typography-h5": {
"font-size": "24px",
"font-family": "Gibson",
"font-weight": 400,
"letter-spacing": "0px",
"line-height": "133.39999914169312%"
},
"typography-h6": {
"font-size": "20px",
"font-family": "Gibson",
"font-weight": 400,
"letter-spacing": "0.15000000596046448px",
"line-height": "160.0000023841858%"
},
"typography-p": {
"font-size": "15px",
"font-family": "Gibson",
"font-weight": 400,
"letter-spacing": "0.15000000596046448px",
"line-height": "150%"
},
"typography-p2": {
"font-size": "14px",
"font-family": "Gibson",
"font-weight": 400,
"letter-spacing": "0.17000000178813934px",
"line-height": "142.99999475479126%"
},
"typography-subtitle1": {
"font-size": "16px",
"font-family": "Gibson",
"font-weight": 400,
"letter-spacing": "0.15000000596046448px",
"line-height": "175%"
},
"typography-subtitle2": {
"font-size": "14px",
"font-family": "Gibson",
"font-weight": 400,
"letter-spacing": "0.10000000149011612px",
"line-height": "157.00000524520874%"
},
"typography-overline": {
"font-size": "12px",
"font-family": "Gibson",
"font-weight": 400,
"letter-spacing": "1px",
"line-height": "266.00000858306885%",
"text-transform": "uppercase"
},
"typography-caption": {
"font-size": "12px",
"font-family": "Gibson",
"font-weight": 400,
"letter-spacing": "0.4000000059604645px",
"line-height": "165.9999966621399%"
},
"components-alert-title": {
"font-size": "16px",
"font-family": "Gibson",
"font-weight": 400,
"letter-spacing": "0.15000000596046448px",
"line-height": "150%"
},
"components-alert-description": {
"font-size": "14px",
"font-family": "Roboto",
"font-weight": 500,
"letter-spacing": "0.15000000596046448px",
"line-height": "142.99999475479126%"
},
"components-avatar-initials": {
"font-size": "20px",
"font-family": "Roboto",
"font-weight": 400,
"letter-spacing": "0.14000000059604645px",
"line-height": "20px"
},
"components-badge-label": {
"font-size": "12px",
"font-family": "Roboto",
"font-weight": 500,
"letter-spacing": "0.14000000059604645px",
"line-height": "20px"
},
"components-button-large": {
"font-size": "15px",
"font-family": "Gibson",
"font-weight": 600,
"letter-spacing": "0px",
"line-height": "26px",
"text-transform": "capitalize"
},
"components-button-medium": {
"font-size": "15px",
"font-family": "Gibson",
"font-weight": 600,
"letter-spacing": "0.4000000059604645px",
"line-height": "24px",
"text-transform": "uppercase"
},
"components-button-small": {
"font-size": "15px",
"font-family": "Gibson",
"font-weight": 600,
"letter-spacing": "0.46000000834465027px",
"line-height": "22px",
"text-transform": "uppercase"
},
"components-input-label": {
"font-size": "12px",
"font-family": "Gibson",
"font-weight": 400,
"letter-spacing": "0.15000000596046448px",
"line-height": "12px"
},
"components-helper-text": {
"font-size": "11px",
"font-family": "Gibson",
"font-weight": 400,
"letter-spacing": "0px",
"line-height": "165.9999966621399%"
},
"components-input-text": {
"font-size": "16px",
"font-family": "Gibson",
"font-weight": 400,
"letter-spacing": "0.15000000596046448px",
"line-height": "25px"
},
"components-chip-label": {
"font-size": "13px",
"font-family": "Gibson",
"font-weight": 600,
"letter-spacing": "0.1599999964237213px",
"line-height": "18px"
},
"components-tooltip-label": {
"font-size": "10px",
"font-family": "Roboto",
"font-weight": 500,
"letter-spacing": "0px",
"line-height": "14px"
},
"components-table-header": {
"font-size": "14px",
"font-family": "Roboto",
"font-weight": 500,
"letter-spacing": "0.17000000178813934px",
"line-height": "24px"
},
"components-menu-item": {
"font-size": "16px",
"font-family": "Roboto",
"font-weight": 400,
"letter-spacing": "0.15000000596046448px",
"line-height": "150%"
},
"components-menu-item-dense": {
"font-size": "14px",
"font-family": "Roboto",
"font-weight": 400,
"letter-spacing": "0.17000000178813934px",
"line-height": "24px"
},
"components-list-subheader": {
"font-size": "14px",
"font-family": "Roboto",
"font-weight": 500,
"letter-spacing": "0.10000000149011612px",
"line-height": "48px"
},
"components-bottom-navigation-active-label": {
"font-size": "14px",
"font-family": "Roboto",
"font-weight": 400,
"letter-spacing": "0.4000000059604645px",
"line-height": "165.9999966621399%"
},
"components-date-picker-current-month": {
"font-size": "16px",
"font-family": "Roboto",
"font-weight": 500,
"letter-spacing": "0.15000000596046448px",
"line-height": "150%"
},
"_library-heading": {
"font-size": "64px",
"font-family": "Roboto Mono",
"font-weight": 500,
"letter-spacing": "-1.5px",
"line-height": "116.70000553131104%"
}
}
//paint style
{
"divider": "rgba(255, 255, 255, 0.1)",
"placeholder": "rgba(109, 114, 124, 1)",
"text": {
"primary": "rgba(0, 54, 143, 1)"
},
"text-1": {
"secondary": "rgba(255, 255, 255, 0.7)"
},
"text-2": {
"disabled": "rgba(255, 255, 255, 0.4)"
},
"primary-1": {
"main": "rgba(0, 54, 143, 1)"
},
"primary-2": {
"dark": "rgba(250, 185, 71, 1)"
},
"primary-3": {
"light": "rgba(233, 240, 253, 1)"
},
"primary-4": {
"contrast": "rgba(2, 1, 0, 0.9)"
},
"primary-5": {
"states": {
"hover": "rgba(0, 54, 143, 0.1)"
}
},
"primary-6": {
"states-1": {
"selected": "rgba(0, 54, 143, 0.2)"
}
},
"primary-7": {
"states-2": {
"focus": "rgba(0, 54, 143, 0.1)"
}
},
"primary-8": {
"states-3": {
"focusvisible": "rgba(0, 54, 143, 0.3)"
}
},
"primary-9": {
"states-4": {
"outlinedborder": "rgba(0, 54, 143, 0.5)"
}
},
"secondary-1": {
"main-1": "rgba(169, 169, 170, 1)"
},
"secondary-2": {
"dark-1": "rgba(96, 96, 96, 1)"
},
"secondary-3": {
"light-1": "rgba(243, 243, 243, 1)"
},
"secondary-4": {
"contrast-1": "rgba(0, 0, 0, 0.9)"
},
"secondary-5": {
"states-5": {
"hover-1": "rgba(169, 169, 170, 0.1)"
}
},
"secondary-6": {
"states-6": {
"selected-1": "rgba(169, 169, 170, 0.2)"
}
},
"secondary-7": {
"states-7": {
"focus-1": "rgba(169, 169, 170, 0.1)"
}
},
"secondary-8": {
"states-8": {
"focusvisible-1": "rgba(169, 169, 170, 0.3)"
}
},
"secondary-9": {
"states-9": {
"outlinedborder-1": "rgba(169, 169, 170, 0.5)"
}
},
"action": {
"active": "rgba(255, 255, 255, 0.6)"
},
"action-1": {
"hover-2": "rgba(255, 255, 255, 0.1)"
},
"action-2": {
"selected-2": "rgba(255, 255, 255, 0.2)"
},
"action-3": {
"disabledbackground": "rgba(255, 255, 255, 0.1)"
},
"action-4": {
"focus-2": "rgba(255, 255, 255, 0.1)"
},
"action-5": {
"disabled-1": "rgba(255, 255, 255, 0.4)"
},
"error": {
"main-2": "rgba(184, 1, 1, 1)"
},
"error-1": {
"dark-2": "rgba(237, 53, 2, 1)"
},
"error-2": {
"light-2": "rgba(252, 219, 210, 1)"
},
"error-3": {
"contrast-2": "rgba(255, 255, 255, 1)"
},
"error-4": {
"states-10": {
"hover-3": "rgba(244, 67, 54, 0.1)"
}
},
"error-5": {
"states-11": {
"selected-3": "rgba(244, 67, 54, 0.2)"
}
},
"error-6": {
"states-12": {
"focusvisible-2": "rgba(244, 67, 54, 0.3)"
}
},
"error-7": {
"states-13": {
"outlinedborder-2": "rgba(244, 67, 54, 0.5)"
}
},
"warning": {
"main-3": "rgba(255, 167, 38, 1)"
},
"warning-1": {
"dark-3": "rgba(245, 124, 0, 1)"
},
"warning-2": {
"light-3": "rgba(255, 183, 77, 1)"
},
"warning-3": {
"contrast-3": "rgba(0, 0, 0, 0.9)"
},
"warning-4": {
"states-14": {
"hovered": "rgba(237, 108, 2, 0)"
}
},
"warning-5": {
"states-15": {
"selected-4": "rgba(255, 167, 38, 0.1)"
}
},
"warning-6": {
"states-16": {
"focusvisible-3": "rgba(255, 167, 38, 0.3)"
}
},
"warning-7": {
"states-17": {
"outlinedborder-3": "rgba(255, 167, 38, 0.5)"
}
},
"info": {
"main-4": "rgba(0, 54, 143, 1)"
},
"info-1": {
"dark-4": "rgba(233, 240, 253, 1)"
},
"info-2": {
"light-4": "rgba(168, 168, 169, 1)"
},
"info-3": {
"contrast-4": "rgba(0, 0, 0, 0.9)"
},
"info-4": {
"states-18": {
"hover-4": "rgba(41, 182, 246, 0.1)"
}
},
"info-5": {
"states-19": {
"selected-5": "rgba(41, 182, 246, 0.2)"
}
},
"info-6": {
"states-20": {
"focusvisible-4": "rgba(41, 182, 246, 0.3)"
}
},
"info-7": {
"states-21": {
"outlinedborder-4": "rgba(41, 182, 246, 0.5)"
}
},
"success": {
"main-5": "rgba(102, 187, 106, 1)"
},
"success-1": {
"dark-5": "rgba(56, 142, 60, 1)"
},
"success-2": {
"light-5": "rgba(129, 199, 132, 1)"
},
"success-3": {
"contrast-5": "rgba(0, 0, 0, 0.9)"
},
"success-4": {
"states-22": {
"hover-5": "rgba(102, 187, 106, 0.1)"
}
},
"success-5": {
"states-23": {
"selected-6": "rgba(102, 187, 106, 0.2)"
}
},
"success-6": {
"states-24": {
"focusvisible-5": "rgba(102, 187, 106, 0.3)"
}
},
"success-7": {
"states-25": {
"outlinedborder-5": "rgba(102, 187, 106, 0.5)"
}
},
"background": {
"default": "rgba(18, 18, 18, 1)"
},
"background-1": {
"paper-elevation-0": "rgba(18, 18, 18, 1)"
},
"background-2": {
"paper-elevation-1": "rgba(30, 30, 30, 1)"
},
"background-3": {
"paper-elevation-2": "rgba(35, 35, 35, 1)"
},
"background-4": {
"paper-elevation-3": "rgba(37, 37, 37, 1)"
},
"background-5": {
"paper-elevation-4": "rgba(39, 39, 39, 1)"
},
"background-6": {
"paper-elevation-5": "rgba(42, 42, 42, 1)"
},
"background-7": {
"paper-elevation-6": "rgba(44, 44, 44, 1)"
},
"background-8": {
"paper-elevation-7": "rgba(44, 44, 44, 1)"
},
"background-9": {
"paper-elevation-8": "rgba(46, 46, 46, 1)"
},
"background-10": {
"paper-elevation-9": "rgba(46, 46, 46, 1)"
},
"background-11": {
"paper-elevation-10": "rgba(49, 49, 49, 1)"
},
"background-12": {
"paper-elevation-11": "rgba(49, 49, 49, 1)"
},
"background-13": {
"paper-elevation-12": "rgba(51, 51, 51, 1)"
},
"background-14": {
"paper-elevation-13": "rgba(51, 51, 51, 1)"
},
"background-15": {
"paper-elevation-14": "rgba(51, 51, 51, 1)"
},
"background-16": {
"paper-elevation-15": "rgba(51, 51, 51, 1)"
},
"background-17": {
"paper-elevation-16": "rgba(54, 54, 54, 1)"
},
"background-18": {
"paper-elevation-17": "rgba(54, 54, 54, 1)"
},
"background-19": {
"paper-elevation-18": "rgba(54, 54, 54, 1)"
},
"background-20": {
"paper-elevation-19": "rgba(54, 54, 54, 1)"
},
"background-21": {
"paper-elevation-20": "rgba(56, 56, 56, 1)"
},
"background-22": {
"paper-elevation-21": "rgba(56, 56, 56, 1)"
},
"background-23": {
"paper-elevation-22": "rgba(56, 56, 56, 1)"
},
"background-24": {
"paper-elevation-23": "rgba(56, 56, 56, 1)"
},
"background-25": {
"paper-elevation-24": "rgba(56, 56, 56, 1)"
},
"inherit": {
"white": {
"main-6": "rgba(255, 255, 255, 1)"
}
},
"inherit-1": {
"white-1": {
"hover-6": "rgba(255, 255, 255, 0.1)"
}
},
"inherit-2": {
"white-2": {
"selected-7": "rgba(255, 255, 255, 0.2)"
}
},
"inherit-3": {
"white-3": {
"focus-3": "rgba(255, 255, 255, 0.1)"
}
},
"inherit-4": {
"white-4": {
"focusvisible-6": "rgba(255, 255, 255, 0.3)"
}
},
"inherit-5": {
"textprimary": {
"main-7": "rgba(255, 255, 255, 1)"
}
},
"inherit-6": {
"textprimary-1": {
"hover-7": "rgba(255, 255, 255, 0.1)"
}
},
"inherit-7": {
"textprimary-2": {
"selected-8": "rgba(255, 255, 255, 0.2)"
}
},
"inherit-8": {
"textprimary-3": {
"focus-4": "rgba(255, 255, 255, 0.1)"
}
},
"inherit-9": {
"textprimary-4": {
"focusvisible-7": "rgba(255, 255, 255, 0.3)"
}
},
"grey": {
"50": "rgba(250, 250, 250, 1)"
},
"grey-1": {
"100": "rgba(245, 245, 245, 1)"
},
"grey-2": {
"200": "rgba(238, 238, 238, 1)"
},
"grey-3": {
"300": "rgba(224, 224, 224, 1)"
},
"grey-4": {
"400": "rgba(189, 189, 189, 1)"
},
"grey-5": {
"500": "rgba(158, 158, 158, 1)"
},
"grey-6": {
"600": "rgba(117, 117, 117, 1)"
},
"grey-7": {
"700": "rgba(97, 97, 97, 1)"
},
"grey-8": {
"800": "rgba(66, 66, 66, 1)"
},
"grey-9": {
"900": "rgba(33, 33, 33, 1)"
},
"grey-10": {
"a100": "rgba(213, 213, 213, 1)"
},
"grey-11": {
"a200": "rgba(170, 170, 170, 1)"
},
"grey-12": {
"a400": "rgba(97, 97, 97, 1)"
},
"grey-13": {
"a700": "rgba(48, 48, 48, 1)"
},
"indigo": {
"50-1": "rgba(232, 234, 246, 1)"
},
"indigo-1": {
"100-1": "rgba(197, 202, 233, 1)"
},
"indigo-2": {
"200-1": "rgba(159, 168, 218, 1)"
},
"indigo-3": {
"300-1": "rgba(121, 134, 203, 1)"
},
"indigo-4": {
"400-1": "rgba(92, 107, 192, 1)"
},
"indigo-5": {
"500-1": "rgba(63, 81, 181, 1)"
},
"indigo-6": {
"600-1": "rgba(57, 73, 171, 1)"
},
"indigo-7": {
"700-1": "rgba(48, 63, 159, 1)"
},
"indigo-8": {
"800-1": "rgba(40, 53, 147, 1)"
},
"indigo-9": {
"900-1": "rgba(26, 35, 126, 1)"
},
"indigo-10": {
"a100-1": "rgba(140, 158, 255, 1)"
},
"indigo-11": {
"a200-1": "rgba(83, 109, 254, 1)"
},
"indigo-12": {
"a400-1": "rgba(61, 90, 254, 1)"
},
"indigo-13": {
"a700-1": "rgba(48, 79, 254, 1)"
},
"deeppurple": {
"50-2": "rgba(237, 231, 246, 1)"
},
"deeppurple-1": {
"100-2": "rgba(209, 196, 233, 1)"
},
"deeppurple-2": {
"200-2": "rgba(179, 157, 219, 1)"
},
"deeppurple-3": {
"300-2": "rgba(149, 117, 205, 1)"
},
"deeppurple-4": {
"400-2": "rgba(126, 87, 194, 1)"
},
"deeppurple-5": {
"500-2": "rgba(103, 58, 183, 1)"
},
"deeppurple-6": {
"600-2": "rgba(94, 53, 177, 1)"
},
"deeppurple-7": {
"700-2": "rgba(81, 45, 168, 1)"
},
"deeppurple-8": {
"800-2": "rgba(69, 39, 160, 1)"
},
"deeppurple-9": {
"900-2": "rgba(49, 27, 146, 1)"
},
"deeppurple-10": {
"a100-2": "rgba(179, 136, 255, 1)"
},
"deeppurple-11": {
"a200-2": "rgba(124, 77, 255, 1)"
},
"deeppurple-12": {
"a400-2": "rgba(101, 31, 255, 1)"
},
"deeppurple-13": {
"a700-2": "rgba(98, 0, 234, 1)"
},
"amber": {
"50-3": "rgba(255, 248, 225, 1)"
},
"amber-1": {
"100-3": "rgba(255, 236, 179, 1)"
},
"amber-2": {
"200-3": "rgba(255, 224, 130, 1)"
},
"amber-3": {
"300-3": "rgba(255, 213, 79, 1)"
},
"amber-4": {
"400-3": "rgba(255, 202, 40, 1)"
},
"amber-5": {
"500-3": "rgba(255, 193, 7, 1)"
},
"amber-6": {
"600-3": "rgba(255, 179, 0, 1)"
},
"amber-7": {
"700-3": "rgba(255, 160, 0, 1)"
},
"amber-8": {
"800-3": "rgba(255, 143, 0, 1)"
},
"amber-9": {
"900-3": "rgba(255, 111, 0, 1)"
},
"amber-10": {
"a100-3": "rgba(255, 229, 127, 1)"
},
"amber-11": {
"a200-3": "rgba(255, 215, 64, 1)"
},
"amber-12": {
"a400-3": "rgba(255, 196, 0, 1)"
},
"amber-13": {
"a700-3": "rgba(255, 171, 0, 1)"
},
"orange": {
"50-4": "rgba(255, 243, 224, 1)"
},
"orange-1": {
"100-4": "rgba(255, 224, 178, 1)"
},
"orange-2": {
"200-4": "rgba(255, 204, 128, 1)"
},
"orange-3": {
"300-4": "rgba(255, 183, 77, 1)"
},
"orange-4": {
"400-4": "rgba(255, 167, 38, 1)"
},
"orange-5": {
"500-4": "rgba(255, 152, 0, 1)"
},
"orange-6": {
"600-4": "rgba(251, 140, 0, 1)"
},
"orange-7": {
"700-4": "rgba(245, 124, 0, 1)"
},
"orange-8": {
"800-4": "rgba(239, 108, 0, 1)"
},
"orange-9": {
"900-4": "rgba(230, 81, 0, 1)"
},
"orange-10": {
"a100-4": "rgba(255, 209, 128, 1)"
},
"orange-11": {
"a200-4": "rgba(255, 171, 64, 1)"
},
"orange-12": {
"a400-4": "rgba(255, 145, 0, 1)"
},
"orange-13": {
"a700-4": "rgba(255, 109, 0, 1)"
},
"pink": {
"50-5": "rgba(252, 228, 236, 1)"
},
"pink-1": {
"100-5": "rgba(248, 187, 208, 1)"
},
"pink-2": {
"200-5": "rgba(244, 143, 177, 1)"
},
"pink-3": {
"300-5": "rgba(240, 98, 146, 1)"
},
"pink-4": {
"400-5": "rgba(236, 64, 122, 1)"
},
"pink-5": {
"500-5": "rgba(233, 30, 99, 1)"
},
"pink-6": {
"600-5": "rgba(216, 27, 96, 1)"
},
"pink-7": {
"700-5": "rgba(194, 24, 91, 1)"
},
"pink-8": {
"800-5": "rgba(173, 20, 87, 1)"
},
"pink-9": {
"900-5": "rgba(136, 14, 79, 1)"
},
"pink-10": {
"a100-5": "rgba(255, 128, 171, 1)"
},
"pink-11": {
"a200-5": "rgba(255, 64, 129, 1)"
},
"pink-12": {
"a400-5": "rgba(245, 0, 87, 1)"
},
"pink-13": {
"a700-5": "rgba(197, 17, 98, 1)"
},
"deeporange": {
"50-6": "rgba(251, 233, 231, 1)"
},
"deeporange-1": {
"100-6": "rgba(255, 204, 188, 1)"
},
"deeporange-2": {
"200-6": "rgba(255, 171, 145, 1)"
},
"deeporange-3": {
"300-6": "rgba(255, 138, 101, 1)"
},
"deeporange-4": {
"400-6": "rgba(255, 112, 67, 1)"
},
"deeporange-5": {
"500-6": "rgba(255, 87, 34, 1)"
},
"deeporange-6": {
"600-6": "rgba(244, 81, 30, 1)"
},
"deeporange-7": {
"700-6": "rgba(230, 74, 25, 1)"
},
"deeporange-8": {
"800-6": "rgba(216, 67, 21, 1)"
},
"deeporange-9": {
"900-6": "rgba(191, 54, 12, 1)"
},
"deeporange-10": {
"a100-6": "rgba(255, 158, 128, 1)"
},
"deeporange-11": {
"a200-6": "rgba(255, 110, 64, 1)"
},
"deeporange-12": {
"a400-6": "rgba(255, 61, 0, 1)"
},
"deeporange-13": {
"a700-6": "rgba(221, 44, 0, 1)"
},
"green": {
"50-7": "rgba(232, 245, 233, 1)"
},
"green-1": {
"100-7": "rgba(200, 230, 201, 1)"
},
"green-2": {
"200-7": "rgba(165, 214, 167, 1)"
},
"green-3": {
"300-7": "rgba(129, 199, 132, 1)"
},
"green-4": {
"400-7": "rgba(102, 187, 106, 1)"
},
"green-5": {
"500-7": "rgba(76, 175, 80, 1)"
},
"green-6": {
"600-7": "rgba(67, 160, 71, 1)"
},
"green-7": {
"700-7": "rgba(56, 142, 60, 1)"
},
"green-8": {
"800-7": "rgba(46, 125, 50, 1)"
},
"green-9": {
"900-7": "rgba(27, 94, 32, 1)"
},
"green-10": {
"a100-7": "rgba(185, 246, 202, 1)"
},
"green-11": {
"a200-7": "rgba(105, 240, 174, 1)"
},
"green-12": {
"a400-7": "rgba(0, 230, 118, 1)"
},
"green-13": {
"a700-7": "rgba(0, 200, 83, 1)"
},
"red": {
"50-8": "rgba(254, 235, 238, 1)"
},
"red-1": {
"100-8": "rgba(254, 205, 210, 1)"
},
"red-2": {
"200-8": "rgba(239, 154, 154, 1)"
},
"red-3": {
"300-8": "rgba(229, 115, 115, 1)"
},
"red-4": {
"400-8": "rgba(239, 83, 80, 1)"
},
"red-5": {
"500-8": "rgba(244, 67, 54, 1)"
},
"red-6": {
"600-8": "rgba(229, 57, 53, 1)"
},
"red-7": {
"700-8": "rgba(211, 47, 47, 1)"
},
"red-8": {
"800-8": "rgba(198, 40, 40, 1)"
},
"red-9": {
"900-8": "rgba(183, 28, 28, 1)"
},
"red-10": {
"a100-8": "rgba(255, 138, 128, 1)"
},
"red-11": {
"a200-8": "rgba(255, 82, 82, 1)"
},
"red-12": {
"a400-8": "rgba(255, 23, 68, 1)"
},
"red-13": {
"a700-8": "rgba(213, 0, 0, 1)"
},
"lightgreen": {
"50-9": "rgba(241, 248, 233, 1)"
},
"lightgreen-1": {
"100-9": "rgba(220, 237, 200, 1)"
},
"lightgreen-2": {
"200-9": "rgba(197, 225, 165, 1)"
},
"lightgreen-3": {
"300-9": "rgba(174, 213, 129, 1)"
},
"lightgreen-4": {
"400-9": "rgba(139, 195, 74, 1)"
},
"lightgreen-5": {
"500-9": "rgba(139, 195, 74, 1)"
},
"lightgreen-6": {
"600-9": "rgba(124, 179, 66, 1)"
},
"lightgreen-7": {
"700-9": "rgba(104, 159, 56, 1)"
},
"lightgreen-8": {
"800-9": "rgba(85, 139, 47, 1)"
},
"lightgreen-9": {
"900-9": "rgba(51, 105, 30, 1)"
},
"lightgreen-10": {
"a100-9": "rgba(204, 255, 144, 1)"
},
"lightgreen-11": {
"a200-9": "rgba(178, 255, 89, 1)"
},
"lightgreen-12": {
"a400-9": "rgba(118, 255, 3, 1)"
},
"lightgreen-13": {
"a700-9": "rgba(100, 221, 23, 1)"
},
"purple": {
"50-10": "rgba(243, 229, 245, 1)"
},
"purple-1": {
"100-10": "rgba(225, 190, 231, 1)"
},
"purple-2": {
"200-10": "rgba(206, 147, 216, 1)"
},
"purple-3": {
"300-10": "rgba(186, 104, 200, 1)"
},
"purple-4": {
"400-10": "rgba(171, 71, 188, 1)"
},
"purple-5": {
"500-10": "rgba(156, 39, 176, 1)"
},
"purple-6": {
"600-10": "rgba(142, 36, 170, 1)"
},
"purple-7": {
"700-10": "rgba(123, 31, 162, 1)"
},
"purple-8": {
"800-10": "rgba(106, 27, 154, 1)"
},
"purple-9": {
"900-10": "rgba(74, 20, 140, 1)"
},
"purple-10": {
"a100-10": "rgba(234, 128, 252, 1)"
},
"purple-11": {
"a200-10": "rgba(224, 64, 251, 1)"
},
"purple-12": {
"a400-10": "rgba(213, 0, 249, 1)"
},
"purple-13": {
"a700-10": "rgba(170, 0, 255, 1)"
},
"lime": {
"50-11": "rgba(249, 251, 231, 1)"
},
"lime-1": {
"100-11": "rgba(240, 244, 195, 1)"
},
"lime-2": {
"200-11": "rgba(230, 238, 156, 1)"
},
"lime-3": {
"300-11": "rgba(220, 231, 117, 1)"
},
"lime-4": {
"400-11": "rgba(212, 225, 87, 1)"
},
"lime-5": {
"500-11": "rgba(205, 220, 57, 1)"
},
"lime-6": {
"600-11": "rgba(192, 202, 51, 1)"
},
"lime-7": {
"700-11": "rgba(175, 180, 43, 1)"
},
"lime-8": {
"800-11": "rgba(158, 157, 36, 1)"
},
"lime-9": {
"900-11": "rgba(130, 119, 23, 1)"
},
"lime-10": {
"a100-11": "rgba(244, 255, 129, 1)"
},
"lime-11": {
"a200-11": "rgba(238, 255, 65, 1)"
},
"lime-12": {
"a400-11": "rgba(198, 255, 0, 1)"
},
"lime-13": {
"a700-11": "rgba(174, 234, 0, 1)"
},
"lightblue": {
"50-12": "rgba(225, 245, 254, 1)"
},
"lightblue-1": {
"100-12": "rgba(179, 229, 252, 1)"
},
"lightblue-2": {
"200-12": "rgba(129, 212, 250, 1)"
},
"lightblue-3": {
"300-12": "rgba(79, 195, 247, 1)"
},
"lightblue-4": {
"400-12": "rgba(41, 182, 246, 1)"
},
"lightblue-5": {
"500-12": "rgba(3, 169, 244, 1)"
},
"lightblue-6": {
"600-12": "rgba(3, 155, 229, 1)"
},
"lightblue-7": {
"700-12": "rgba(2, 136, 209, 1)"
},
"lightblue-8": {
"800-12": "rgba(2, 119, 189, 1)"
},
"lightblue-9": {
"900-12": "rgba(1, 87, 155, 1)"
},
"lightblue-10": {
"a100-12": "rgba(128, 216, 255, 1)"
},
"lightblue-11": {
"a200-12": "rgba(64, 196, 255, 1)"
},
"lightblue-12": {
"a400-12": "rgba(0, 176, 255, 1)"
},
"lightblue-13": {
"a700-12": "rgba(0, 145, 234, 1)"
},
"yellow": {
"50-13": "rgba(255, 253, 231, 1)"
},
"yellow-1": {
"100-13": "rgba(255, 249, 196, 1)"
},
"yellow-2": {
"200-13": "rgba(255, 245, 157, 1)"
},
"yellow-3": {
"300-13": "rgba(255, 241, 118, 1)"
},
"yellow-4": {
"400-13": "rgba(255, 238, 88, 1)"
},
"yellow-5": {
"500-13": "rgba(255, 235, 59, 1)"
},
"yellow-6": {
"600-13": "rgba(253, 216, 53, 1)"
},
"yellow-7": {
"700-13": "rgba(251, 192, 45, 1)"
},
"yellow-8": {
"800-13": "rgba(249, 168, 37, 1)"
},
"yellow-9": {
"900-13": "rgba(245, 127, 23, 1)"
},
"yellow-10": {
"a100-13": "rgba(255, 255, 141, 1)"
},
"yellow-11": {
"a200-13": "rgba(255, 255, 0, 1)"
},
"yellow-12": {
"a400-13": "rgba(255, 234, 0, 1)"
},
"yellow-13": {
"a700-13": "rgba(255, 214, 0, 1)"
},
"cyan": {
"50-14": "rgba(224, 247, 250, 1)"
},
"cyan-1": {
"100-14": "rgba(178, 235, 242, 1)"
},
"cyan-2": {
"200-14": "rgba(128, 222, 234, 1)"
},
"cyan-3": {
"300-14": "rgba(77, 208, 225, 1)"
},
"cyan-4": {
"400-14": "rgba(38, 198, 218, 1)"
},
"cyan-5": {
"500-14": "rgba(0, 188, 212, 1)"
},
"cyan-6": {
"600-14": "rgba(0, 172, 193, 1)"
},
"cyan-7": {
"700-14": "rgba(0, 151, 167, 1)"
},
"cyan-8": {
"800-14": "rgba(0, 131, 143, 1)"
},
"cyan-9": {
"900-14": "rgba(0, 96, 100, 1)"
},
"cyan-10": {
"a100-14": "rgba(132, 255, 255, 1)"
},
"cyan-11": {
"a200-14": "rgba(24, 255, 255, 1)"
},
"cyan-12": {
"a400-14": "rgba(0, 229, 255, 1)"
},
"cyan-13": {
"a700-14": "rgba(0, 184, 212, 1)"
},
"teal": {
"50-15": "rgba(224, 242, 241, 1)"
},
"teal-1": {
"100-15": "rgba(178, 223, 219, 1)"
},
"teal-2": {
"200-15": "rgba(128, 203, 196, 1)"
},
"teal-3": {
"300-15": "rgba(77, 182, 172, 1)"
},
"teal-4": {
"400-15": "rgba(38, 166, 154, 1)"
},
"teal-5": {
"500-15": "rgba(0, 150, 136, 1)"
},
"teal-6": {
"600-15": "rgba(0, 137, 123, 1)"
},
"teal-7": {
"700-15": "rgba(0, 121, 107, 1)"
},
"teal-8": {
"800-15": "rgba(0, 105, 92, 1)"
},
"teal-9": {
"900-15": "rgba(0, 77, 64, 1)"
},
"teal-10": {
"a100-15": "rgba(167, 255, 235, 1)"
},
"teal-11": {
"a200-15": "rgba(100, 255, 218, 1)"
},
"teal-12": {
"a400-15": "rgba(29, 233, 182, 1)"
},
"teal-13": {
"a700-15": "rgba(0, 191, 165, 1)"
},
"blue": {
"50-16": "rgba(227, 242, 253, 1)"
},
"blue-1": {
"100-16": "rgba(187, 222, 251, 1)"
},
"blue-2": {
"200-16": "rgba(144, 202, 249, 1)"
},
"blue-3": {
"300-16": {
"0": "rgba(25, 118, 210, 1)",
"1": "rgba(255, 255, 255, 0.3)"
}
},
"blue-4": {
"400-16": "rgba(66, 165, 245, 1)"
},
"blue-5": {
"500-16": "rgba(33, 150, 243, 1)"
},
"blue-6": {
"600-16": "rgba(30, 136, 229, 1)"
},
"blue-7": {
"700-16": "rgba(0, 87, 178, 1)"
},
"blue-8": {
"800-16": "rgba(21, 101, 192, 1)"
},
"blue-9": {
"900-16": "rgba(13, 71, 161, 1)"
},
"blue-10": {
"a100-16": "rgba(130, 177, 255, 1)"
},
"blue-11": {
"a200-16": "rgba(68, 138, 255, 1)"
},
"blue-12": {
"a400-16": "rgba(41, 121, 255, 1)"
},
"blue-13": {
"a700-16": "rgba(41, 98, 255, 1)"
},
"bluegrey": {
"50-17": "rgba(236, 239, 241, 1)"
},
"bluegrey-1": {
"100-17": "rgba(207, 216, 220, 1)"
},
"bluegrey-2": {
"200-17": "rgba(176, 190, 197, 1)"
},
"bluegrey-3": {
"300-17": "rgba(144, 164, 174, 1)"
},
"bluegrey-4": {
"400-17": "rgba(120, 144, 156, 1)"
},
"bluegrey-5": {
"500-17": "rgba(96, 125, 139, 1)"
},
"bluegrey-6": {
"600-17": "rgba(84, 110, 122, 1)"
},
"bluegrey-7": {
"700-17": "rgba(69, 90, 100, 1)"
},
"bluegrey-8": {
"800-17": "rgba(55, 71, 79, 1)"
},
"bluegrey-9": {
"900-17": "rgba(38, 50, 56, 1)"
},
"alert": {
"errorcontent": "rgba(95, 33, 32, 1)"
},
"alert-1": {
"errorfill": "rgba(253, 237, 237, 1)"
},
"alert-2": {
"warningcontent": "rgba(102, 60, 0, 1)"
},
"alert-3": {
"warningfill": "rgba(255, 244, 229, 1)"
},
"alert-4": {
"infocontent": "rgba(1, 67, 97, 1)"
},
"alert-5": {
"infofill": "rgba(229, 246, 253, 1)"
},
"alert-6": {
"successcontent": "rgba(30, 70, 32, 1)"
},
"alert-7": {
"successfill": "rgba(237, 247, 237, 1)"
},
"appbar": {
"defaultfill": "rgba(245, 245, 245, 1)"
},
"avatar": {
"fill": "rgba(189, 189, 189, 1)"
},
"backdrop": {
"fill-1": "rgba(0, 0, 0, 0.5)"
},
"breadcrumbs": {
"collapsefill": "rgba(245, 245, 245, 1)"
},
"chip": {
"defaultclosefill": "rgba(0, 0, 0, 1)"
},
"chip-1": {
"defaulthoverfill": "rgba(0, 0, 0, 0.1)"
},
"chip-2": {
"defaultfocusfill": "rgba(255, 255, 255, 0.2)"
},
"chip-3": {
"defaultenabledborder": "rgba(189, 189, 189, 1)"
},
"input": {
"standard": {
"enabledborder": "rgba(0, 0, 0, 0.4)"
}
},
"input-1": {
"standard-1": {
"hoverborder": "rgba(0, 0, 0, 1)"
}
},
"input-2": {
"filled": {
"enabledfill": "rgba(0, 0, 0, 0.1)"
}
},
"input-3": {
"filled-1": {
"hoverfill": "rgba(0, 0, 0, 0.1)"
}
},
"input-4": {
"outlined": {
"enabledborder-1": "rgba(0, 0, 0, 0.2)"
}
},
"input-5": {
"outlined-1": {
"hoverborder-1": "rgba(0, 0, 0, 1)"
}
},
"rating": {
"enabledborder-2": "rgba(0, 0, 0, 0.2)"
},
"rating-1": {
"activefill": "rgba(255, 180, 0, 1)"
},
"switch": {
"knobfill": "rgba(250, 250, 250, 1)"
},
"switch-1": {
"slidefill": "rgba(0, 0, 0, 1)"
},
"tooltip": {
"fill-2": "rgba(97, 97, 97, 0.9)"
},
"snackbar": {
"defaultfill-1": {
"0": "rgba(18, 18, 18, 1)",
"1": "support only solid color"
}
}
}
//effect style
{
"elevation-outlined": {
"box-shadow": "0px 0px 0px rgba(255, 255, 255, 0.1)"
},
"elevation-1": {
"box-shadow": "0px 2px 1px rgba(0, 0, 0, 0.2), 0px 1px 1px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.1)"
},
"elevation-2": {
"box-shadow": "0px 3px 1px rgba(0, 0, 0, 0.2), 0px 2px 2px rgba(0, 0, 0, 0.1), 0px 1px 5px rgba(0, 0, 0, 0.1)"
},
"elevation-3": {
"box-shadow": "0px 3px 3px rgba(0, 0, 0, 0.2), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 8px rgba(0, 0, 0, 0.1)"
},
"elevation-4": {
"box-shadow": "0px 2px 4px rgba(0, 0, 0, 0.2), 0px 4px 5px rgba(0, 0, 0, 0.1), 0px 1px 10px rgba(0, 0, 0, 0.1)"
},
"elevation-5": {
"box-shadow": "0px 3px 5px rgba(0, 0, 0, 0.2), 0px 5px 8px rgba(0, 0, 0, 0.1), 0px 1px 14px rgba(0, 0, 0, 0.1)"
},
"elevation-6": {
"box-shadow": "0px 3px 5px rgba(0, 0, 0, 0.2), 0px 6px 10px rgba(0, 0, 0, 0.1), 0px 1px 18px rgba(0, 0, 0, 0.1)"
},
"elevation-7": {
"box-shadow": "0px 4px 5px rgba(0, 0, 0, 0.2), 0px 7px 10px rgba(0, 0, 0, 0.1), 0px 2px 16px rgba(0, 0, 0, 0.1)"
},
"elevation-8": {
"box-shadow": "0px 5px 5px rgba(0, 0, 0, 0.2), 0px 8px 10px rgba(0, 0, 0, 0.1), 0px 3px 14px rgba(0, 0, 0, 0.1)"
},
"elevation-9": {
"box-shadow": "0px 5px 6px rgba(0, 0, 0, 0.2), 0px 9px 12px rgba(0, 0, 0, 0.1), 0px 3px 16px rgba(0, 0, 0, 0.1)"
},
"elevation-10": {
"box-shadow": "0px 6px 6px rgba(0, 0, 0, 0.2), 0px 10px 14px rgba(0, 0, 0, 0.1), 0px 4px 18px rgba(0, 0, 0, 0.1)"
},
"elevation-11": {
"box-shadow": "0px 6px 7px rgba(0, 0, 0, 0.2), 0px 11px 15px rgba(0, 0, 0, 0.1), 0px 4px 20px rgba(0, 0, 0, 0.1)"
},
"elevation-12": {
"box-shadow": "0px 7px 8px rgba(0, 0, 0, 0.2), 0px 12px 17px rgba(0, 0, 0, 0.1), 0px 5px 22px rgba(0, 0, 0, 0.1)"
},
"elevation-13": {
"box-shadow": "0px 7px 8px rgba(0, 0, 0, 0.2), 0px 13px 19px rgba(0, 0, 0, 0.1), 0px 5px 24px rgba(0, 0, 0, 0.1)"
},
"elevation-14": {
"box-shadow": "0px 7px 9px rgba(0, 0, 0, 0.2), 0px 14px 21px rgba(0, 0, 0, 0.1), 0px 5px 26px rgba(0, 0, 0, 0.1)"
},
"elevation-15": {
"box-shadow": "0px 8px 9px rgba(0, 0, 0, 0.2), 0px 15px 22px rgba(0, 0, 0, 0.1), 0px 6px 28px rgba(0, 0, 0, 0.1)"
},
"elevation-16": {
"box-shadow": "0px 8px 10px rgba(0, 0, 0, 0.2), 0px 16px 24px rgba(0, 0, 0, 0.1), 0px 6px 30px rgba(0, 0, 0, 0.1)"
},
"elevation-17": {
"box-shadow": "0px 8px 11px rgba(0, 0, 0, 0.2), 0px 17px 26px rgba(0, 0, 0, 0.1), 0px 6px 32px rgba(0, 0, 0, 0.1)"
},
"elevation-18": {
"box-shadow": "0px 9px 11px rgba(0, 0, 0, 0.2), 0px 18px 28px rgba(0, 0, 0, 0.1), 0px 7px 34px rgba(0, 0, 0, 0.1)"
},
"elevation-19": {
"box-shadow": "0px 9px 12px rgba(0, 0, 0, 0.2), 0px 19px 29px rgba(0, 0, 0, 0.1), 0px 7px 36px rgba(0, 0, 0, 0.1)"
},
"elevation-20": {
"box-shadow": "0px 10px 13px rgba(0, 0, 0, 0.2), 0px 20px 31px rgba(0, 0, 0, 0.1), 0px 8px 38px rgba(0, 0, 0, 0.1)"
},
"elevation-21": {
"box-shadow": "0px 10px 13px rgba(0, 0, 0, 0.2), 0px 21px 33px rgba(0, 0, 0, 0.1), 0px 8px 40px rgba(0, 0, 0, 0.1)"
},
"elevation-22": {
"box-shadow": "0px 10px 14px rgba(0, 0, 0, 0.2), 0px 22px 35px rgba(0, 0, 0, 0.1), 0px 8px 42px rgba(0, 0, 0, 0.1)"
},
"elevation-23": {
"box-shadow": "0px 11px 14px rgba(0, 0, 0, 0.2), 0px 23px 36px rgba(0, 0, 0, 0.1), 0px 9px 44px rgba(0, 0, 0, 0.1)"
},
"elevation-24": {
"box-shadow": "0px 11px 15px rgba(0, 0, 0, 0.2), 0px 24px 38px rgba(0, 0, 0, 0.1), 0px 9px 46px rgba(0, 0, 0, 0.1)"
}
}
Editor is loading...