Skip to content

Instantly share code, notes, and snippets.

@BSFishy

BSFishy/diff-light.txt

Created June 14, 2023 18:09
Show Gist options
  • Save BSFishy/484f02ee390ca1423cc9d888950f7865 to your computer and use it in GitHub Desktop.
Save BSFishy/484f02ee390ca1423cc9d888950f7865 to your computer and use it in GitHub Desktop.
Download ZIP
With eui aliases removed
Raw
diff-light.txt
{
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"
}
ouiCallOutTypes: {
- 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"
}
- ouiCollapsibleNavGroupLightBackgroundColor: "#fafbfd"
+ ouiCollapsibleNavGroupLightBackgroundColor: "#f0f2f4"
- ouiCollapsibleNavGroupDarkBackgroundColor: "#2a2c34"
+ ouiCollapsibleNavGroupDarkBackgroundColor: "#24313e"
- ouiCollapsibleNavGroupDarkHighContrastColor: "#2580bf"
+ ouiCollapsibleNavGroupDarkHighContrastColor: "#159d8d"
- ouiControlBarBackground: "#343741"
+ ouiControlBarBackground: "#2a3947"
- ouiControlBarBorderColor: "rgba(255, 255, 255, 0.19999999999999996)"
+ ouiControlBarBorderColor: "rgba(252, 254, 255, 0.19999999999999996)"
- ouiDataGridVerticalBorder: "solid 1px #edf0f5"
+ ouiDataGridVerticalBorder: "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"
}
- ouiFlyoutBorder: "1px solid #d3dae6"
+ ouiFlyoutBorder: "1px solid #d6d9dd"
ouiRangeLevelColors: {
- 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"
}
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"
}
- 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"
}
- ouiGradientStartStop: "#f0f2f6"
+ ouiGradientStartStop: "#eff1f3"
- ouiGradientMiddle: "#f6f8fa"
+ ouiGradientMiddle: "#f4f7f8"
ouiProgressColors: {
- primary: "#006bb4"
+ primary: "#159d8d"
- subdued: "#6a717d"
+ subdued: "#676e75"
}
- ouiSelectableListItemBorder: "1px solid #eef2f7"
+ ouiSelectableListItemBorder: "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"
}
}
- 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"
ouiStepStatusColorsToFade: {
- disabled: "#69707d"
+ disabled: "#5a6875"
- incomplete: "#69707d"
+ incomplete: "#5a6875"
}
ouiSuggestItemColors: {
- 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)"
ouiTextColors: {
- default: "#343741"
+ default: "#2a3947"
- subdued: "#6a717d"
+ subdued: "#676e75"
- ghost: "#ffffff"
+ ghost: "#fcfeff"
}
ouiToastTypes: {
- primary: "#006bb4"
+ primary: "#159d8d"
- warning: "#c88800"
+ warning: "#bf8605"
}
- ouiTokenGrayColor: "#69707d"
+ ouiTokenGrayColor: "#5a6875"
ouiTokenTypes: {
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"
- 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"
}
- 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"
- 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"
- ouiHeaderBackgroundColor: "#ffffff"
+ ouiHeaderBackgroundColor: "#fcfeff"
- ouiHeaderDarkBackgroundColor: "#25282f"
+ ouiHeaderDarkBackgroundColor: "#212e3a"
- ouiHeaderBorderColor: "#d3dae6"
+ ouiHeaderBorderColor: "#d6d9dd"
- ouiHeaderBreadcrumbColor: "#343741"
+ ouiHeaderBreadcrumbColor: "#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"
}
- ouiShadowColor: "#98a2b3"
+ ouiShadowColor: "#adb4ba"
- ouiShadowColorLarge: "#414e65"
+ ouiShadowColorLarge: "#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"
- ouiTooltipBackgroundColor: "#404040"
+ ouiTooltipBackgroundColor: "#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"
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment