Shared: Themes: use colors and naming from kit
This commit is contained in:
parent
9acada2090
commit
23338c22ec
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@ -25,70 +25,88 @@
|
|||||||
// International. See the License terms at http://creativecommons.org/licenses/by-sa/4.0/legalcode
|
// International. See the License terms at http://creativecommons.org/licenses/by-sa/4.0/legalcode
|
||||||
|
|
||||||
export const globalColors = {
|
export const globalColors = {
|
||||||
black: "#333",
|
white: "#ffffff",
|
||||||
charlestonGreen: "#282828",
|
black: "#333333",
|
||||||
darkBlack: "#000",
|
darkBlack: "#000",
|
||||||
white: "#FFF",
|
|
||||||
whiteSolitude: "#E4E7EB",
|
lightGrayBlackout: "rgba(6, 22, 38, 0.2)",
|
||||||
|
darkGrayBlackout: "rgba(27, 27, 27, 0.4)",
|
||||||
grayLight: "#F8F9F9",
|
grayLight: "#F8F9F9",
|
||||||
grayMaxLight: "#eeeeee",
|
darkGrayLight: "#282828",
|
||||||
|
lightGrayHover: "#F3F4F4",
|
||||||
|
lightDarkGrayHover: "#3D3D3D",
|
||||||
grayLightMid: "#ECEEF1",
|
grayLightMid: "#ECEEF1",
|
||||||
graySilver: "#D8D8D8",
|
|
||||||
grayMid: "#D0D5DA",
|
|
||||||
grayDarkMid: "#242424",
|
grayDarkMid: "#242424",
|
||||||
grayDark: "#858585",
|
lightGraySelected: "#DFE2E3",
|
||||||
|
grayStrong: "#D0D5DA",
|
||||||
|
grayDarkStrong: "#474747",
|
||||||
gray: "#A3A9AE",
|
gray: "#A3A9AE",
|
||||||
grayMain: "#657077",
|
grayDark: "#858585",
|
||||||
|
lightGrayDark: "#657077",
|
||||||
|
darkGrayDark: "#ADADAD",
|
||||||
|
grayText: "#555F65",
|
||||||
|
grayDarkText: "#5C5C5C",
|
||||||
|
|
||||||
|
lightBlueMain: "#4781D1",
|
||||||
|
lightBlueMainHover: "rgba(71, 129, 209, 0.85)",
|
||||||
|
lightBlueMainDisabled: "rgba(71, 129, 209, 0.6)",
|
||||||
|
lightSecondMain: "#5299E0",
|
||||||
|
lightSecondMainHover: "rgba(82, 153, 224, 0.85)",
|
||||||
|
lightSecondMainDisabled: "rgba(82, 153, 224, 0.6)",
|
||||||
|
|
||||||
|
lightErrorStatus: "#F24724",
|
||||||
|
darkErrorStatus: "#E06451",
|
||||||
|
favoritesStatus: "#EDC409",
|
||||||
|
lightStatusWarning: "#ED7309",
|
||||||
|
darkStatusWarning: "#E17415",
|
||||||
|
lightStatusPositive: "#35AD17",
|
||||||
|
darkStatusPositive: "#3BA420",
|
||||||
|
|
||||||
|
lightIcons: "#3B72A7",
|
||||||
|
darkIcon: "#E6E6E6",
|
||||||
|
link: "#316DAA",
|
||||||
|
darkLink: "#E06A1B",
|
||||||
|
blueLightMid: "#265A8F",
|
||||||
|
// grayDarkMid: "#B5B5B5",
|
||||||
|
|
||||||
|
lightToastDone: "#E3F7BE",
|
||||||
|
darkToastDone: "#9DE051",
|
||||||
|
lightToastInfo: "#F8F7BF",
|
||||||
|
darkToastInfo: "#E0D751",
|
||||||
|
lightToastAlert: "#F7E6BE",
|
||||||
|
darkToastAlert: "#E0B151",
|
||||||
|
lightToastWarning: "#F7CDBE",
|
||||||
|
darkToastWarning: "#E07751",
|
||||||
|
//
|
||||||
|
|
||||||
|
whiteSolitude: "#E4E7EB",
|
||||||
|
grayMaxLight: "#eeeeee",
|
||||||
|
graySilver: "#D8D8D8",
|
||||||
|
|
||||||
shuttleGrey: "#63686A",
|
shuttleGrey: "#63686A",
|
||||||
veryLightGrey: "#CACACA",
|
veryLightGrey: "#CACACA",
|
||||||
darkSilver: "#bbb",
|
darkSilver: "#bbb",
|
||||||
silver: "#CCCCCC",
|
silver: "#CCCCCC",
|
||||||
lightHover: "#F3F4F4",
|
|
||||||
veryDarkGrey: "#3D3D3D",
|
|
||||||
|
|
||||||
blueMain: "#2DA7DB",
|
blueMain: "#2DA7DB",
|
||||||
blueHover: "#3DB8EC",
|
blueHover: "#3DB8EC",
|
||||||
blueActive: "#1F97CA",
|
blueActive: "#1F97CA",
|
||||||
blueDisabled: "#A6DCF2",
|
blueDisabled: "#A6DCF2",
|
||||||
blueCharcoal: "#1F2933",
|
blueCharcoal: "#1F2933",
|
||||||
blueLightMid: "#265A8F",
|
|
||||||
strongBlue: "#316AC5",
|
strongBlue: "#316AC5",
|
||||||
|
|
||||||
blueDenim: "#5299E0",
|
|
||||||
blueDenimTransparent: "rgba(82, 153, 224, 0.85)",
|
|
||||||
blueMaya: "#4A8ACA",
|
blueMaya: "#4A8ACA",
|
||||||
blueSky: "#96C1EC",
|
blueSky: "#96C1EC",
|
||||||
|
|
||||||
lightGrayishBlue: "#DEE2E6",
|
lightGrayishBlue: "#DEE2E6",
|
||||||
lightGrayishStrongBlue: "#DFE2E3",
|
|
||||||
cyanBlueDarkShade: "#555F65",
|
|
||||||
grayBackgroundTextDark: "#5C5C5C",
|
|
||||||
|
|
||||||
orangeMain: "#ED7309",
|
|
||||||
orangeHover: "#FF8932",
|
orangeHover: "#FF8932",
|
||||||
orangePressed: "#C96C27",
|
orangePressed: "#C96C27",
|
||||||
orangeDisabled: "#FFCCA6",
|
orangeDisabled: "#FFCCA6",
|
||||||
lightMediumGoldenrod: "#EFEFB2",
|
lightMediumGoldenrod: "#EFEFB2",
|
||||||
lightCumulus: "#F8F7BF",
|
|
||||||
|
|
||||||
link: "#316DAA",
|
|
||||||
errorColor: "#C96C27",
|
errorColor: "#C96C27",
|
||||||
|
|
||||||
warningColor: "#f1ca92",
|
warningColor: "#f1ca92",
|
||||||
red: "#c30",
|
red: "#c30",
|
||||||
darkRed: "#A60000",
|
darkRed: "#A60000",
|
||||||
activeSuccess: "#E3F7BE",
|
|
||||||
activeError: "#F7CDBE",
|
|
||||||
activeInfo: "#F8F7BF",
|
|
||||||
activeWarning: "#F7E6BE",
|
|
||||||
|
|
||||||
hoverSuccess: "#E3F7BE",
|
|
||||||
hoverError: "#F7CDBE",
|
|
||||||
hoverInfo: "#F8F7BF",
|
|
||||||
hoverWarning: "#F7E6BE",
|
|
||||||
|
|
||||||
lightErrorStatus: "#F24724",
|
|
||||||
darkErrorStatus: "#E06451",
|
|
||||||
outerSpace: "#474747",
|
|
||||||
};
|
};
|
||||||
|
Loading…
Reference in New Issue
Block a user