Untitled

mail@pastecode.io avatar
unknown
plain_text
a year ago
34 kB
4
Indexable
Never
//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)"
  }
}