Skip to content

Instantly share code, notes, and snippets.

@BSFishy

BSFishy/diff-dark.txt

Created June 14, 2023 18:10
Show Gist options
  • Save BSFishy/2a3c81b510045abce24f2d9413388ab5 to your computer and use it in GitHub Desktop.
Save BSFishy/2a3c81b510045abce24f2d9413388ab5 to your computer and use it in GitHub Desktop.
Download ZIP
With eui aliases removed
Raw
diff-dark.txt
{
ouiButtonEmptyTypes: {
- primary: "#1ba9f5"
+ primary: "#159d8d"
- disabled: "#4c4e51"
+ disabled: "#535a62"
- ghost: "#ffffff"
+ ghost: "#fcfeff"
}
ouiCallOutTypes: {
- primary: "#1ba9f5"
+ primary: "#159d8d"
}
ouiCardSelectButtonBorders: {
- primary: "#1ba9f5"
+ primary: "#159d8d"
- ghost: "#98a2b3"
+ ghost: "#8d98a3"
}
ouiCardSelectButtonBackgrounds: {
- text: "#25262e"
+ text: "#101b25"
- primary: "#08334a"
+ primary: "#0d3c3d"
- success: "#26443f"
+ success: "#2d5051"
- danger: "#4d1f1f"
+ danger: "#542b31"
- ghost: "#98a2b3"
+ ghost: "#8d98a3"
}
- ouiCollapsibleNavGroupLightBackgroundColor: "#141519"
+ ouiCollapsibleNavGroupLightBackgroundColor: "#172430"
- ouiCollapsibleNavGroupDarkBackgroundColor: "#131317"
+ ouiCollapsibleNavGroupDarkBackgroundColor: "#0d1720"
- ouiCollapsibleNavGroupDarkHighContrastColor: "#1ba9f5"
+ ouiCollapsibleNavGroupDarkHighContrastColor: "#159d8d"
- ouiControlBarBackground: "#000000"
+ ouiControlBarBackground: "#0a121a"
- ouiControlBarText: "#a9aaad"
+ ouiControlBarText: "#abb0b4"
- ouiControlBarBorderColor: "rgba(255, 255, 255, 0.19999999999999996)"
+ ouiControlBarBorderColor: "rgba(252, 254, 255, 0.19999999999999996)"
- ouiDataGridVerticalBorder: "solid 1px #24272e"
+ ouiDataGridVerticalBorder: "solid 1px #202d3a"
ouiExpressionColors: {
- subdued: "#7a7f89"
+ subdued: "#86909a"
- primary: "#1ba9f5"
+ primary: "#159d8d"
}
- ouiFlyoutBorder: "1px solid #343741"
+ ouiFlyoutBorder: "1px solid #293847"
ouiRangeLevelColors: {
- primary: "#1ba9f5"
+ primary: "#159d8d"
}
ouiIconColors: {
- ghost: "#ffffff"
+ ghost: "#fcfeff"
- primary: "#1ba9f5"
+ primary: "#159d8d"
- subdued: "#7a7f89"
+ subdued: "#86909a"
}
ouiLinkColors: {
- subdued: "#7a7f89"
+ subdued: "#86909a"
- primary: "#1ba9f5"
+ primary: "#159d8d"
- ghost: "#ffffff"
+ ghost: "#fcfeff"
}
- ouiListGroupItemHoverBackground: "rgba(52, 55, 65, 0.25)"
+ ouiListGroupItemHoverBackground: "rgba(41, 56, 71, 0.25)"
- ouiListGroupItemHoverBackgroundGhost: "rgba(255, 255, 255, 0.09999999999999998)"
+ ouiListGroupItemHoverBackgroundGhost: "rgba(252, 254, 255, 0.09999999999999998)"
ouiListGroupItemColorTypes: {
- primary: "#1ba9f5"
+ primary: "#159d8d"
- subdued: "#7a7f89"
+ subdued: "#86909a"
- ghost: "#ffffff"
+ ghost: "#fcfeff"
}
- ouiGradientStartStop: "#2e3039"
+ ouiGradientStartStop: "#253342"
- ouiGradientMiddle: "#282a31"
+ ouiGradientMiddle: "#222f3c"
ouiProgressColors: {
- primary: "#1ba9f5"
+ primary: "#159d8d"
- subdued: "#7a7f89"
+ subdued: "#86909a"
}
- ouiSelectableListItemBorder: "1px solid #202128"
+ ouiSelectableListItemBorder: "1px solid #0d161e"
ouiSelectableTemplateSitewideTypes: {
article: {
- color: "#9170b8"
+ color: "#9b7ebf"
}
}
- ouiSideNavEmphasizedBackgroundColor: "rgba(52, 55, 65, 0.30000000000000004)"
+ ouiSideNavEmphasizedBackgroundColor: "rgba(41, 56, 71, 0.30000000000000004)"
- ouiSideNavBranchTextcolor: "#878b95"
+ ouiSideNavBranchTextcolor: "#86909a"
- ouiSideNavSelectedTextcolor: "#1ba9f5"
+ ouiSideNavSelectedTextcolor: "#21a293"
- ouiSideNavDisabledTextcolor: "#55575a"
+ ouiSideNavDisabledTextcolor: "#535a62"
ouiStepStatusColorsToFade: {
- disabled: "#98a2b3"
+ disabled: "#8d98a3"
- incomplete: "#98a2b3"
+ incomplete: "#8d98a3"
}
ouiSuggestItemColors: {
- tint10: "#98a2b3"
+ tint10: "#8d98a3"
}
- ouiTableHoverColor: "#1e1e25"
+ ouiTableHoverColor: "#0f1923"
- ouiTableSelectedColor: "#08334a"
+ ouiTableSelectedColor: "#0d3c3d"
- ouiTableHoverSelectedColor: "#072e43"
+ ouiTableHoverSelectedColor: "#0d383a"
- ouiTableActionsBorderColor: "rgba(83, 89, 102, 0.09999999999999998)"
+ ouiTableActionsBorderColor: "rgba(91, 104, 117, 0.09999999999999998)"
- ouiTableHoverClickableColor: "rgba(27, 169, 245, 0.050000000000000044)"
+ ouiTableHoverClickableColor: "rgba(21, 157, 141, 0.050000000000000044)"
- ouiTableFocusClickableColor: "rgba(27, 169, 245, 0.09999999999999998)"
+ ouiTableFocusClickableColor: "rgba(21, 157, 141, 0.09999999999999998)"
ouiTextColors: {
- subdued: "#7a7f89"
+ subdued: "#86909a"
- ghost: "#ffffff"
+ ghost: "#fcfeff"
}
ouiToastTypes: {
- primary: "#1ba9f5"
+ primary: "#159d8d"
}
- ouiTokenGrayColor: "#535966"
+ ouiTokenGrayColor: "#5b6875"
ouiTokenTypes: {
gray: {
- graphic: "#535966"
+ graphic: "#5b6875"
- behindText: "#535966"
+ behindText: "#5b6875"
}
}
- ouiBorderColor: "#343741"
+ ouiBorderColor: "#293847"
- ouiBorderThick: "2px solid #343741"
+ ouiBorderThick: "2px solid #293847"
- ouiBorderThin: "1px solid #343741"
+ ouiBorderThin: "1px solid #293847"
- ouiBorderEditable: "2px dotted #343741"
+ ouiBorderEditable: "2px dotted #293847"
- ouiButtonColorDisabled: "#434548"
+ ouiButtonColorDisabled: "#4a515a"
- ouiButtonColorDisabledText: "#4c4e51"
+ ouiButtonColorDisabledText: "#535a62"
- ouiButtonColorGhostDisabled: "#343741"
+ ouiButtonColorGhostDisabled: "#293847"
ouiButtonTypes: {
- primary: "#1ba9f5"
+ primary: "#159d8d"
- subdued: "#7a7f89"
+ subdued: "#86909a"
- ghost: "#ffffff"
+ ghost: "#fcfeff"
- text: "#98a2b3"
+ text: "#8d98a3"
}
- ouiColorGhost: "#ffffff"
+ ouiColorGhost: "#fcfeff"
- ouiColorInk: "#000000"
+ ouiColorInk: "#0a121a"
- ouiColorPrimary: "#1ba9f5"
+ ouiColorPrimary: "#159d8d"
- ouiColorEmptyShade: "#1d1e24"
+ ouiColorEmptyShade: "#0a121a"
- ouiColorLightestShade: "#25262e"
+ ouiColorLightestShade: "#101b25"
- ouiColorLightShade: "#343741"
+ ouiColorLightShade: "#293847"
- ouiColorMediumShade: "#535966"
+ ouiColorMediumShade: "#5b6875"
- ouiColorDarkShade: "#98a2b3"
+ ouiColorDarkShade: "#8d98a3"
- ouiColorDarkestShade: "#d4dae5"
+ ouiColorDarkestShade: "#dfe3e8"
- ouiColorFullShade: "#ffffff"
+ ouiColorFullShade: "#fcfeff"
- ouiPageBackgroundColor: "#141519"
+ ouiPageBackgroundColor: "#172430"
- ouiTextSubduedColor: "#7a7f89"
+ ouiTextSubduedColor: "#86909a"
- ouiColorDisabled: "#434548"
+ ouiColorDisabled: "#4a515a"
- ouiColorPrimaryText: "#1ba9f5"
+ ouiColorPrimaryText: "#159d8d"
- ouiColorDisabledText: "#4c4e51"
+ ouiColorDisabledText: "#535a62"
- ouiColorChartLines: "#343741"
+ ouiColorChartLines: "#293847"
- ouiColorChartBand: "#2a2b33"
+ ouiColorChartBand: "#16212a"
- ouiCodeBlockBackgroundColor: "#25262e"
+ ouiCodeBlockBackgroundColor: "#101b25"
- ouiCodeBlockCommentColor: "#8d919a"
+ ouiCodeBlockCommentColor: "#86909a"
- ouiCodeBlockStringColor: "#d77092"
+ ouiCodeBlockStringColor: "#d36086"
- ouiCodeBlockKeywordColor: "#a184c2"
+ ouiCodeBlockKeywordColor: "#9677bc"
- ouiCodeBlockMetaColor: "#8d919a"
+ ouiCodeBlockMetaColor: "#86909a"
- ouiFormBackgroundColor: "#16171c"
+ ouiFormBackgroundColor: "#0e1721"
- ouiFormBackgroundDisabledColor: "#202128"
+ ouiFormBackgroundDisabledColor: "#0d161e"
- ouiFormBackgroundReadOnlyColor: "rgba(0, 0, 0, 0.050000000000000044)"
+ ouiFormBackgroundReadOnlyColor: "rgba(10, 18, 26, 0.050000000000000044)"
- ouiFormBorderOpaqueColor: "#ffffff"
+ ouiFormBorderOpaqueColor: "#fcfeff"
- ouiFormBorderColor: "rgba(255, 255, 255, 0.09999999999999998)"
+ ouiFormBorderColor: "rgba(252, 254, 255, 0.09999999999999998)"
- ouiFormBorderDisabledColor: "rgba(255, 255, 255, 0.09999999999999998)"
+ ouiFormBorderDisabledColor: "rgba(252, 254, 255, 0.09999999999999998)"
- ouiFormCustomControlDisabledIconColor: "#a6aab0"
+ ouiFormCustomControlDisabledIconColor: "#a9b1b8"
- ouiFormCustomControlBorderColor: "#66676d"
+ ouiFormCustomControlBorderColor: "#575f66"
- ouiFormControlDisabledColor: "#535966"
+ ouiFormControlDisabledColor: "#5b6875"
- ouiFormControlPlaceholderText: "#81858f"
+ ouiFormControlPlaceholderText: "#86909a"
- ouiFormInputGroupLabelBackground: "#1f2127"
+ ouiFormInputGroupLabelBackground: "#1d2935"
- ouiFormInputGroupBorder: "1px solid #282a30"
+ ouiFormInputGroupBorder: "1px solid #26323d"
- ouiSwitchOffColor: "rgba(83, 89, 102, 0.7)"
+ ouiSwitchOffColor: "rgba(91, 104, 117, 0.7)"
- ouiRangeTrackColor: "#98a2b3"
+ ouiRangeTrackColor: "#8d98a3"
- ouiRangeThumbBorderColor: "#98a2b3"
+ ouiRangeThumbBorderColor: "#8d98a3"
- ouiRangeTrackBorderColor: "#98a2b3"
+ ouiRangeTrackBorderColor: "#8d98a3"
- ouiHeaderBackgroundColor: "#1d1e24"
+ ouiHeaderBackgroundColor: "#0a121a"
- ouiHeaderDarkBackgroundColor: "#131317"
+ ouiHeaderDarkBackgroundColor: "#0d1720"
- ouiHeaderBorderColor: "#343741"
+ ouiHeaderBorderColor: "#293847"
- ouiHeaderBreadcrumbColor: "#d4dae5"
+ ouiHeaderBreadcrumbColor: "#dfe3e8"
ouiPanelBackgroundColorModifiers: {
- plain: "#1d1e24"
+ plain: "#0a121a"
- subdued: "#141519"
+ subdued: "#172430"
- accent: "#4b2b3a"
+ accent: "#52384c"
- primary: "#08334a"
+ primary: "#0d3c3d"
- success: "#26443f"
+ success: "#2d5051"
- warning: "#4d3e25"
+ warning: "#544a37"
- danger: "#4d1f1f"
+ danger: "#542b31"
}
- ouiFocusRingColor: "rgba(27, 169, 245, 0.3)"
+ ouiFocusRingColor: "rgba(21, 157, 141, 0.3)"
- ouiFocusRingAnimStartColor: "rgba(27, 169, 245, 0)"
+ ouiFocusRingAnimStartColor: "rgba(21, 157, 141, 0)"
- ouiFocusBackgroundColor: "#08334a"
+ ouiFocusBackgroundColor: "#0d3c3d"
- ouiTooltipBackgroundColor: "#000000"
+ ouiTooltipBackgroundColor: "#0a121a"
- 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