Created
December 11, 2023 22:29
-
-
Save thewh1teagle/751d522458a3d57a3af6cfa590e27fec to your computer and use it in GitHub Desktop.
material ui pallete
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| --muidocs-palette-primary-50: #F0F7FF; | |
| --muidocs-palette-primary-100: #C2E0FF; | |
| --muidocs-palette-primary-200: #99CCF3; | |
| --muidocs-palette-primary-300: #66B2FF; | |
| --muidocs-palette-primary-400: #3399FF; | |
| --muidocs-palette-primary-500: #007FFF; | |
| --muidocs-palette-primary-600: #0072E5; | |
| --muidocs-palette-primary-700: #0059B2; | |
| --muidocs-palette-primary-800: #004C99; | |
| --muidocs-palette-primary-900: #003A75; | |
| --muidocs-palette-primary-main: #3399FF; | |
| --muidocs-palette-primary-light: #66B2FF; | |
| --muidocs-palette-primary-dark: #0059B2; | |
| --muidocs-palette-primary-contrastText: rgba(0, 0, 0, 0.87); | |
| --muidocs-palette-primary-mainChannel: 51 153 255; | |
| --muidocs-palette-primary-lightChannel: 102 178 255; | |
| --muidocs-palette-primary-darkChannel: 0 89 178; | |
| --muidocs-palette-primary-contrastTextChannel: 0 0 0; | |
| --muidocs-palette-secondary-50: #F3F6F9; | |
| --muidocs-palette-secondary-100: #E5EAF2; | |
| --muidocs-palette-secondary-200: #DAE2ED; | |
| --muidocs-palette-secondary-300: #C7D0DD; | |
| --muidocs-palette-secondary-400: #B0B8C4; | |
| --muidocs-palette-secondary-500: #9DA8B7; | |
| --muidocs-palette-secondary-600: #6B7A90; | |
| --muidocs-palette-secondary-700: #434D5B; | |
| --muidocs-palette-secondary-800: #303740; | |
| --muidocs-palette-secondary-900: #1C2025; | |
| --muidocs-palette-secondary-main: #1F262E; | |
| --muidocs-palette-secondary-contrastText: #2F3A46; | |
| --muidocs-palette-secondary-light: rgb(75, 81, 87); | |
| --muidocs-palette-secondary-dark: rgb(21, 26, 32); | |
| --muidocs-palette-secondary-mainChannel: 31 38 46; | |
| --muidocs-palette-secondary-lightChannel: 75 81 87; | |
| --muidocs-palette-secondary-darkChannel: 21 26 32; | |
| --muidocs-palette-secondary-contrastTextChannel: 47 58 70; | |
| --muidocs-palette-divider: rgba(59, 74, 89, 0.2); | |
| --muidocs-palette-primaryDark-50: #EAEDF1; | |
| --muidocs-palette-primaryDark-100: #DAE0E7; | |
| --muidocs-palette-primaryDark-200: #ACBAC8; | |
| --muidocs-palette-primaryDark-300: #7B91A7; | |
| --muidocs-palette-primaryDark-400: #4B5E71; | |
| --muidocs-palette-primaryDark-500: #3B4A59; | |
| --muidocs-palette-primaryDark-600: #2F3A46; | |
| --muidocs-palette-primaryDark-700: #1F262E; | |
| --muidocs-palette-primaryDark-800: #141A1F; | |
| --muidocs-palette-primaryDark-900: #101418; | |
| --muidocs-palette-primaryDark-main: #7B91A7; | |
| --muidocs-palette-primaryDark-mainChannel: 123 145 167; | |
| --muidocs-palette-background-default: #101418; | |
| --muidocs-palette-background-paper: rgba(20, 26, 31, 0.8); | |
| --muidocs-palette-background-defaultChannel: 16 20 24; | |
| --muidocs-palette-common-black: #0B0D0E; | |
| --muidocs-palette-common-white: #fff; | |
| --muidocs-palette-common-background: #000; | |
| --muidocs-palette-common-onBackground: #fff; | |
| --muidocs-palette-common-backgroundChannel: 0 0 0; | |
| --muidocs-palette-common-onBackgroundChannel: 255 255 255; | |
| --muidocs-palette-text-primary: #fff; | |
| --muidocs-palette-text-secondary: #B0B8C4; | |
| --muidocs-palette-text-tertiary: #B0B8C4; | |
| --muidocs-palette-text-disabled: rgba(255, 255, 255, 0.5); | |
| --muidocs-palette-text-icon: rgba(255, 255, 255, 0.5); | |
| --muidocs-palette-text-primaryChannel: 255 255 255; | |
| --muidocs-palette-text-secondaryChannel: 176 184 196; | |
| --muidocs-palette-grey-50: #F3F6F9; | |
| --muidocs-palette-grey-100: #E5EAF2; | |
| --muidocs-palette-grey-200: #DAE2ED; | |
| --muidocs-palette-grey-300: #C7D0DD; | |
| --muidocs-palette-grey-400: #B0B8C4; | |
| --muidocs-palette-grey-500: #9DA8B7; | |
| --muidocs-palette-grey-600: #6B7A90; | |
| --muidocs-palette-grey-700: #434D5B; | |
| --muidocs-palette-grey-800: #303740; | |
| --muidocs-palette-grey-900: #1C2025; | |
| --muidocs-palette-grey-main: #434D5B; | |
| --muidocs-palette-grey-contrastText: #6B7A90; | |
| --muidocs-palette-grey-A100: #f5f5f5; | |
| --muidocs-palette-grey-A200: #eeeeee; | |
| --muidocs-palette-grey-A400: #bdbdbd; | |
| --muidocs-palette-grey-A700: #616161; | |
| --muidocs-palette-grey-mainChannel: 67 77 91; | |
| --muidocs-palette-grey-contrastTextChannel: 107 122 144; | |
| --muidocs-palette-error-50: #FFF0F1; | |
| --muidocs-palette-error-100: #FFDBDE; | |
| --muidocs-palette-error-200: #FFBDC2; | |
| --muidocs-palette-error-300: #FF99A2; | |
| --muidocs-palette-error-400: #FF7A86; | |
| --muidocs-palette-error-500: #FF505F; | |
| --muidocs-palette-error-600: #EB0014; | |
| --muidocs-palette-error-700: #C70011; | |
| --muidocs-palette-error-800: #94000D; | |
| --muidocs-palette-error-900: #570007; | |
| --muidocs-palette-error-main: #EB0014; | |
| --muidocs-palette-error-light: #FF99A2; | |
| --muidocs-palette-error-dark: #C70011; | |
| --muidocs-palette-error-contrastText: #fff; | |
| --muidocs-palette-error-mainChannel: 235 0 20; | |
| --muidocs-palette-error-lightChannel: 255 153 162; | |
| --muidocs-palette-error-darkChannel: 199 0 17; | |
| --muidocs-palette-error-contrastTextChannel: 255 255 255; | |
| --muidocs-palette-success-50: #E9FBF0; | |
| --muidocs-palette-success-100: #C6F6D9; | |
| --muidocs-palette-success-200: #9AEFBC; | |
| --muidocs-palette-success-300: #6AE79C; | |
| --muidocs-palette-success-400: #3EE07F; | |
| --muidocs-palette-success-500: #21CC66; | |
| --muidocs-palette-success-600: #1DB45A; | |
| --muidocs-palette-success-700: #1AA251; | |
| --muidocs-palette-success-800: #178D46; | |
| --muidocs-palette-success-900: #0F5C2E; | |
| --muidocs-palette-success-main: #1DB45A; | |
| --muidocs-palette-success-light: #6AE79C; | |
| --muidocs-palette-success-dark: #1AA251; | |
| --muidocs-palette-success-contrastText: rgba(0, 0, 0, 0.87); | |
| --muidocs-palette-success-mainChannel: 29 180 90; | |
| --muidocs-palette-success-lightChannel: 106 231 156; | |
| --muidocs-palette-success-darkChannel: 26 162 81; | |
| --muidocs-palette-success-contrastTextChannel: 0 0 0; | |
| --muidocs-palette-warning-50: #FFF9EB; | |
| --muidocs-palette-warning-100: #FFF3C1; | |
| --muidocs-palette-warning-200: #FFECA1; | |
| --muidocs-palette-warning-300: #FFDC48; | |
| --muidocs-palette-warning-400: #F4C000; | |
| --muidocs-palette-warning-500: #DEA500; | |
| --muidocs-palette-warning-600: #D18E00; | |
| --muidocs-palette-warning-700: #AB6800; | |
| --muidocs-palette-warning-800: #8C5800; | |
| --muidocs-palette-warning-900: #5A3600; | |
| --muidocs-palette-warning-main: #DEA500; | |
| --muidocs-palette-warning-light: #FFDC48; | |
| --muidocs-palette-warning-dark: #AB6800; | |
| --muidocs-palette-warning-contrastText: rgba(0, 0, 0, 0.87); | |
| --muidocs-palette-warning-mainChannel: 222 165 0; | |
| --muidocs-palette-warning-lightChannel: 255 220 72; | |
| --muidocs-palette-warning-darkChannel: 171 104 0; | |
| --muidocs-palette-warning-contrastTextChannel: 0 0 0; | |
| --muidocs-palette-gradients-lightGrayRadio: radial-gradient(50% 50% at 50% 50%, #F0F7FF 0%, rgba(240, 247, 255, 0.05) 100%); | |
| --muidocs-palette-gradients-stylizedRadio: linear-gradient(rgba(0 0 0 / 0.1), rgba(0 0 0 / 0.1)),linear-gradient(254.86deg, rgba(0, 58, 117, 0.18) 0%, rgba(11, 13, 14, 0.3) 49.98%, rgba(0, 76, 153, 0.21) 100.95%); | |
| --muidocs-palette-gradients-linearSubtle: linear-gradient(to top right, rgba(0, 58, 117, 0.1) 40%, rgba(20, 26, 31, 0.2) 100%); | |
| --muidocs-palette-info-main: #29b6f6; | |
| --muidocs-palette-info-light: #4fc3f7; | |
| --muidocs-palette-info-dark: #0288d1; | |
| --muidocs-palette-info-contrastText: rgba(0, 0, 0, 0.87); | |
| --muidocs-palette-info-mainChannel: 41 182 246; | |
| --muidocs-palette-info-lightChannel: 79 195 247; | |
| --muidocs-palette-info-darkChannel: 2 136 209; | |
| --muidocs-palette-info-contrastTextChannel: 0 0 0; | |
| --muidocs-palette-action-active: #fff; | |
| --muidocs-palette-action-hover: rgba(255, 255, 255, 0.08); | |
| --muidocs-palette-action-hoverOpacity: 0.08; | |
| --muidocs-palette-action-selected: rgba(255, 255, 255, 0.16); | |
| --muidocs-palette-action-selectedOpacity: 0.16; | |
| --muidocs-palette-action-disabled: rgba(255, 255, 255, 0.3); | |
| --muidocs-palette-action-disabledBackground: rgba(255, 255, 255, 0.12); | |
| --muidocs-palette-action-disabledOpacity: 0.38; | |
| --muidocs-palette-action-focus: rgba(255, 255, 255, 0.12); | |
| --muidocs-palette-action-focusOpacity: 0.12; | |
| --muidocs-palette-action-activatedOpacity: 0.24; | |
| --muidocs-palette-action-activeChannel: 255 255 255; | |
| --muidocs-palette-action-selectedChannel: 255 255 255; | |
| --muidocs-palette-Alert-errorColor: rgb(255, 214, 217); | |
| --muidocs-palette-Alert-infoColor: rgb(184, 231, 251); | |
| --muidocs-palette-Alert-successColor: rgb(195, 245, 215); | |
| --muidocs-palette-Alert-warningColor: rgb(255, 241, 181); | |
| --muidocs-palette-Alert-errorFilledBg: var(--muidocs-palette-error-dark, #C70011); | |
| --muidocs-palette-Alert-infoFilledBg: var(--muidocs-palette-info-dark, #0288d1); | |
| --muidocs-palette-Alert-successFilledBg: var(--muidocs-palette-success-dark, #1AA251); | |
| --muidocs-palette-Alert-warningFilledBg: var(--muidocs-palette-warning-dark, #AB6800); | |
| --muidocs-palette-Alert-errorFilledColor: #fff; | |
| --muidocs-palette-Alert-infoFilledColor: #fff; | |
| --muidocs-palette-Alert-successFilledColor: #fff; | |
| --muidocs-palette-Alert-warningFilledColor: #fff; | |
| --muidocs-palette-Alert-errorStandardBg: rgb(25, 15, 16); | |
| --muidocs-palette-Alert-infoStandardBg: rgb(7, 19, 24); | |
| --muidocs-palette-Alert-successStandardBg: rgb(10, 23, 15); | |
| --muidocs-palette-Alert-warningStandardBg: rgb(25, 21, 7); | |
| --muidocs-palette-Alert-errorIconColor: var(--muidocs-palette-error-main, #EB0014); | |
| --muidocs-palette-Alert-infoIconColor: var(--muidocs-palette-info-main, #29b6f6); | |
| --muidocs-palette-Alert-successIconColor: var(--muidocs-palette-success-main, #1DB45A); | |
| --muidocs-palette-Alert-warningIconColor: var(--muidocs-palette-warning-main, #DEA500); | |
| --muidocs-palette-AppBar-defaultBg: var(--muidocs-palette-grey-900, #1C2025); | |
| --muidocs-palette-AppBar-darkBg: var(--muidocs-palette-background-paper, rgba(20, 26, 31, 0.8)); | |
| --muidocs-palette-AppBar-darkColor: var(--muidocs-palette-text-primary, #fff); | |
| --muidocs-palette-Avatar-defaultBg: var(--muidocs-palette-grey-600, #6B7A90); | |
| --muidocs-palette-Button-inheritContainedBg: var(--muidocs-palette-grey-800, #303740); | |
| --muidocs-palette-Button-inheritContainedHoverBg: var(--muidocs-palette-grey-700, #434D5B); | |
| --muidocs-palette-Chip-defaultBorder: var(--muidocs-palette-grey-700, #434D5B); | |
| --muidocs-palette-Chip-defaultAvatarColor: var(--muidocs-palette-grey-300, #C7D0DD); | |
| --muidocs-palette-Chip-defaultIconColor: var(--muidocs-palette-grey-300, #C7D0DD); | |
| --muidocs-palette-FilledInput-bg: rgba(255, 255, 255, 0.09); | |
| --muidocs-palette-FilledInput-hoverBg: rgba(255, 255, 255, 0.13); | |
| --muidocs-palette-FilledInput-disabledBg: rgba(255, 255, 255, 0.12); | |
| --muidocs-palette-LinearProgress-primaryBg: rgb(25, 76, 127); | |
| --muidocs-palette-LinearProgress-secondaryBg: rgb(15, 19, 23); | |
| --muidocs-palette-LinearProgress-errorBg: rgb(117, 0, 10); | |
| --muidocs-palette-LinearProgress-infoBg: rgb(20, 91, 123); | |
| --muidocs-palette-LinearProgress-successBg: rgb(14, 90, 45); | |
| --muidocs-palette-LinearProgress-warningBg: rgb(111, 82, 0); | |
| --muidocs-palette-Skeleton-bg: rgba(var(--muidocs-palette-text-primaryChannel, undefined) / 0.13); | |
| --muidocs-palette-Slider-primaryTrack: rgb(25, 76, 127); | |
| --muidocs-palette-Slider-secondaryTrack: rgb(15, 19, 23); | |
| --muidocs-palette-Slider-errorTrack: rgb(117, 0, 10); | |
| --muidocs-palette-Slider-infoTrack: rgb(20, 91, 123); | |
| --muidocs-palette-Slider-successTrack: rgb(14, 90, 45); | |
| --muidocs-palette-Slider-warningTrack: rgb(111, 82, 0); | |
| --muidocs-palette-SnackbarContent-bg: #101418; | |
| --muidocs-palette-SnackbarContent-color: #fff; | |
| --muidocs-palette-SpeedDialAction-fabHoverBg: rgba(20, 26, 31, 0.8); | |
| --muidocs-palette-StepConnector-border: var(--muidocs-palette-grey-600, #6B7A90); | |
| --muidocs-palette-StepContent-border: var(--muidocs-palette-grey-600, #6B7A90); | |
| --muidocs-palette-Switch-defaultColor: var(--muidocs-palette-grey-300, #C7D0DD); | |
| --muidocs-palette-Switch-defaultDisabledColor: var(--muidocs-palette-grey-600, #6B7A90); | |
| --muidocs-palette-Switch-primaryDisabledColor: rgb(22, 68, 114); | |
| --muidocs-palette-Switch-secondaryDisabledColor: rgb(13, 17, 20); | |
| --muidocs-palette-Switch-errorDisabledColor: rgb(105, 0, 9); | |
| --muidocs-palette-Switch-infoDisabledColor: rgb(18, 81, 110); | |
| --muidocs-palette-Switch-successDisabledColor: rgb(13, 80, 40); | |
| --muidocs-palette-Switch-warningDisabledColor: rgb(99, 74, 0); | |
| --muidocs-palette-TableCell-border: rgba(18, 23, 28, 1); | |
| --muidocs-palette-Tooltip-bg: rgba(67, 77, 91, 0.92); | |
| --muidocs-palette-dividerChannel: 59 74 89; | |
| --muidocs-opacity-inputPlaceholder: 0.5; | |
| --muidocs-opacity-inputUnderline: 0.7; | |
| --muidocs-opacity-switchTrackDisabled: 0.2; | |
| --muidocs-opacity-switchTrack: 0.3; | |
| --muidocs-overlays-1: linear-gradient(rgba(255 255 255 / 0.05), rgba(255 255 255 / 0.05)); | |
| --muidocs-overlays-2: linear-gradient(rgba(255 255 255 / 0.07), rgba(255 255 255 / 0.07)); | |
| --muidocs-overlays-3: linear-gradient(rgba(255 255 255 / 0.08), rgba(255 255 255 / 0.08)); | |
| --muidocs-overlays-4: linear-gradient(rgba(255 255 255 / 0.09), rgba(255 255 255 / 0.09)); | |
| --muidocs-overlays-5: linear-gradient(rgba(255 255 255 / 0.10), rgba(255 255 255 / 0.10)); | |
| --muidocs-overlays-6: linear-gradient(rgba(255 255 255 / 0.11), rgba(255 255 255 / 0.11)); | |
| --muidocs-overlays-7: linear-gradient(rgba(255 255 255 / 0.11), rgba(255 255 255 / 0.11)); | |
| --muidocs-overlays-8: linear-gradient(rgba(255 255 255 / 0.12), rgba(255 255 255 / 0.12)); | |
| --muidocs-overlays-9: linear-gradient(rgba(255 255 255 / 0.12), rgba(255 255 255 / 0.12)); | |
| --muidocs-overlays-10: linear-gradient(rgba(255 255 255 / 0.13), rgba(255 255 255 / 0.13)); | |
| --muidocs-overlays-11: linear-gradient(rgba(255 255 255 / 0.13), rgba(255 255 255 / 0.13)); | |
| --muidocs-overlays-12: linear-gradient(rgba(255 255 255 / 0.14), rgba(255 255 255 / 0.14)); | |
| --muidocs-overlays-13: linear-gradient(rgba(255 255 255 / 0.14), rgba(255 255 255 / 0.14)); | |
| --muidocs-overlays-14: linear-gradient(rgba(255 255 255 / 0.14), rgba(255 255 255 / 0.14)); | |
| --muidocs-overlays-15: linear-gradient(rgba(255 255 255 / 0.14), rgba(255 255 255 / 0.14)); | |
| --muidocs-overlays-16: linear-gradient(rgba(255 255 255 / 0.15), rgba(255 255 255 / 0.15)); | |
| --muidocs-overlays-17: linear-gradient(rgba(255 255 255 / 0.15), rgba(255 255 255 / 0.15)); | |
| --muidocs-overlays-18: linear-gradient(rgba(255 255 255 / 0.15), rgba(255 255 255 / 0.15)); | |
| --muidocs-overlays-19: linear-gradient(rgba(255 255 255 / 0.15), rgba(255 255 255 / 0.15)); | |
| --muidocs-overlays-20: linear-gradient(rgba(255 255 255 / 0.16), rgba(255 255 255 / 0.16)); | |
| --muidocs-overlays-21: linear-gradient(rgba(255 255 255 / 0.16), rgba(255 255 255 / 0.16)); | |
| --muidocs-overlays-22: linear-gradient(rgba(255 255 255 / 0.16), rgba(255 255 255 / 0.16)); | |
| --muidocs-overlays-23: linear-gradient(rgba(255 255 255 / 0.16), rgba(255 255 255 / 0.16)); | |
| --muidocs-overlays-24: linear-gradient(rgba(255 255 255 / 0.16), rgba(255 255 255 / 0.16)); |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| --muidocs-palette-primary-50: #F0F7FF; | |
| --muidocs-palette-primary-100: #C2E0FF; | |
| --muidocs-palette-primary-200: #99CCF3; | |
| --muidocs-palette-primary-300: #66B2FF; | |
| --muidocs-palette-primary-400: #3399FF; | |
| --muidocs-palette-primary-500: #007FFF; | |
| --muidocs-palette-primary-600: #0072E5; | |
| --muidocs-palette-primary-700: #0059B2; | |
| --muidocs-palette-primary-800: #004C99; | |
| --muidocs-palette-primary-900: #003A75; | |
| --muidocs-palette-primary-main: #007FFF; | |
| --muidocs-palette-primary-light: #66B2FF; | |
| --muidocs-palette-primary-dark: #0059B2; | |
| --muidocs-palette-primary-contrastText: #fff; | |
| --muidocs-palette-primary-mainChannel: 0 127 255; | |
| --muidocs-palette-primary-lightChannel: 102 178 255; | |
| --muidocs-palette-primary-darkChannel: 0 89 178; | |
| --muidocs-palette-primary-contrastTextChannel: 255 255 255; | |
| --muidocs-palette-secondary-50: #F3F6F9; | |
| --muidocs-palette-secondary-100: #E5EAF2; | |
| --muidocs-palette-secondary-200: #DAE2ED; | |
| --muidocs-palette-secondary-300: #C7D0DD; | |
| --muidocs-palette-secondary-400: #B0B8C4; | |
| --muidocs-palette-secondary-500: #9DA8B7; | |
| --muidocs-palette-secondary-600: #6B7A90; | |
| --muidocs-palette-secondary-700: #434D5B; | |
| --muidocs-palette-secondary-800: #303740; | |
| --muidocs-palette-secondary-900: #1C2025; | |
| --muidocs-palette-secondary-main: #DAE0E7; | |
| --muidocs-palette-secondary-contrastText: #2F3A46; | |
| --muidocs-palette-secondary-light: rgb(225, 230, 235); | |
| --muidocs-palette-secondary-dark: rgb(152, 156, 161); | |
| --muidocs-palette-secondary-mainChannel: 218 224 231; | |
| --muidocs-palette-secondary-lightChannel: 225 230 235; | |
| --muidocs-palette-secondary-darkChannel: 152 156 161; | |
| --muidocs-palette-secondary-contrastTextChannel: 47 58 70; | |
| --muidocs-palette-divider: #E5EAF2; | |
| --muidocs-palette-primaryDark-50: #EAEDF1; | |
| --muidocs-palette-primaryDark-100: #DAE0E7; | |
| --muidocs-palette-primaryDark-200: #ACBAC8; | |
| --muidocs-palette-primaryDark-300: #7B91A7; | |
| --muidocs-palette-primaryDark-400: #4B5E71; | |
| --muidocs-palette-primaryDark-500: #3B4A59; | |
| --muidocs-palette-primaryDark-600: #2F3A46; | |
| --muidocs-palette-primaryDark-700: #1F262E; | |
| --muidocs-palette-primaryDark-800: #141A1F; | |
| --muidocs-palette-primaryDark-900: #101418; | |
| --muidocs-palette-primaryDark-main: #7B91A7; | |
| --muidocs-palette-primaryDark-mainChannel: 123 145 167; | |
| --muidocs-palette-common-black: #0B0D0E; | |
| --muidocs-palette-common-white: #fff; | |
| --muidocs-palette-common-background: #fff; | |
| --muidocs-palette-common-onBackground: #000; | |
| --muidocs-palette-common-backgroundChannel: 255 255 255; | |
| --muidocs-palette-common-onBackgroundChannel: 0 0 0; | |
| --muidocs-palette-text-primary: #1C2025; | |
| --muidocs-palette-text-secondary: #434D5B; | |
| --muidocs-palette-text-tertiary: #6B7A90; | |
| --muidocs-palette-text-disabled: rgba(0, 0, 0, 0.38); | |
| --muidocs-palette-text-primaryChannel: 28 32 37; | |
| --muidocs-palette-text-secondaryChannel: 67 77 91; | |
| --muidocs-palette-grey-50: #F3F6F9; | |
| --muidocs-palette-grey-100: #E5EAF2; | |
| --muidocs-palette-grey-200: #DAE2ED; | |
| --muidocs-palette-grey-300: #C7D0DD; | |
| --muidocs-palette-grey-400: #B0B8C4; | |
| --muidocs-palette-grey-500: #9DA8B7; | |
| --muidocs-palette-grey-600: #6B7A90; | |
| --muidocs-palette-grey-700: #434D5B; | |
| --muidocs-palette-grey-800: #303740; | |
| --muidocs-palette-grey-900: #1C2025; | |
| --muidocs-palette-grey-main: #E5EAF2; | |
| --muidocs-palette-grey-contrastText: #6B7A90; | |
| --muidocs-palette-grey-A100: #f5f5f5; | |
| --muidocs-palette-grey-A200: #eeeeee; | |
| --muidocs-palette-grey-A400: #bdbdbd; | |
| --muidocs-palette-grey-A700: #616161; | |
| --muidocs-palette-grey-mainChannel: 229 234 242; | |
| --muidocs-palette-grey-contrastTextChannel: 107 122 144; | |
| --muidocs-palette-error-50: #FFF0F1; | |
| --muidocs-palette-error-100: #FFDBDE; | |
| --muidocs-palette-error-200: #FFBDC2; | |
| --muidocs-palette-error-300: #FF99A2; | |
| --muidocs-palette-error-400: #FF7A86; | |
| --muidocs-palette-error-500: #FF505F; | |
| --muidocs-palette-error-600: #EB0014; | |
| --muidocs-palette-error-700: #C70011; | |
| --muidocs-palette-error-800: #94000D; | |
| --muidocs-palette-error-900: #570007; | |
| --muidocs-palette-error-main: #EB0014; | |
| --muidocs-palette-error-light: #FF99A2; | |
| --muidocs-palette-error-dark: #C70011; | |
| --muidocs-palette-error-contrastText: #fff; | |
| --muidocs-palette-error-mainChannel: 235 0 20; | |
| --muidocs-palette-error-lightChannel: 255 153 162; | |
| --muidocs-palette-error-darkChannel: 199 0 17; | |
| --muidocs-palette-error-contrastTextChannel: 255 255 255; | |
| --muidocs-palette-success-50: #E9FBF0; | |
| --muidocs-palette-success-100: #C6F6D9; | |
| --muidocs-palette-success-200: #9AEFBC; | |
| --muidocs-palette-success-300: #6AE79C; | |
| --muidocs-palette-success-400: #3EE07F; | |
| --muidocs-palette-success-500: #21CC66; | |
| --muidocs-palette-success-600: #1DB45A; | |
| --muidocs-palette-success-700: #1AA251; | |
| --muidocs-palette-success-800: #178D46; | |
| --muidocs-palette-success-900: #0F5C2E; | |
| --muidocs-palette-success-main: #1AA251; | |
| --muidocs-palette-success-light: #6AE79C; | |
| --muidocs-palette-success-dark: #1AA251; | |
| --muidocs-palette-success-contrastText: #fff; | |
| --muidocs-palette-success-mainChannel: 26 162 81; | |
| --muidocs-palette-success-lightChannel: 106 231 156; | |
| --muidocs-palette-success-darkChannel: 26 162 81; | |
| --muidocs-palette-success-contrastTextChannel: 255 255 255; | |
| --muidocs-palette-warning-50: #FFF9EB; | |
| --muidocs-palette-warning-100: #FFF3C1; | |
| --muidocs-palette-warning-200: #FFECA1; | |
| --muidocs-palette-warning-300: #FFDC48; | |
| --muidocs-palette-warning-400: #F4C000; | |
| --muidocs-palette-warning-500: #DEA500; | |
| --muidocs-palette-warning-600: #D18E00; | |
| --muidocs-palette-warning-700: #AB6800; | |
| --muidocs-palette-warning-800: #8C5800; | |
| --muidocs-palette-warning-900: #5A3600; | |
| --muidocs-palette-warning-main: #DEA500; | |
| --muidocs-palette-warning-light: #FFDC48; | |
| --muidocs-palette-warning-dark: #AB6800; | |
| --muidocs-palette-warning-contrastText: rgba(0, 0, 0, 0.87); | |
| --muidocs-palette-warning-mainChannel: 222 165 0; | |
| --muidocs-palette-warning-lightChannel: 255 220 72; | |
| --muidocs-palette-warning-darkChannel: 171 104 0; | |
| --muidocs-palette-warning-contrastTextChannel: 0 0 0; | |
| --muidocs-palette-gradients-lightGrayRadio: radial-gradient(50% 50% at 50% 50%, #F0F7FF 0%, rgba(240, 247, 255, 0.05) 100%); | |
| --muidocs-palette-gradients-stylizedRadio: linear-gradient(rgba(255 255 255 / 0.3), rgba(255 255 255 / 0.3)),linear-gradient(254.86deg, rgba(194, 224, 255, 0.12) 0%, rgba(194, 224, 255, 0.12) 0%, rgba(255, 255, 255, 0.3) 49.98%, rgba(240, 247, 255, 0.3) 100.95%); | |
| --muidocs-palette-gradients-linearSubtle: linear-gradient(to top right, rgba(240, 247, 255, 0.3) 40%, rgba(243, 246, 249, 0.2) 100%); | |
| --muidocs-palette-info-main: #0288d1; | |
| --muidocs-palette-info-light: #03a9f4; | |
| --muidocs-palette-info-dark: #01579b; | |
| --muidocs-palette-info-contrastText: #fff; | |
| --muidocs-palette-info-mainChannel: 2 136 209; | |
| --muidocs-palette-info-lightChannel: 3 169 244; | |
| --muidocs-palette-info-darkChannel: 1 87 155; | |
| --muidocs-palette-info-contrastTextChannel: 255 255 255; | |
| --muidocs-palette-background-paper: #fff; | |
| --muidocs-palette-background-default: #fff; | |
| --muidocs-palette-background-defaultChannel: 255 255 255; | |
| --muidocs-palette-action-active: rgba(0, 0, 0, 0.54); | |
| --muidocs-palette-action-hover: rgba(0, 0, 0, 0.04); | |
| --muidocs-palette-action-hoverOpacity: 0.04; | |
| --muidocs-palette-action-selected: rgba(0, 0, 0, 0.08); | |
| --muidocs-palette-action-selectedOpacity: 0.08; | |
| --muidocs-palette-action-disabled: rgba(0, 0, 0, 0.26); | |
| --muidocs-palette-action-disabledBackground: rgba(0, 0, 0, 0.12); | |
| --muidocs-palette-action-disabledOpacity: 0.38; | |
| --muidocs-palette-action-focus: rgba(0, 0, 0, 0.12); | |
| --muidocs-palette-action-focusOpacity: 0.12; | |
| --muidocs-palette-action-activatedOpacity: 0.12; | |
| --muidocs-palette-action-activeChannel: 0 0 0; | |
| --muidocs-palette-action-selectedChannel: 0 0 0; | |
| --muidocs-palette-Alert-errorColor: rgb(102, 61, 64); | |
| --muidocs-palette-Alert-infoColor: rgb(1, 67, 97); | |
| --muidocs-palette-Alert-successColor: rgb(42, 92, 62); | |
| --muidocs-palette-Alert-warningColor: rgb(102, 88, 28); | |
| --muidocs-palette-Alert-errorFilledBg: var(--muidocs-palette-error-main, #EB0014); | |
| --muidocs-palette-Alert-infoFilledBg: var(--muidocs-palette-info-main, #0288d1); | |
| --muidocs-palette-Alert-successFilledBg: var(--muidocs-palette-success-main, #1AA251); | |
| --muidocs-palette-Alert-warningFilledBg: var(--muidocs-palette-warning-main, #DEA500); | |
| --muidocs-palette-Alert-errorFilledColor: #fff; | |
| --muidocs-palette-Alert-infoFilledColor: #fff; | |
| --muidocs-palette-Alert-successFilledColor: #fff; | |
| --muidocs-palette-Alert-warningFilledColor: rgba(0, 0, 0, 0.87); | |
| --muidocs-palette-Alert-errorStandardBg: rgb(255, 244, 245); | |
| --muidocs-palette-Alert-infoStandardBg: rgb(229, 246, 253); | |
| --muidocs-palette-Alert-successStandardBg: rgb(240, 252, 245); | |
| --muidocs-palette-Alert-warningStandardBg: rgb(255, 251, 236); | |
| --muidocs-palette-Alert-errorIconColor: var(--muidocs-palette-error-main, #EB0014); | |
| --muidocs-palette-Alert-infoIconColor: var(--muidocs-palette-info-main, #0288d1); | |
| --muidocs-palette-Alert-successIconColor: var(--muidocs-palette-success-main, #1AA251); | |
| --muidocs-palette-Alert-warningIconColor: var(--muidocs-palette-warning-main, #DEA500); | |
| --muidocs-palette-AppBar-defaultBg: var(--muidocs-palette-grey-100, #E5EAF2); | |
| --muidocs-palette-Avatar-defaultBg: var(--muidocs-palette-grey-400, #B0B8C4); | |
| --muidocs-palette-Button-inheritContainedBg: var(--muidocs-palette-grey-300, #C7D0DD); | |
| --muidocs-palette-Button-inheritContainedHoverBg: var(--muidocs-palette-grey-A100, #f5f5f5); | |
| --muidocs-palette-Chip-defaultBorder: var(--muidocs-palette-grey-400, #B0B8C4); | |
| --muidocs-palette-Chip-defaultAvatarColor: var(--muidocs-palette-grey-700, #434D5B); | |
| --muidocs-palette-Chip-defaultIconColor: var(--muidocs-palette-grey-700, #434D5B); | |
| --muidocs-palette-FilledInput-bg: rgba(0, 0, 0, 0.06); | |
| --muidocs-palette-FilledInput-hoverBg: rgba(0, 0, 0, 0.09); | |
| --muidocs-palette-FilledInput-disabledBg: rgba(0, 0, 0, 0.12); | |
| --muidocs-palette-LinearProgress-primaryBg: rgb(158, 206, 255); | |
| --muidocs-palette-LinearProgress-secondaryBg: rgb(240, 243, 245); | |
| --muidocs-palette-LinearProgress-errorBg: rgb(247, 158, 165); | |
| --muidocs-palette-LinearProgress-infoBg: rgb(158, 209, 237); | |
| --muidocs-palette-LinearProgress-successBg: rgb(167, 219, 188); | |
| --muidocs-palette-LinearProgress-warningBg: rgb(242, 220, 158); | |
| --muidocs-palette-Skeleton-bg: rgba(var(--muidocs-palette-text-primaryChannel, undefined) / 0.11); | |
| --muidocs-palette-Slider-primaryTrack: rgb(158, 206, 255); | |
| --muidocs-palette-Slider-secondaryTrack: rgb(240, 243, 245); | |
| --muidocs-palette-Slider-errorTrack: rgb(247, 158, 165); | |
| --muidocs-palette-Slider-infoTrack: rgb(158, 209, 237); | |
| --muidocs-palette-Slider-successTrack: rgb(167, 219, 188); | |
| --muidocs-palette-Slider-warningTrack: rgb(242, 220, 158); | |
| --muidocs-palette-SnackbarContent-bg: #fff; | |
| --muidocs-palette-SnackbarContent-color: rgba(0, 0, 0, 0.87); | |
| --muidocs-palette-SpeedDialAction-fabHoverBg: #fff; | |
| --muidocs-palette-StepConnector-border: var(--muidocs-palette-grey-400, #B0B8C4); | |
| --muidocs-palette-StepContent-border: var(--muidocs-palette-grey-400, #B0B8C4); | |
| --muidocs-palette-Switch-defaultColor: var(--muidocs-palette-common-white, #fff); | |
| --muidocs-palette-Switch-defaultDisabledColor: var(--muidocs-palette-grey-100, #E5EAF2); | |
| --muidocs-palette-Switch-primaryDisabledColor: rgb(158, 206, 255); | |
| --muidocs-palette-Switch-secondaryDisabledColor: rgb(240, 243, 245); | |
| --muidocs-palette-Switch-errorDisabledColor: rgb(247, 158, 165); | |
| --muidocs-palette-Switch-infoDisabledColor: rgb(158, 209, 237); | |
| --muidocs-palette-Switch-successDisabledColor: rgb(167, 219, 188); | |
| --muidocs-palette-Switch-warningDisabledColor: rgb(242, 220, 158); | |
| --muidocs-palette-TableCell-border: rgba(251, 252, 253, 1); | |
| --muidocs-palette-Tooltip-bg: rgba(67, 77, 91, 0.92); | |
| --muidocs-palette-dividerChannel: 229 234 242; | |
| --muidocs-opacity-inputPlaceholder: 0.42; | |
| --muidocs-opacity-inputUnderline: 0.42; | |
| --muidocs-opacity-switchTrackDisabled: 0.12; | |
| --muidocs-opacity-switchTrack: 0.38; |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment