%PDF-
%PDF-
Mini Shell
Mini Shell
(this["webpackJsonpfuse-react-app"]=this["webpackJsonpfuse-react-app"]||[]).push([[144],{2447:function(n,a,r){"use strict";r.r(a),a.default="import { fuseDark, skyBlue } from '@fuse/colors';\nimport { lightBlue, red } from '@material-ui/core/colors';\n\nconst lightText = {\n primary: 'rgb(17, 24, 39)',\n secondary: 'rgb(107, 114, 128)',\n disabled: 'rgb(149, 156, 169)',\n};\n\nconst darkText = {\n primary: 'rgb(255,255,255)',\n secondary: 'rgb(229, 231, 235)',\n disabled: 'rgb(156, 163, 175)',\n};\n\nconst themesConfig = {\n default: {\n palette: {\n type: 'light',\n text: lightText,\n common: {\n black: 'rgb(17, 24, 39)',\n white: 'rgb(255, 255, 255)',\n },\n primary: fuseDark,\n secondary: {\n light: skyBlue[100],\n main: skyBlue[500],\n dark: skyBlue[900],\n },\n background: {\n paper: '#FFFFFF',\n default: '#f6f7f9',\n },\n error: red,\n },\n status: {\n danger: 'orange',\n },\n },\n defaultDark: {\n palette: {\n type: 'dark',\n text: darkText,\n primary: fuseDark,\n secondary: {\n light: skyBlue[100],\n main: skyBlue[500],\n dark: skyBlue[900],\n },\n background: {\n paper: '#1E2125',\n default: '#121212',\n },\n error: red,\n },\n status: {\n danger: 'orange',\n },\n },\n legacy: {\n palette: {\n type: 'light',\n text: lightText,\n primary: fuseDark,\n secondary: {\n light: lightBlue[400],\n main: lightBlue[600],\n dark: lightBlue[700],\n },\n background: {\n paper: '#FFFFFF',\n default: '#F7F7F7',\n },\n error: red,\n },\n status: {\n danger: 'orange',\n },\n },\n light1: {\n palette: {\n type: 'light',\n text: lightText,\n primary: {\n light: '#b3d1d1',\n main: '#006565',\n dark: '#003737',\n },\n secondary: {\n light: '#ffecc0',\n main: '#FFBE2C',\n dark: '#ff9910',\n contrastText: '#272727',\n },\n background: {\n paper: '#FFFFFF',\n default: '#F0F7F7',\n },\n error: red,\n },\n status: {\n danger: 'orange',\n },\n },\n light2: {\n palette: {\n type: 'light',\n text: lightText,\n primary: {\n light: '#fdf3da',\n main: '#f8d683',\n dark: '#f3bc53',\n contrastText: '#252525',\n },\n secondary: {\n light: '#FADCB3',\n main: '#F3B25F',\n dark: '#ec9339',\n contrastText: '#252525',\n },\n background: {\n paper: '#FAFBFD',\n default: '#FFFFFF',\n },\n error: red,\n },\n status: {\n danger: 'orange',\n },\n },\n light3: {\n palette: {\n type: 'light',\n text: lightText,\n primary: {\n light: '#D9C8CE',\n main: '#80485B',\n dark: '#50212F',\n },\n secondary: {\n light: '#FFE3BF',\n main: '#FFB049',\n dark: '#FF8619',\n contrastText: '#252525',\n },\n background: {\n paper: '#FFF0DF',\n default: '#FAFAFE',\n },\n error: red,\n },\n status: {\n danger: 'orange',\n },\n },\n light4: {\n palette: {\n type: 'light',\n text: lightText,\n primary: {\n light: '#CDCCE8',\n main: '#5854B1',\n dark: '#2D2988',\n },\n secondary: {\n light: '#F8EBF2',\n main: '#E7BDD3',\n dark: '#D798B7',\n contrastText: '#1E1F23',\n },\n background: {\n paper: '#FFFFFF',\n default: '#F6F7FB',\n },\n error: red,\n },\n status: {\n danger: 'orange',\n },\n },\n light5: {\n palette: {\n type: 'light',\n text: lightText,\n primary: {\n light: '#C2C7F1',\n main: '#3543D0',\n dark: '#161EB3',\n },\n secondary: {\n light: '#B3F1FE',\n main: '#00CFFD',\n dark: '#00B2FC',\n contrastText: '#1E1F23',\n },\n background: {\n paper: '#FFFFFF',\n default: '#F7FAFF',\n },\n error: red,\n },\n status: {\n danger: 'orange',\n },\n },\n light6: {\n palette: {\n type: 'light',\n text: lightText,\n primary: {\n light: '#BBE2DA',\n main: '#1B9E85',\n dark: '#087055',\n },\n secondary: {\n light: '#FFD0C1',\n main: '#FF6231',\n dark: '#FF3413',\n contrastText: '#FFF',\n },\n background: {\n paper: '#FFFFFF',\n default: '#F2F8F1',\n },\n error: red,\n },\n status: {\n danger: 'orange',\n },\n },\n light7: {\n palette: {\n type: 'light',\n text: lightText,\n primary: {\n light: '#BFC4E6',\n main: '#2A3BAB',\n dark: '#0F1980',\n },\n secondary: {\n light: '#C2ECF0',\n main: '#33C1CD',\n dark: '#149EAE',\n contrastText: '#1E1F23',\n },\n background: {\n paper: '#FFFFFF',\n default: '#EDF0F6',\n },\n error: red,\n },\n status: {\n danger: 'orange',\n },\n },\n light8: {\n palette: {\n type: 'light',\n text: lightText,\n primary: {\n light: '#D2EFF2',\n main: '#68C8D5',\n dark: '#3AA7BA',\n },\n secondary: {\n light: '#FFF2C6',\n main: '#FED441',\n dark: '#FDB91C',\n contrastText: '#1E1F23',\n },\n background: {\n paper: '#FAF6F3',\n default: '#FFFFFF',\n },\n error: red,\n },\n status: {\n danger: 'orange',\n },\n },\n light9: {\n palette: {\n type: 'light',\n text: lightText,\n primary: {\n light: '#D3C0CD',\n main: '#6B2C57',\n dark: '#3C102C',\n },\n secondary: {\n light: '#FDEAC9',\n main: '#F9B84B',\n dark: '#F59123',\n contrastText: '#1E1F23',\n },\n background: {\n paper: '#FFFFFF',\n default: '#FAFAFE',\n },\n error: red,\n },\n status: {\n danger: 'orange',\n },\n },\n light10: {\n palette: {\n type: 'light',\n text: lightText,\n primary: {\n light: '#C6C9CD',\n main: '#404B57',\n dark: '#1C232C',\n },\n secondary: {\n light: '#FEEDC7',\n main: '#FCC344',\n dark: '#FAA11F',\n contrastText: '#1E1F23',\n },\n background: {\n paper: '#FFFFFF',\n default: '#F5F4F6',\n },\n error: red,\n },\n status: {\n danger: 'orange',\n },\n },\n light11: {\n palette: {\n type: 'light',\n text: lightText,\n primary: {\n light: '#C4C4C4',\n main: '#3A3A3A',\n dark: '#181818',\n },\n secondary: {\n light: '#EFEFED',\n main: '#CBCAC3',\n dark: '#ACABA1',\n contrastText: '#1E1F23',\n },\n background: {\n paper: '#EFEEE7',\n default: '#FAF8F2',\n },\n error: {\n light: '#F7EAEA',\n main: '#EBCECE',\n dark: '#E3B9B9',\n },\n },\n status: {\n danger: 'yellow',\n },\n },\n light12: {\n palette: {\n type: 'light',\n text: lightText,\n primary: {\n light: '#FFFAF6',\n main: '#FFEDE2',\n dark: '#FFE0CF',\n },\n secondary: {\n light: '#DBD8F7',\n main: '#887CE3',\n dark: '#584CD0',\n contrastText: '#FFFFFF',\n },\n background: {\n paper: '#FFFFFF',\n default: '#FCF8F5',\n },\n error: red,\n },\n status: {\n danger: 'orange',\n },\n },\n dark1: {\n palette: {\n type: 'dark',\n text: darkText,\n primary: {\n light: '#C2C2C3',\n main: '#323338',\n dark: '#131417',\n },\n secondary: {\n light: '#B8E1D9',\n main: '#129B7F',\n dark: '#056D4F',\n contrastText: '#FFFFFF',\n },\n background: {\n paper: '#262526',\n default: '#1E1D1E',\n },\n error: red,\n },\n status: {\n danger: 'orange',\n },\n },\n dark2: {\n palette: {\n type: 'dark',\n text: darkText,\n primary: {\n light: '#C9CACE',\n main: '#4B4F5A',\n dark: '#23262E',\n },\n secondary: {\n light: '#F8F5F2',\n main: '#E6DED5',\n dark: '#D5C8BA',\n contrastText: '#23262E',\n },\n background: {\n paper: '#31343E',\n default: '#2A2D35',\n },\n error: {\n light: '#F7EAEA',\n main: '#EBCECE',\n dark: '#E3B9B9',\n },\n },\n status: {\n danger: 'orange',\n },\n },\n dark3: {\n palette: {\n type: 'dark',\n text: darkText,\n primary: {\n light: '#C2C8D2',\n main: '#354968',\n dark: '#16213A',\n },\n secondary: {\n light: '#F4CFCA',\n main: '#D55847',\n dark: '#C03325',\n contrastText: '#FFFFFF',\n },\n background: {\n paper: '#23354E',\n default: '#1B2A3F',\n },\n error: red,\n },\n status: {\n danger: 'orange',\n },\n },\n dark4: {\n palette: {\n type: 'dark',\n text: darkText,\n primary: {\n light: '#CECADF',\n main: '#5A4E93',\n dark: '#2E2564',\n },\n secondary: {\n light: '#B3EBD6',\n main: '#00BC77',\n dark: '#009747',\n contrastText: '#FFFFFF',\n },\n background: {\n paper: '#22184B',\n default: '#180F3D',\n },\n error: red,\n },\n status: {\n danger: 'orange',\n },\n },\n dark5: {\n palette: {\n type: 'dark',\n text: darkText,\n primary: {\n light: '#CCD7E2',\n main: '#56789D',\n dark: '#2B486F',\n },\n secondary: {\n light: '#D7D3ED',\n main: '#796CC4',\n dark: '#493DA2',\n contrastText: '#FFFFFF',\n },\n background: {\n paper: '#465261',\n default: '#232931',\n },\n error: red,\n },\n status: {\n danger: 'orange',\n },\n },\n dark6: {\n palette: {\n type: 'dark',\n text: darkText,\n primary: {\n light: '#FFC7CE',\n main: '#FF445D',\n dark: '#FF1F30',\n },\n secondary: {\n light: '#B4E3FB',\n main: '#05A2F3',\n dark: '#0175EA',\n contrastText: '#FFFFFF',\n },\n background: {\n paper: '#2F3438',\n default: '#25292E',\n },\n error: red,\n },\n status: {\n danger: 'orange',\n },\n },\n dark7: {\n palette: {\n type: 'dark',\n text: darkText,\n primary: {\n light: 'FFECC5',\n main: '#FEBE3E',\n dark: '#FD991B',\n },\n secondary: {\n light: '#FFC8C7',\n main: '#FE4644',\n dark: '#FD201F',\n contrastText: '#FFFFFF',\n },\n background: {\n paper: '#2A2E32',\n default: '#212529',\n },\n error: red,\n },\n status: {\n danger: 'orange',\n },\n },\n dark8: {\n palette: {\n type: 'dark',\n text: darkText,\n primary: {\n light: '#BEBFC8',\n main: '#252949',\n dark: '#0D0F21',\n },\n secondary: {\n light: '#CBD7FE',\n main: '#5079FC',\n dark: '#2749FA',\n contrastText: '#1A1E22',\n },\n background: {\n paper: '#2D3159',\n default: '#202441',\n },\n error: red,\n },\n status: {\n danger: 'orange',\n },\n },\n dark9: {\n palette: {\n type: 'dark',\n text: darkText,\n primary: {\n light: '#BCC8CD',\n main: '#204657',\n dark: '#0B202C',\n },\n secondary: {\n light: '#B3EBC5',\n main: '#00BD3E',\n dark: '#00981B',\n contrastText: '#FFFFFF',\n },\n background: {\n paper: '#1C1E27',\n default: '#15171E',\n },\n error: red,\n },\n status: {\n danger: 'orange',\n },\n },\n dark10: {\n palette: {\n type: 'dark',\n text: darkText,\n primary: {\n light: '#C3C2D2',\n main: '#36336A',\n dark: '#16143C',\n },\n secondary: {\n light: '#D6CEFC',\n main: '#765CF5',\n dark: '#4630EE',\n contrastText: '#FFFFFF',\n },\n background: {\n paper: '#2D2A5D',\n default: '#26244E',\n },\n error: red,\n },\n status: {\n danger: 'orange',\n },\n },\n dark11: {\n palette: {\n type: 'dark',\n text: darkText,\n primary: {\n light: '#BFB7BF',\n main: '#2A0F29',\n dark: '#0F040F',\n },\n secondary: {\n light: '#D9B9C3',\n main: '#801737',\n dark: '#500716',\n contrastText: '#FFFFFF',\n },\n background: {\n paper: '#200D1F',\n default: '#2D132C',\n },\n error: red,\n },\n status: {\n danger: 'orange',\n },\n },\n dark12: {\n palette: {\n type: 'dark',\n text: darkText,\n primary: {\n light: '#CCC3C8',\n main: '#543847',\n dark: '#291720',\n },\n secondary: {\n light: '#DFB8BD',\n main: '#BE717A',\n dark: '#99424A',\n contrastText: '#1a161c',\n },\n background: {\n paper: '#4D4351',\n default: '#27141F',\n },\n error: red,\n },\n status: {\n danger: 'orange',\n },\n },\n greyDark: {\n palette: {\n type: 'dark',\n text: darkText,\n primary: {\n light: fuseDark[200],\n main: fuseDark[700],\n dark: fuseDark[800],\n },\n secondary: {\n light: skyBlue[100],\n main: skyBlue[500],\n dark: skyBlue[900],\n },\n background: {\n paper: fuseDark[400],\n default: fuseDark[500],\n },\n error: red,\n },\n status: {\n danger: 'orange',\n },\n },\n};\n\nexport default themesConfig;\n"},2629:function(n,a,r){"use strict";r.r(a);var t=r(118),e=r(194),F=r(1);a.default=function(){return Object(F.jsxs)(F.Fragment,{children:[Object(F.jsx)(e.a,{variant:"h4",className:"mb-24",children:"Theme Schemes"}),Object(F.jsx)(e.a,{className:"mb-16",component:"p",children:"The Fuse React uses material-ui's theming by default. You can create theme color schemes with defining theme configuration objects."}),Object(F.jsx)(e.a,{className:"mb-8",variant:"h5",children:"Configuration"}),Object(F.jsxs)(e.a,{className:"mb-16",component:"p",children:["For the configuration options checkout"," ",Object(F.jsx)("a",{href:"https://material-ui-next.com/customization/themes/",target:"_blank",rel:"noopener noreferrer",children:"Material UI's theme configuration options."})]}),Object(F.jsxs)(e.a,{className:"mb-16",component:"p",children:["Theme configurations are located at ",Object(F.jsx)("code",{children:"src/app/fuse-configs/themesConfig.js"})," file."]}),Object(F.jsx)(t.a,{component:"pre",className:"language-jsx",children:r(2447)})]})}}}]);
Zerion Mini Shell 1.0