Skip to content

Instantly share code, notes, and snippets.

@BSFishy
Created June 14, 2023 18:01
Show Gist options
  • Save BSFishy/cdfde4221bdaefb7276f47f07ef206f3 to your computer and use it in GitHub Desktop.
Save BSFishy/cdfde4221bdaefb7276f47f07ef206f3 to your computer and use it in GitHub Desktop.
{
ouiButtonEmptyTypes: {
- primary: "#006bb4"
+ primary: "#14786f"
- disabled: "#afb0b3"
+ disabled: "#a4aaaf"
- ghost: "#ffffff"
+ ghost: "#fcfeff"
- text: "#343741"
+ text: "#2a3947"
- success: "#017d73"
+ success: "#01786f"
- warning: "#9b6900"
+ warning: "#8f680b"
}
euiButtonEmptyTypes: {
- primary: "#006bb4"
+ primary: "#14786f"
- disabled: "#afb0b3"
+ disabled: "#a4aaaf"
- ghost: "#ffffff"
+ ghost: "#fcfeff"
- text: "#343741"
+ text: "#2a3947"
- success: "#017d73"
+ success: "#01786f"
- warning: "#9b6900"
+ warning: "#8f680b"
}
ouiCallOutTypes: {
- primary: "#006bb4"
+ primary: "#159d8d"
}
euiCallOutTypes: {
- primary: "#006bb4"
+ primary: "#159d8d"
}
ouiCardSelectButtonBorders: {
- primary: "#006bb4"
+ primary: "#159d8d"
- ghost: "#69707d"
+ ghost: "#5a6875"
}
ouiCardSelectButtonBackgrounds: {
- text: "#f5f7fa"
+ text: "#e3e5e8"
- primary: "#e6f0f8"
+ primary: "#e5f4f4"
- success: "#e6f2f1"
+ success: "#e3f1f1"
- danger: "#f8e9e9"
+ danger: "#f6e9e9"
- ghost: "#69707d"
+ ghost: "#5a6875"
}
euiCardSelectButtonBorders: {
- primary: "#006bb4"
+ primary: "#159d8d"
- ghost: "#69707d"
+ ghost: "#5a6875"
}
euiCardSelectButtonBackgrounds: {
- text: "#f5f7fa"
+ text: "#e3e5e8"
- primary: "#e6f0f8"
+ primary: "#e5f4f4"
- success: "#e6f2f1"
+ success: "#e3f1f1"
- danger: "#f8e9e9"
+ danger: "#f6e9e9"
- ghost: "#69707d"
+ ghost: "#5a6875"
}
- ouiCollapsibleNavGroupLightBackgroundColor: "#fafbfd"
+ ouiCollapsibleNavGroupLightBackgroundColor: "#f0f2f4"
- ouiCollapsibleNavGroupDarkBackgroundColor: "#2a2c34"
+ ouiCollapsibleNavGroupDarkBackgroundColor: "#24313e"
- ouiCollapsibleNavGroupDarkHighContrastColor: "#2580bf"
+ ouiCollapsibleNavGroupDarkHighContrastColor: "#159d8d"
- euiCollapsibleNavGroupLightBackgroundColor: "#fafbfd"
+ euiCollapsibleNavGroupLightBackgroundColor: "#f0f2f4"
- euiCollapsibleNavGroupDarkBackgroundColor: "#2a2c34"
+ euiCollapsibleNavGroupDarkBackgroundColor: "#24313e"
- euiCollapsibleNavGroupDarkHighContrastColor: "#2580bf"
+ euiCollapsibleNavGroupDarkHighContrastColor: "#159d8d"
- ouiControlBarBackground: "#343741"
+ ouiControlBarBackground: "#2a3947"
- ouiControlBarBorderColor: "rgba(255, 255, 255, 0.19999999999999996)"
+ ouiControlBarBorderColor: "rgba(252, 254, 255, 0.19999999999999996)"
- euiControlBarBackground: "#343741"
+ euiControlBarBackground: "#2a3947"
- euiControlBarBorderColor: "rgba(255, 255, 255, 0.19999999999999996)"
+ euiControlBarBorderColor: "rgba(252, 254, 255, 0.19999999999999996)"
- ouiDataGridVerticalBorder: "solid 1px #edf0f5"
+ ouiDataGridVerticalBorder: "solid 1px #edeff1"
- euiDataGridVerticalBorder: "solid 1px #edf0f5"
+ euiDataGridVerticalBorder: "solid 1px #edeff1"
ouiExpressionColors: {
- subdued: "#6a717d"
+ subdued: "#676e75"
- primary: "#006bb4"
+ primary: "#14786f"
- success: "#017d73"
+ success: "#01786f"
- secondary: "#017d73"
+ secondary: "#01786f"
- warning: "#9b6900"
+ warning: "#8f680b"
- accent: "#dd0a73"
+ accent: "#d20a6f"
}
euiExpressionColors: {
- subdued: "#6a717d"
+ subdued: "#676e75"
- primary: "#006bb4"
+ primary: "#14786f"
- success: "#017d73"
+ success: "#01786f"
- secondary: "#017d73"
+ secondary: "#01786f"
- warning: "#9b6900"
+ warning: "#8f680b"
- accent: "#dd0a73"
+ accent: "#d20a6f"
}
- ouiFlyoutBorder: "1px solid #d3dae6"
+ ouiFlyoutBorder: "1px solid #d6d9dd"
- euiFlyoutBorder: "1px solid #d3dae6"
+ euiFlyoutBorder: "1px solid #d6d9dd"
ouiRangeLevelColors: {
- primary: "#006bb4"
+ primary: "#159d8d"
}
euiRangeLevelColors: {
- primary: "#006bb4"
+ primary: "#159d8d"
}
ouiIconColors: {
- ghost: "#ffffff"
+ ghost: "#fcfeff"
- primary: "#006bb4"
+ primary: "#149687"
- subdued: "#6a717d"
+ subdued: "#676e75"
- text: "#343741"
+ text: "#2a3947"
- warning: "#be8100"
+ warning: "#b68006"
}
euiIconColors: {
- ghost: "#ffffff"
+ ghost: "#fcfeff"
- primary: "#006bb4"
+ primary: "#149687"
- subdued: "#6a717d"
+ subdued: "#676e75"
- text: "#343741"
+ text: "#2a3947"
- warning: "#be8100"
+ warning: "#b68006"
}
ouiLinkColors: {
- subdued: "#6a717d"
+ subdued: "#676e75"
- primary: "#006bb4"
+ primary: "#14786f"
- secondary: "#017d73"
+ secondary: "#01786f"
- success: "#017d73"
+ success: "#01786f"
- accent: "#dd0a73"
+ accent: "#d20a6f"
- warning: "#9b6900"
+ warning: "#8f680b"
- text: "#343741"
+ text: "#2a3947"
- ghost: "#ffffff"
+ ghost: "#fcfeff"
}
euiLinkColors: {
- subdued: "#6a717d"
+ subdued: "#676e75"
- primary: "#006bb4"
+ primary: "#14786f"
- secondary: "#017d73"
+ secondary: "#01786f"
- success: "#017d73"
+ success: "#01786f"
- accent: "#dd0a73"
+ accent: "#d20a6f"
- warning: "#9b6900"
+ warning: "#8f680b"
- text: "#343741"
+ text: "#2a3947"
- ghost: "#ffffff"
+ ghost: "#fcfeff"
}
- ouiListGroupItemHoverBackground: "rgba(211, 218, 230, 0.25)"
+ ouiListGroupItemHoverBackground: "rgba(214, 217, 221, 0.25)"
- ouiListGroupItemHoverBackgroundGhost: "rgba(255, 255, 255, 0.09999999999999998)"
+ ouiListGroupItemHoverBackgroundGhost: "rgba(252, 254, 255, 0.09999999999999998)"
ouiListGroupItemColorTypes: {
- primary: "#006bb4"
+ primary: "#14786f"
- text: "#343741"
+ text: "#2a3947"
- subdued: "#6a717d"
+ subdued: "#676e75"
- ghost: "#ffffff"
+ ghost: "#fcfeff"
}
- euiListGroupItemHoverBackground: "rgba(211, 218, 230, 0.25)"
+ euiListGroupItemHoverBackground: "rgba(214, 217, 221, 0.25)"
- euiListGroupItemHoverBackgroundGhost: "rgba(255, 255, 255, 0.09999999999999998)"
+ euiListGroupItemHoverBackgroundGhost: "rgba(252, 254, 255, 0.09999999999999998)"
euiListGroupItemColorTypes: {
- primary: "#006bb4"
+ primary: "#14786f"
- text: "#343741"
+ text: "#2a3947"
- subdued: "#6a717d"
+ subdued: "#676e75"
- ghost: "#ffffff"
+ ghost: "#fcfeff"
}
- ouiGradientStartStop: "#f0f2f6"
+ ouiGradientStartStop: "#eff1f3"
- ouiGradientMiddle: "#f6f8fa"
+ ouiGradientMiddle: "#f4f7f8"
- euiGradientStartStop: "#f0f2f6"
+ euiGradientStartStop: "#eff1f3"
- euiGradientMiddle: "#f6f8fa"
+ euiGradientMiddle: "#f4f7f8"
ouiProgressColors: {
- primary: "#006bb4"
+ primary: "#159d8d"
- subdued: "#6a717d"
+ subdued: "#676e75"
}
euiProgressColors: {
- primary: "#006bb4"
+ primary: "#159d8d"
- subdued: "#6a717d"
+ subdued: "#676e75"
}
- ouiSelectableListItemBorder: "1px solid #eef2f7"
+ ouiSelectableListItemBorder: "1px solid #dde0e3"
- euiSelectableListItemBorder: "1px solid #eef2f7"
+ euiSelectableListItemBorder: "1px solid #dde0e3"
ouiSelectableTemplateSitewideTypes: {
application: {
- color: "#4e779c"
+ color: "#4a7195"
}
deployment: {
- color: "#3b7d6a"
+ color: "#39776b"
}
article: {
- color: "#8365a6"
+ color: "#785f9b"
}
case: {
- color: "#bc533e"
+ color: "#ad5040"
}
platform: {
- color: "#807234"
+ color: "#736b39"
}
}
euiSelectableTemplateSitewideTypes: {
application: {
- color: "#4e779c"
+ color: "#4a7195"
}
deployment: {
- color: "#3b7d6a"
+ color: "#39776b"
}
article: {
- color: "#8365a6"
+ color: "#785f9b"
}
case: {
- color: "#bc533e"
+ color: "#ad5040"
}
platform: {
- color: "#807234"
+ color: "#736b39"
}
}
- ouiSideNavEmphasizedBackgroundColor: "rgba(211, 218, 230, 0.30000000000000004)"
+ ouiSideNavEmphasizedBackgroundColor: "rgba(214, 217, 221, 0.30000000000000004)"
- ouiSideNavRootTextcolor: "#1a1c21"
+ ouiSideNavRootTextcolor: "#1a2631"
- ouiSideNavBranchTextcolor: "#656b77"
+ ouiSideNavBranchTextcolor: "#626970"
- ouiSideNavSelectedTextcolor: "#006bb4"
+ ouiSideNavSelectedTextcolor: "#14736b"
- ouiSideNavDisabledTextcolor: "#a6a7aa"
+ ouiSideNavDisabledTextcolor: "#9ca2a8"
- euiSideNavEmphasizedBackgroundColor: "rgba(211, 218, 230, 0.30000000000000004)"
+ euiSideNavEmphasizedBackgroundColor: "rgba(214, 217, 221, 0.30000000000000004)"
- euiSideNavRootTextcolor: "#1a1c21"
+ euiSideNavRootTextcolor: "#1a2631"
- euiSideNavBranchTextcolor: "#656b77"
+ euiSideNavBranchTextcolor: "#626970"
- euiSideNavSelectedTextcolor: "#006bb4"
+ euiSideNavSelectedTextcolor: "#14736b"
- euiSideNavDisabledTextcolor: "#a6a7aa"
+ euiSideNavDisabledTextcolor: "#9ca2a8"
ouiStepStatusColorsToFade: {
- disabled: "#69707d"
+ disabled: "#5a6875"
- incomplete: "#69707d"
+ incomplete: "#5a6875"
}
euiStepStatusColorsToFade: {
- disabled: "#69707d"
+ disabled: "#5a6875"
- incomplete: "#69707d"
+ incomplete: "#5a6875"
}
ouiSuggestItemColors: {
- tint10: "#69707d"
+ tint10: "#5a6875"
}
euiSuggestItemColors: {
- tint10: "#69707d"
+ tint10: "#5a6875"
}
- ouiTableHoverColor: "#fafbfd"
+ ouiTableHoverColor: "#f0f2f4"
- ouiTableSelectedColor: "#eef5fa"
+ ouiTableSelectedColor: "#ecf7f7"
- ouiTableHoverSelectedColor: "#e6f0f8"
+ ouiTableHoverSelectedColor: "#e5f4f4"
- ouiTableActionsBorderColor: "rgba(152, 162, 179, 0.09999999999999998)"
+ ouiTableActionsBorderColor: "rgba(173, 180, 186, 0.09999999999999998)"
- ouiTableHoverClickableColor: "rgba(0, 107, 180, 0.050000000000000044)"
+ ouiTableHoverClickableColor: "rgba(21, 157, 141, 0.050000000000000044)"
- ouiTableFocusClickableColor: "rgba(0, 107, 180, 0.09999999999999998)"
+ ouiTableFocusClickableColor: "rgba(21, 157, 141, 0.09999999999999998)"
- euiTableHoverColor: "#fafbfd"
+ euiTableHoverColor: "#f0f2f4"
- euiTableSelectedColor: "#eef5fa"
+ euiTableSelectedColor: "#ecf7f7"
- euiTableHoverSelectedColor: "#e6f0f8"
+ euiTableHoverSelectedColor: "#e5f4f4"
- euiTableActionsBorderColor: "rgba(152, 162, 179, 0.09999999999999998)"
+ euiTableActionsBorderColor: "rgba(173, 180, 186, 0.09999999999999998)"
- euiTableHoverClickableColor: "rgba(0, 107, 180, 0.050000000000000044)"
+ euiTableHoverClickableColor: "rgba(21, 157, 141, 0.050000000000000044)"
- euiTableFocusClickableColor: "rgba(0, 107, 180, 0.09999999999999998)"
+ euiTableFocusClickableColor: "rgba(21, 157, 141, 0.09999999999999998)"
ouiTextColors: {
- default: "#343741"
+ default: "#2a3947"
- subdued: "#6a717d"
+ subdued: "#676e75"
- ghost: "#ffffff"
+ ghost: "#fcfeff"
}
euiTextColors: {
- default: "#343741"
+ default: "#2a3947"
- subdued: "#6a717d"
+ subdued: "#676e75"
- ghost: "#ffffff"
+ ghost: "#fcfeff"
}
ouiToastTypes: {
- primary: "#006bb4"
+ primary: "#159d8d"
- warning: "#c88800"
+ warning: "#bf8605"
}
euiToastTypes: {
- primary: "#006bb4"
+ primary: "#159d8d"
- warning: "#c88800"
+ warning: "#bf8605"
}
- ouiTokenGrayColor: "#69707d"
+ ouiTokenGrayColor: "#5a6875"
ouiTokenTypes: {
gray: {
- graphic: "#69707d"
+ graphic: "#5a6875"
- behindText: "#69707d"
+ behindText: "#5a6875"
}
}
- euiTokenGrayColor: "#69707d"
+ euiTokenGrayColor: "#5a6875"
euiTokenTypes: {
gray: {
- graphic: "#69707d"
+ graphic: "#5a6875"
- behindText: "#69707d"
+ behindText: "#5a6875"
}
}
- ouiBorderColor: "#d3dae6"
+ ouiBorderColor: "#d6d9dd"
- ouiBorderThick: "2px solid #d3dae6"
+ ouiBorderThick: "2px solid #d6d9dd"
- ouiBorderThin: "1px solid #d3dae6"
+ ouiBorderThin: "1px solid #d6d9dd"
- ouiBorderEditable: "2px dotted #d3dae6"
+ ouiBorderEditable: "2px dotted #d6d9dd"
- euiBorderColor: "#d3dae6"
+ euiBorderColor: "#d6d9dd"
- euiBorderThick: "2px solid #d3dae6"
+ euiBorderThick: "2px solid #d6d9dd"
- euiBorderThin: "1px solid #d3dae6"
+ euiBorderThin: "1px solid #d6d9dd"
- euiBorderEditable: "2px dotted #d3dae6"
+ euiBorderEditable: "2px dotted #d6d9dd"
- ouiButtonColorDisabled: "#c2c3c6"
+ ouiButtonColorDisabled: "#bdc3c8"
- ouiButtonColorDisabledText: "#afb0b3"
+ ouiButtonColorDisabledText: "#a4aaaf"
- ouiButtonColorGhostDisabled: "#69707d"
+ ouiButtonColorGhostDisabled: "#5a6875"
ouiButtonTypes: {
- primary: "#006bb4"
+ primary: "#159d8d"
- subdued: "#6a717d"
+ subdued: "#676e75"
- ghost: "#ffffff"
+ ghost: "#fcfeff"
- text: "#69707d"
+ text: "#5a6875"
}
- euiButtonColorDisabled: "#c2c3c6"
+ euiButtonColorDisabled: "#bdc3c8"
- euiButtonColorDisabledText: "#afb0b3"
+ euiButtonColorDisabledText: "#a4aaaf"
- euiButtonColorGhostDisabled: "#69707d"
+ euiButtonColorGhostDisabled: "#5a6875"
euiButtonTypes: {
- primary: "#006bb4"
+ primary: "#159d8d"
- subdued: "#6a717d"
+ subdued: "#676e75"
- ghost: "#ffffff"
+ ghost: "#fcfeff"
- text: "#69707d"
+ text: "#5a6875"
}
- ouiColorGhost: "#ffffff"
+ ouiColorGhost: "#fcfeff"
- ouiColorInk: "#000000"
+ ouiColorInk: "#0a121a"
- ouiColorPrimary: "#006bb4"
+ ouiColorPrimary: "#159d8d"
- ouiColorEmptyShade: "#ffffff"
+ ouiColorEmptyShade: "#fcfeff"
- ouiColorLightestShade: "#f5f7fa"
+ ouiColorLightestShade: "#e3e5e8"
- ouiColorLightShade: "#d3dae6"
+ ouiColorLightShade: "#d6d9dd"
- ouiColorMediumShade: "#98a2b3"
+ ouiColorMediumShade: "#adb4ba"
- ouiColorDarkShade: "#69707d"
+ ouiColorDarkShade: "#5a6875"
- ouiColorDarkestShade: "#343741"
+ ouiColorDarkestShade: "#2a3947"
- ouiColorFullShade: "#000000"
+ ouiColorFullShade: "#0a1219"
- ouiPageBackgroundColor: "#fafbfd"
+ ouiPageBackgroundColor: "#f0f2f4"
- ouiTextColor: "#343741"
+ ouiTextColor: "#2a3947"
- ouiTitleColor: "#1a1c21"
+ ouiTitleColor: "#1a2631"
- ouiTextSubduedColor: "#6a717d"
+ ouiTextSubduedColor: "#676e75"
- ouiColorDisabled: "#c2c3c6"
+ ouiColorDisabled: "#bdc3c8"
- ouiColorPrimaryText: "#006bb4"
+ ouiColorPrimaryText: "#14786f"
- ouiColorSecondaryText: "#017d73"
+ ouiColorSecondaryText: "#01786f"
- ouiColorAccentText: "#dd0a73"
+ ouiColorAccentText: "#d20a6f"
- ouiColorWarningText: "#9b6900"
+ ouiColorWarningText: "#8f680b"
- ouiColorDisabledText: "#afb0b3"
+ ouiColorDisabledText: "#a4aaaf"
- ouiColorSuccessText: "#017d73"
+ ouiColorSuccessText: "#01786f"
- ouiColorChartLines: "#eef0f3"
+ ouiColorChartLines: "#dcdfe2"
- ouiColorChartBand: "#f5f7fa"
+ ouiColorChartBand: "#e3e5e8"
- ouiCodeBlockBackgroundColor: "#f5f7fa"
+ ouiCodeBlockBackgroundColor: "#e3e5e8"
- ouiCodeBlockColor: "#343741"
+ ouiCodeBlockColor: "#2a3947"
- ouiCodeBlockCommentColor: "#6a717d"
+ ouiCodeBlockCommentColor: "#5e656c"
- ouiCodeBlockStringColor: "#ac4e6d"
+ ouiCodeBlockStringColor: "#9d4c6a"
- ouiCodeBlockTagColor: "#4a7194"
+ ouiCodeBlockTagColor: "#446889"
- ouiCodeBlockNameColor: "#4a7194"
+ ouiCodeBlockNameColor: "#446889"
- ouiCodeBlockNumberColor: "#3b7d6a"
+ ouiCodeBlockNumberColor: "#356d63"
- ouiCodeBlockKeywordColor: "#7c609e"
+ ouiCodeBlockKeywordColor: "#735b95"
- ouiCodeBlockTypeColor: "#4a7194"
+ ouiCodeBlockTypeColor: "#446889"
- ouiCodeBlockSymbolColor: "#b34f3b"
+ ouiCodeBlockSymbolColor: "#9d4a3c"
- ouiCodeBlockMetaColor: "#6a717d"
+ ouiCodeBlockMetaColor: "#5e656c"
- ouiCodeBlockTitleColor: "#996130"
+ ouiCodeBlockTitleColor: "#875b34"
- ouiCodeBlockSectionColor: "#b34f3b"
+ ouiCodeBlockSectionColor: "#9d4a3c"
- ouiCodeBlockAdditionColor: "#3b7d6a"
+ ouiCodeBlockAdditionColor: "#356d63"
- euiColorGhost: "#ffffff"
+ euiColorGhost: "#fcfeff"
- euiColorInk: "#000000"
+ euiColorInk: "#0a121a"
- euiColorPrimary: "#006bb4"
+ euiColorPrimary: "#159d8d"
- euiColorEmptyShade: "#ffffff"
+ euiColorEmptyShade: "#fcfeff"
- euiColorLightestShade: "#f5f7fa"
+ euiColorLightestShade: "#e3e5e8"
- euiColorLightShade: "#d3dae6"
+ euiColorLightShade: "#d6d9dd"
- euiColorMediumShade: "#98a2b3"
+ euiColorMediumShade: "#adb4ba"
- euiColorDarkShade: "#69707d"
+ euiColorDarkShade: "#5a6875"
- euiColorDarkestShade: "#343741"
+ euiColorDarkestShade: "#2a3947"
- euiColorFullShade: "#000000"
+ euiColorFullShade: "#0a1219"
- euiPageBackgroundColor: "#fafbfd"
+ euiPageBackgroundColor: "#f0f2f4"
- euiTextColor: "#343741"
+ euiTextColor: "#2a3947"
- euiTitleColor: "#1a1c21"
+ euiTitleColor: "#1a2631"
- euiTextSubduedColor: "#6a717d"
+ euiTextSubduedColor: "#676e75"
- euiColorDisabled: "#c2c3c6"
+ euiColorDisabled: "#bdc3c8"
- euiColorPrimaryText: "#006bb4"
+ euiColorPrimaryText: "#14786f"
- euiColorSecondaryText: "#017d73"
+ euiColorSecondaryText: "#01786f"
- euiColorAccentText: "#dd0a73"
+ euiColorAccentText: "#d20a6f"
- euiColorWarningText: "#9b6900"
+ euiColorWarningText: "#8f680b"
- euiColorDisabledText: "#afb0b3"
+ euiColorDisabledText: "#a4aaaf"
- euiColorSuccessText: "#017d73"
+ euiColorSuccessText: "#01786f"
- euiColorChartLines: "#eef0f3"
+ euiColorChartLines: "#dcdfe2"
- euiColorChartBand: "#f5f7fa"
+ euiColorChartBand: "#e3e5e8"
- euiCodeBlockBackgroundColor: "#f5f7fa"
+ euiCodeBlockBackgroundColor: "#e3e5e8"
- euiCodeBlockColor: "#343741"
+ euiCodeBlockColor: "#2a3947"
- euiCodeBlockCommentColor: "#6a717d"
+ euiCodeBlockCommentColor: "#5e656c"
- euiCodeBlockStringColor: "#ac4e6d"
+ euiCodeBlockStringColor: "#9d4c6a"
- euiCodeBlockTagColor: "#4a7194"
+ euiCodeBlockTagColor: "#446889"
- euiCodeBlockNameColor: "#4a7194"
+ euiCodeBlockNameColor: "#446889"
- euiCodeBlockNumberColor: "#3b7d6a"
+ euiCodeBlockNumberColor: "#356d63"
- euiCodeBlockKeywordColor: "#7c609e"
+ euiCodeBlockKeywordColor: "#735b95"
- euiCodeBlockTypeColor: "#4a7194"
+ euiCodeBlockTypeColor: "#446889"
- euiCodeBlockSymbolColor: "#b34f3b"
+ euiCodeBlockSymbolColor: "#9d4a3c"
- euiCodeBlockMetaColor: "#6a717d"
+ euiCodeBlockMetaColor: "#5e656c"
- euiCodeBlockTitleColor: "#996130"
+ euiCodeBlockTitleColor: "#875b34"
- euiCodeBlockSectionColor: "#b34f3b"
+ euiCodeBlockSectionColor: "#9d4a3c"
- euiCodeBlockAdditionColor: "#3b7d6a"
+ euiCodeBlockAdditionColor: "#356d63"
- ouiFormBackgroundColor: "#fbfcfd"
+ ouiFormBackgroundColor: "#f2f4f6"
- ouiFormBackgroundDisabledColor: "#eef2f7"
+ ouiFormBackgroundDisabledColor: "#dde0e3"
- ouiFormBackgroundReadOnlyColor: "rgba(211, 218, 230, 0.050000000000000044)"
+ ouiFormBackgroundReadOnlyColor: "rgba(214, 217, 221, 0.050000000000000044)"
- ouiFormBorderOpaqueColor: "#0f2776"
+ ouiFormBorderOpaqueColor: "#21586c"
- ouiFormBorderColor: "rgba(15, 39, 118, 0.09999999999999998)"
+ ouiFormBorderColor: "rgba(33, 88, 108, 0.09999999999999998)"
- ouiFormBorderDisabledColor: "rgba(15, 39, 118, 0.09999999999999998)"
+ ouiFormBorderDisabledColor: "rgba(33, 88, 108, 0.09999999999999998)"
- ouiFormCustomControlDisabledIconColor: "#5e646f"
+ ouiFormCustomControlDisabledIconColor: "#6f767d"
- ouiFormCustomControlBorderColor: "#c9cbcd"
+ ouiFormCustomControlBorderColor: "#bcbfc3"
- ouiFormControlDisabledColor: "#98a2b3"
+ ouiFormControlDisabledColor: "#adb4ba"
- ouiFormControlBoxShadow: "0 1px 1px -1px rgba(152, 162, 179, 0.19999999999999996) 0 3px 2px -2px rgba(152, 162, 179, 0.19999999999999996)"
+ ouiFormControlBoxShadow: "0 1px 1px -1px rgba(173, 180, 186, 0.19999999999999996) 0 3px 2px -2px rgba(173, 180, 186, 0.19999999999999996)"
- ouiFormControlPlaceholderText: "#6a717d"
+ ouiFormControlPlaceholderText: "#676e75"
- ouiFormInputGroupLabelBackground: "#e9edf3"
+ ouiFormInputGroupLabelBackground: "#e9ecee"
- ouiFormInputGroupBorder: "1px solid #e4e8ee"
+ ouiFormInputGroupBorder: "1px solid #e5e8ea"
- ouiSwitchOffColor: "rgba(152, 162, 179, 0.19999999999999996)"
+ ouiSwitchOffColor: "rgba(173, 180, 186, 0.19999999999999996)"
- ouiRangeTrackColor: "#69707d"
+ ouiRangeTrackColor: "#5a6875"
- ouiRangeThumbBorderColor: "#69707d"
+ ouiRangeThumbBorderColor: "#5a6875"
- ouiRangeTrackBorderColor: "#69707d"
+ ouiRangeTrackBorderColor: "#5a6875"
- euiFormBackgroundColor: "#fbfcfd"
+ euiFormBackgroundColor: "#f2f4f6"
- euiFormBackgroundDisabledColor: "#eef2f7"
+ euiFormBackgroundDisabledColor: "#dde0e3"
- euiFormBackgroundReadOnlyColor: "rgba(211, 218, 230, 0.050000000000000044)"
+ euiFormBackgroundReadOnlyColor: "rgba(214, 217, 221, 0.050000000000000044)"
- euiFormBorderOpaqueColor: "#0f2776"
+ euiFormBorderOpaqueColor: "#21586c"
- euiFormBorderColor: "rgba(15, 39, 118, 0.09999999999999998)"
+ euiFormBorderColor: "rgba(33, 88, 108, 0.09999999999999998)"
- euiFormBorderDisabledColor: "rgba(15, 39, 118, 0.09999999999999998)"
+ euiFormBorderDisabledColor: "rgba(33, 88, 108, 0.09999999999999998)"
- euiFormCustomControlDisabledIconColor: "#5e646f"
+ euiFormCustomControlDisabledIconColor: "#6f767d"
- euiFormCustomControlBorderColor: "#c9cbcd"
+ euiFormCustomControlBorderColor: "#bcbfc3"
- euiFormControlDisabledColor: "#98a2b3"
+ euiFormControlDisabledColor: "#adb4ba"
- euiFormControlBoxShadow: "0 1px 1px -1px rgba(152, 162, 179, 0.19999999999999996) 0 3px 2px -2px rgba(152, 162, 179, 0.19999999999999996)"
+ euiFormControlBoxShadow: "0 1px 1px -1px rgba(173, 180, 186, 0.19999999999999996) 0 3px 2px -2px rgba(173, 180, 186, 0.19999999999999996)"
- euiFormControlPlaceholderText: "#6a717d"
+ euiFormControlPlaceholderText: "#676e75"
- euiFormInputGroupLabelBackground: "#e9edf3"
+ euiFormInputGroupLabelBackground: "#e9ecee"
- euiFormInputGroupBorder: "1px solid #e4e8ee"
+ euiFormInputGroupBorder: "1px solid #e5e8ea"
- euiSwitchOffColor: "rgba(152, 162, 179, 0.19999999999999996)"
+ euiSwitchOffColor: "rgba(173, 180, 186, 0.19999999999999996)"
- euiRangeTrackColor: "#69707d"
+ euiRangeTrackColor: "#5a6875"
- euiRangeThumbBorderColor: "#69707d"
+ euiRangeThumbBorderColor: "#5a6875"
- euiRangeTrackBorderColor: "#69707d"
+ euiRangeTrackBorderColor: "#5a6875"
- ouiHeaderBackgroundColor: "#ffffff"
+ ouiHeaderBackgroundColor: "#fcfeff"
- ouiHeaderDarkBackgroundColor: "#25282f"
+ ouiHeaderDarkBackgroundColor: "#212e3a"
- ouiHeaderBorderColor: "#d3dae6"
+ ouiHeaderBorderColor: "#d6d9dd"
- ouiHeaderBreadcrumbColor: "#343741"
+ ouiHeaderBreadcrumbColor: "#2a3947"
- euiHeaderBackgroundColor: "#ffffff"
+ euiHeaderBackgroundColor: "#fcfeff"
- euiHeaderDarkBackgroundColor: "#25282f"
+ euiHeaderDarkBackgroundColor: "#212e3a"
- euiHeaderBorderColor: "#d3dae6"
+ euiHeaderBorderColor: "#d6d9dd"
- euiHeaderBreadcrumbColor: "#343741"
+ euiHeaderBreadcrumbColor: "#2a3947"
ouiPanelBackgroundColorModifiers: {
- plain: "#ffffff"
+ plain: "#fcfeff"
- subdued: "#fafbfd"
+ subdued: "#f0f2f4"
- accent: "#fce7f1"
+ accent: "#f9e6f1"
- primary: "#e6f0f8"
+ primary: "#e5f4f4"
- success: "#e6f2f1"
+ success: "#e3f1f1"
- warning: "#fef6e6"
+ warning: "#fbf5e6"
- danger: "#f8e9e9"
+ danger: "#f6e9e9"
}
euiPanelBackgroundColorModifiers: {
- plain: "#ffffff"
+ plain: "#fcfeff"
- subdued: "#fafbfd"
+ subdued: "#f0f2f4"
- accent: "#fce7f1"
+ accent: "#f9e6f1"
- primary: "#e6f0f8"
+ primary: "#e5f4f4"
- success: "#e6f2f1"
+ success: "#e3f1f1"
- warning: "#fef6e6"
+ warning: "#fbf5e6"
- danger: "#f8e9e9"
+ danger: "#f6e9e9"
}
- ouiShadowColor: "#98a2b3"
+ ouiShadowColor: "#adb4ba"
- ouiShadowColorLarge: "#414e65"
+ ouiShadowColorLarge: "#526473"
- euiShadowColor: "#98a2b3"
+ euiShadowColor: "#adb4ba"
- euiShadowColorLarge: "#414e65"
+ euiShadowColorLarge: "#526473"
- ouiFocusRingColor: "rgba(0, 107, 180, 0.3)"
+ ouiFocusRingColor: "rgba(21, 157, 141, 0.3)"
- ouiFocusRingAnimStartColor: "rgba(0, 107, 180, 0)"
+ ouiFocusRingAnimStartColor: "rgba(21, 157, 141, 0)"
- ouiFocusBackgroundColor: "#e6f0f8"
+ ouiFocusBackgroundColor: "#e5f4f4"
- euiFocusRingColor: "rgba(0, 107, 180, 0.3)"
+ euiFocusRingColor: "rgba(21, 157, 141, 0.3)"
- euiFocusRingAnimStartColor: "rgba(0, 107, 180, 0)"
+ euiFocusRingAnimStartColor: "rgba(21, 157, 141, 0)"
- euiFocusBackgroundColor: "#e6f0f8"
+ euiFocusBackgroundColor: "#e5f4f4"
- ouiTooltipBackgroundColor: "#404040"
+ ouiTooltipBackgroundColor: "#474d53"
- euiTooltipBackgroundColor: "#404040"
+ euiTooltipBackgroundColor: "#474d53"
- ouiFontFamily: "'Inter UI', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Helvetica', 'Arial', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'"
+ ouiFontFamily: "'Source Sans 3', sans-serif, 'Inter UI', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Helvetica', 'Arial', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'"
- ouiCodeFontFamily: "'Roboto Mono', 'Consolas', 'Menlo', 'Courier', monospace"
+ ouiCodeFontFamily: "'Source Sans 3', sans-serif, 'Roboto Mono', 'Consolas', 'Menlo', 'Courier', monospace"
- euiFontFamily: "'Inter UI', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Helvetica', 'Arial', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'"
+ euiFontFamily: "'Source Sans 3', sans-serif, 'Inter UI', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Helvetica', 'Arial', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'"
- euiCodeFontFamily: "'Roboto Mono', 'Consolas', 'Menlo', 'Courier', monospace"
+ euiCodeFontFamily: "'Source Sans 3', sans-serif, 'Roboto Mono', 'Consolas', 'Menlo', 'Courier', monospace"
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment