@crossed/theme

/** * Copyright (c) Paymium. * * This source code is licensed under the MIT license found in the * LICENSE file in the root of this projects source tree. */ declare const _default: { readonly boxShadow: "0 0 10px #0e0e22"; readonly colors: { readonly primary: { readonly 0: "#F4F2FC"; readonly 1: "#EBEAFE"; readonly 10: "#DAD9EC"; readonly 20: "#CDCBEC"; readonly 30: "#A6A1E9"; readonly 40: "#9088F7"; readonly 50: "#2606C0"; readonly 60: "#1E078F"; readonly 70: "#2D2D61"; readonly 80: "#242547"; readonly 90: "#1D1D40"; readonly 100: "#141430"; readonly primary: "#4737FF"; }; readonly black: "black"; readonly white: "white"; readonly neutral: { readonly 100: "#141430"; readonly 90: "#1D1D4C"; readonly 80: "#5D607C"; readonly 70: "#AEB6CE"; readonly 60: "#E8E6FF"; readonly 50: "#D1CDFF"; readonly 40: "#BCB6FF"; }; readonly text: { readonly primary: "white"; readonly secondary: "#CDCBEC"; readonly brand: "#9088F7"; readonly invert: "black"; }; readonly background: { readonly primary: "#141430"; readonly secondary: "#1D1D40"; readonly brand: "#9088F7"; readonly hover: "#2D2D61"; readonly active: "#242547"; }; readonly border: { readonly primary: "#242547"; readonly secondary: "#2D2D61"; readonly tertiary: "#2D2D61"; readonly brand: "#9088F7"; }; readonly error: { readonly primary: "#EF4444"; readonly muted: "#D73636"; readonly satured: "#A21A1A"; readonly low: "#FFE6E6"; readonly hight: "#FEC4C4"; }; readonly info: { readonly dark: "#285F9B"; readonly light: "#EEF6FF"; readonly primary: "#93C5FD"; }; readonly success: { readonly dark: "#188551"; readonly light: "#EDFFF6"; readonly primary: "#3ABB7D"; }; readonly warning: { readonly dark: "#AD5C23"; readonly light: "#FFF0E6"; readonly primary: "#F97316"; }; }; readonly space: { readonly xxs: 4; readonly xs: 8; readonly sm: 12; readonly md: 16; readonly lg: 24; readonly xl: 32; readonly xxl: 40; }; readonly font: { readonly color: "white"; readonly lineHeight: { readonly xs: 14; readonly sm: 17; readonly md: 20; readonly lg: 23; readonly xl: 30; readonly h6: 36; readonly h5: 40; readonly h4: 46; readonly h3: 50; readonly h2: 56; readonly h1: 60; }; readonly fontSize: { readonly xs: 11; readonly sm: 14; readonly md: 16; readonly lg: 18; readonly xl: 24; readonly h6: 28; readonly h5: 32; readonly h4: 36; readonly h3: 40; readonly h2: 44; readonly h1: 48; }; readonly fontWeight: { readonly xs: "400"; readonly sm: "400"; readonly md: "400"; readonly lg: "600"; readonly xl: "700"; readonly h6: "700"; readonly h5: "700"; readonly h4: "700"; readonly h3: "700"; readonly h2: "700"; readonly h1: "700"; }; readonly family: "Overpass"; readonly extraStyles: { readonly marginTop: 3; }; }; readonly components: { readonly Banner: { readonly success: { readonly title: "#EBEAFE"; readonly subtitle: "#CDCBEC"; readonly icon: "#242547"; readonly backgroundIcon: "#3ABB7D"; readonly background: "#2D2D61"; readonly border: "#3ABB7D"; }; readonly info: { readonly title: "#EBEAFE"; readonly subtitle: "#CDCBEC"; readonly icon: "#242547"; readonly backgroundIcon: "#93C5FD"; readonly background: "#2D2D61"; readonly border: "#93C5FD"; }; readonly warning: { readonly title: "#EBEAFE"; readonly subtitle: "#CDCBEC"; readonly icon: "#242547"; readonly backgroundIcon: "#F97316"; readonly background: "#2D2D61"; readonly border: "#F97316"; }; readonly error: { readonly title: "#EBEAFE"; readonly subtitle: "#CDCBEC"; readonly icon: "#242547"; readonly backgroundIcon: "#EF4444"; readonly background: "#2D2D61"; readonly border: "#EF4444"; }; }; readonly Action: { readonly primary: { readonly default: { readonly text: "white"; readonly icon: "white"; readonly background: "#4737FF"; readonly border: "#4737FF"; }; readonly hover: { readonly text: "white"; readonly icon: "white"; readonly background: "#2606C0"; readonly border: "#2606C0"; }; readonly active: { readonly text: "white"; readonly icon: "white"; readonly background: "#1E078F"; readonly border: "#1E078F"; }; readonly focus: { readonly text: ""; readonly icon: ""; readonly background: "#F4F2FC"; readonly border: "#9088F7"; }; readonly disabled: { readonly text: "#5D607C"; readonly icon: "#5D607C"; readonly background: "#141430"; readonly border: "#141430"; }; }; readonly secondary: { readonly default: { readonly text: "#9088F7"; readonly icon: "#9088F7"; readonly background: "#E8E6FF"; readonly border: "#E8E6FF"; }; readonly hover: { readonly text: "#9088F7"; readonly icon: "#9088F7"; readonly background: "#D1CDFF"; readonly border: "#D1CDFF"; }; readonly active: { readonly text: "#9088F7"; readonly icon: "#9088F7"; readonly background: "#E8E6FF"; readonly border: "#BCB6FF"; }; readonly focus: { readonly text: ""; readonly icon: ""; readonly background: "#E8E6FF"; readonly border: "#9088F7"; }; readonly disabled: { readonly text: "#9088F7"; readonly icon: "#9088F7"; readonly background: "#E8E6FF"; readonly border: "#9088F7"; }; }; readonly tertiary: { readonly default: { readonly text: "#9088F7"; readonly icon: "#9088F7"; readonly background: "transparent"; readonly border: "transparent"; }; readonly hover: { readonly text: "#A6A1E9"; readonly icon: "#A6A1E9"; readonly background: "#E8E6FF"; readonly border: "transparent"; }; readonly active: { readonly text: "#CDCBEC"; readonly icon: "#CDCBEC"; readonly background: "transparent"; readonly border: "transparent"; }; readonly focus: { readonly text: ""; readonly icon: ""; readonly background: "#2D2D61"; readonly border: "#9088F7"; }; readonly disabled: { readonly text: "#5D607C"; readonly icon: "#5D607C"; readonly background: "transparent"; readonly border: "transparent"; }; }; readonly icon: { readonly default: { readonly color: "white"; readonly background: "transparent"; readonly border: "transparent"; }; readonly hover: { readonly color: "white"; readonly background: "#2D2D61"; readonly border: "#2D2D61"; }; readonly active: { readonly color: "white"; readonly background: "#2D2D61"; readonly border: "#2D2D61"; }; readonly focus: { readonly background: "#2D2D61"; readonly color: "white"; readonly border: "#9088F7"; }; readonly disabled: { readonly color: "white"; readonly background: "#2D2D61"; readonly border: "transparent"; }; }; }; readonly Alert: { readonly error: { readonly background: "#2D2D61"; readonly border: "#2D2D61"; readonly icon: "#EF4444"; readonly text: "#EF4444"; }; readonly warning: { readonly background: "#2D2D61"; readonly border: "#2D2D61"; readonly icon: "#F97316"; readonly text: "#F97316"; }; readonly info: { readonly background: "#2D2D61"; readonly border: "#2D2D61"; readonly icon: "#93C5FD"; readonly text: "#93C5FD"; }; readonly success: { readonly background: "#2D2D61"; readonly border: "#2D2D61"; readonly icon: "#3ABB7D"; readonly text: "#3ABB7D"; }; }; readonly Input: { readonly primary: { readonly default: { readonly background: "#1D1D40"; readonly border: "#2D2D61"; readonly text: "white"; readonly icon: "white"; readonly placeholder: "#CDCBEC"; }; readonly active: { readonly background: "#1D1D40"; readonly border: "#2D2D61"; readonly text: "white"; readonly icon: "white"; readonly placeholder: "#CDCBEC"; }; readonly disabled: { readonly background: "#1D1D40"; readonly border: "#1D1D40"; readonly text: "#CDCBEC"; readonly icon: "#CDCBEC"; readonly placeholder: "#CDCBEC"; }; readonly focus: { readonly background: "#1D1D40"; readonly border: "#9088F7"; readonly text: "white"; readonly icon: "white"; readonly placeholder: "#CDCBEC"; }; readonly hover: { readonly background: "#1D1D40"; readonly border: "#9088F7"; readonly text: "white"; readonly icon: "white"; readonly placeholder: "#CDCBEC"; }; }; }; readonly Card: { readonly default: { readonly background: "#1D1D40"; readonly border: "#242547"; readonly description: "#CDCBEC"; readonly title: "white"; }; readonly active: { readonly background: "#2D2D61"; readonly border: "#242547"; readonly description: "#CDCBEC"; readonly title: "white"; }; readonly hover: { readonly background: "#242547"; readonly border: "#242547"; readonly description: "#CDCBEC"; readonly title: "white"; }; }; readonly Tag: { readonly default: { readonly background: "#2D2D61"; readonly text: "white"; }; readonly green: { readonly background: "#306C60"; readonly text: "white"; }; readonly red: { readonly background: "#A21A1A"; readonly text: "#FFE6E6"; }; }; readonly Switch: { readonly on: { readonly background: "#9088F7"; }; readonly off: { readonly background: "#AEB6CE"; }; }; }; }; export default _default; //# sourceMappingURL=theme.d.ts.map