- {
- "breakpoints": {
- "keys": [
- "xs",
- "sm",
- "md",
- "lg",
- "xl"
- ],
- "values": {
- "xs": 0,
- "sm": 600,
- "md": 960,
- "lg": 1280,
- "xl": 1920
- }
- },
- "direction": "ltr",
- "mixins": {
- "toolbar": {
- "minHeight": 56,
- "@media (min-width:0px) and (orientation: landscape)": {
- "minHeight": 48
- },
- "@media (min-width:600px)": {
- "minHeight": 64
- }
- }
- },
- "overrides": {},
- "palette": {
- "common": {
- "black": "#000",
- "white": "#fff"
- },
- "type": "dark",
- "primary": {
- "main": "#90caf9",
- "light": "rgb(166, 212, 250)",
- "dark": "rgb(100, 141, 174)",
- "contrastText": "rgba(0, 0, 0, 0.87)"
- },
- "secondary": {
- "main": "#f48fb1",
- "light": "rgb(246, 165, 192)",
- "dark": "rgb(170, 100, 123)",
- "contrastText": "rgba(0, 0, 0, 0.87)"
- },
- "error": {
- "light": "#e57373",
- "main": "#f44336",
- "dark": "#d32f2f",
- "contrastText": "#fff"
- },
- "warning": {
- "light": "#ffb74d",
- "main": "#ff9800",
- "dark": "#f57c00",
- "contrastText": "rgba(0, 0, 0, 0.87)"
- },
- "info": {
- "light": "#64b5f6",
- "main": "#2196f3",
- "dark": "#1976d2",
- "contrastText": "#fff"
- },
- "success": {
- "light": "#81c784",
- "main": "#4caf50",
- "dark": "#388e3c",
- "contrastText": "rgba(0, 0, 0, 0.87)"
- },
- "grey": {
- "50": "#fafafa",
- "100": "#f5f5f5",
- "200": "#eeeeee",
- "300": "#e0e0e0",
- "400": "#bdbdbd",
- "500": "#9e9e9e",
- "600": "#757575",
- "700": "#616161",
- "800": "#424242",
- "900": "#212121",
- "A100": "#d5d5d5",
- "A200": "#aaaaaa",
- "A400": "#303030",
- "A700": "#616161"
- },
- "contrastThreshold": 3,
- "tonalOffset": 0.2,
- "text": {
- "primary": "#fff",
- "secondary": "rgba(255, 255, 255, 0.7)",
- "disabled": "rgba(255, 255, 255, 0.5)",
- "hint": "rgba(255, 255, 255, 0.5)",
- "icon": "rgba(255, 255, 255, 0.5)"
- },
- "divider": "rgba(255, 255, 255, 0.12)",
- "background": {
- "paper": "#424242",
- "default": "#121212",
- "level2": "#333",
- "level1": "#212121"
- },
- "action": {
- "active": "#fff",
- "hover": "rgba(255, 255, 255, 0.08)",
- "hoverOpacity": 0.08,
- "selected": "rgba(255, 255, 255, 0.16)",
- "selectedOpacity": 0.16,
- "disabled": "rgba(255, 255, 255, 0.3)",
- "disabledBackground": "rgba(255, 255, 255, 0.12)",
- "disabledOpacity": 0.38,
- "focus": "rgba(255, 255, 255, 0.12)",
- "focusOpacity": 0.12,
- "activatedOpacity": 0.24
- }
- },
- "props": {},
- "shadows": [
- "none",
- "0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12)",
- "0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12)",
- "0px 3px 3px -2px rgba(0,0,0,0.2),0px 3px 4px 0px rgba(0,0,0,0.14),0px 1px 8px 0px rgba(0,0,0,0.12)",
- "0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12)",
- "0px 3px 5px -1px rgba(0,0,0,0.2),0px 5px 8px 0px rgba(0,0,0,0.14),0px 1px 14px 0px rgba(0,0,0,0.12)",
- "0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12)",
- "0px 4px 5px -2px rgba(0,0,0,0.2),0px 7px 10px 1px rgba(0,0,0,0.14),0px 2px 16px 1px rgba(0,0,0,0.12)",
- "0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12)",
- "0px 5px 6px -3px rgba(0,0,0,0.2),0px 9px 12px 1px rgba(0,0,0,0.14),0px 3px 16px 2px rgba(0,0,0,0.12)",
- "0px 6px 6px -3px rgba(0,0,0,0.2),0px 10px 14px 1px rgba(0,0,0,0.14),0px 4px 18px 3px rgba(0,0,0,0.12)",
- "0px 6px 7px -4px rgba(0,0,0,0.2),0px 11px 15px 1px rgba(0,0,0,0.14),0px 4px 20px 3px rgba(0,0,0,0.12)",
- "0px 7px 8px -4px rgba(0,0,0,0.2),0px 12px 17px 2px rgba(0,0,0,0.14),0px 5px 22px 4px rgba(0,0,0,0.12)",
- "0px 7px 8px -4px rgba(0,0,0,0.2),0px 13px 19px 2px rgba(0,0,0,0.14),0px 5px 24px 4px rgba(0,0,0,0.12)",
- "0px 7px 9px -4px rgba(0,0,0,0.2),0px 14px 21px 2px rgba(0,0,0,0.14),0px 5px 26px 4px rgba(0,0,0,0.12)",
- "0px 8px 9px -5px rgba(0,0,0,0.2),0px 15px 22px 2px rgba(0,0,0,0.14),0px 6px 28px 5px rgba(0,0,0,0.12)",
- "0px 8px 10px -5px rgba(0,0,0,0.2),0px 16px 24px 2px rgba(0,0,0,0.14),0px 6px 30px 5px rgba(0,0,0,0.12)",
- "0px 8px 11px -5px rgba(0,0,0,0.2),0px 17px 26px 2px rgba(0,0,0,0.14),0px 6px 32px 5px rgba(0,0,0,0.12)",
- "0px 9px 11px -5px rgba(0,0,0,0.2),0px 18px 28px 2px rgba(0,0,0,0.14),0px 7px 34px 6px rgba(0,0,0,0.12)",
- "0px 9px 12px -6px rgba(0,0,0,0.2),0px 19px 29px 2px rgba(0,0,0,0.14),0px 7px 36px 6px rgba(0,0,0,0.12)",
- "0px 10px 13px -6px rgba(0,0,0,0.2),0px 20px 31px 3px rgba(0,0,0,0.14),0px 8px 38px 7px rgba(0,0,0,0.12)",
- "0px 10px 13px -6px rgba(0,0,0,0.2),0px 21px 33px 3px rgba(0,0,0,0.14),0px 8px 40px 7px rgba(0,0,0,0.12)",
- "0px 10px 14px -6px rgba(0,0,0,0.2),0px 22px 35px 3px rgba(0,0,0,0.14),0px 8px 42px 7px rgba(0,0,0,0.12)",
- "0px 11px 14px -7px rgba(0,0,0,0.2),0px 23px 36px 3px rgba(0,0,0,0.14),0px 9px 44px 8px rgba(0,0,0,0.12)",
- "0px 11px 15px -7px rgba(0,0,0,0.2),0px 24px 38px 3px rgba(0,0,0,0.14),0px 9px 46px 8px rgba(0,0,0,0.12)"
- ],
- "typography": {
- "htmlFontSize": 16,
- "fontFamily": "\"Roboto\", \"Helvetica\", \"Arial\", sans-serif",
- "fontSize": 14,
- "fontWeightLight": 300,
- "fontWeightRegular": 400,
- "fontWeightMedium": 500,
- "fontWeightBold": 700,
- "h1": {
- "fontFamily": "\"Roboto\", \"Helvetica\", \"Arial\", sans-serif",
- "fontWeight": 300,
- "fontSize": "6rem",
- "lineHeight": 1.167,
- "letterSpacing": "-0.01562em"
- },
- "h2": {
- "fontFamily": "\"Roboto\", \"Helvetica\", \"Arial\", sans-serif",
- "fontWeight": 300,
- "fontSize": "3.75rem",
- "lineHeight": 1.2,
- "letterSpacing": "-0.00833em"
- },
- "h3": {
- "fontFamily": "\"Roboto\", \"Helvetica\", \"Arial\", sans-serif",
- "fontWeight": 400,
- "fontSize": "3rem",
- "lineHeight": 1.167,
- "letterSpacing": "0em"
- },
- "h4": {
- "fontFamily": "\"Roboto\", \"Helvetica\", \"Arial\", sans-serif",
- "fontWeight": 400,
- "fontSize": "2.125rem",
- "lineHeight": 1.235,
- "letterSpacing": "0.00735em"
- },
- "h5": {
- "fontFamily": "\"Roboto\", \"Helvetica\", \"Arial\", sans-serif",
- "fontWeight": 400,
- "fontSize": "1.5rem",
- "lineHeight": 1.334,
- "letterSpacing": "0em"
- },
- "h6": {
- "fontFamily": "\"Roboto\", \"Helvetica\", \"Arial\", sans-serif",
- "fontWeight": 500,
- "fontSize": "1.25rem",
- "lineHeight": 1.6,
- "letterSpacing": "0.0075em"
- },
- "subtitle1": {
- "fontFamily": "\"Roboto\", \"Helvetica\", \"Arial\", sans-serif",
- "fontWeight": 400,
- "fontSize": "1rem",
- "lineHeight": 1.75,
- "letterSpacing": "0.00938em"
- },
- "subtitle2": {
- "fontFamily": "\"Roboto\", \"Helvetica\", \"Arial\", sans-serif",
- "fontWeight": 500,
- "fontSize": "0.875rem",
- "lineHeight": 1.57,
- "letterSpacing": "0.00714em"
- },
- "body1": {
- "fontFamily": "\"Roboto\", \"Helvetica\", \"Arial\", sans-serif",
- "fontWeight": 400,
- "fontSize": "1rem",
- "lineHeight": 1.5,
- "letterSpacing": "0.00938em"
- },
- "body2": {
- "fontFamily": "\"Roboto\", \"Helvetica\", \"Arial\", sans-serif",
- "fontWeight": 400,
- "fontSize": "0.875rem",
- "lineHeight": 1.43,
- "letterSpacing": "0.01071em"
- },
- "button": {
- "fontFamily": "\"Roboto\", \"Helvetica\", \"Arial\", sans-serif",
- "fontWeight": 500,
- "fontSize": "0.875rem",
- "lineHeight": 1.75,
- "letterSpacing": "0.02857em",
- "textTransform": "uppercase"
- },
- "caption": {
- "fontFamily": "\"Roboto\", \"Helvetica\", \"Arial\", sans-serif",
- "fontWeight": 400,
- "fontSize": "0.75rem",
- "lineHeight": 1.66,
- "letterSpacing": "0.03333em"
- },
- "overline": {
- "fontFamily": "\"Roboto\", \"Helvetica\", \"Arial\", sans-serif",
- "fontWeight": 400,
- "fontSize": "0.75rem",
- "lineHeight": 2.66,
- "letterSpacing": "0.08333em",
- "textTransform": "uppercase"
- }
- },
- "shape": {
- "borderRadius": 4
- },
- "transitions": {
- "easing": {
- "easeInOut": "cubic-bezier(0.4, 0, 0.2, 1)",
- "easeOut": "cubic-bezier(0.0, 0, 0.2, 1)",
- "easeIn": "cubic-bezier(0.4, 0, 1, 1)",
- "sharp": "cubic-bezier(0.4, 0, 0.6, 1)"
- },
- "duration": {
- "shortest": 150,
- "shorter": 200,
- "short": 250,
- "standard": 300,
- "complex": 375,
- "enteringScreen": 225,
- "leavingScreen": 195
- }
- },
- "zIndex": {
- "mobileStepper": 1000,
- "speedDial": 1050,
- "appBar": 1100,
- "drawer": 1200,
- "modal": 1300,
- "snackbar": 1400,
- "tooltip": 1500
- },
- "nprogress": {
- "color": "#fff"
- }
- }
Untitled
From Whipped Flamingo, 11 Months ago, written in Plain Text, viewed 2 times.
This paste will expire in 1 Second.
URL https://paste.paivola.fi/view/ffb7b01e
Embed
Download Paste or View Raw
— Expand Paste to full width of browser