@netdata/netdata-ui
Version:
netdata UI kit
163 lines (162 loc) • 7.62 kB
JavaScript
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
import rawColors from "../rawColors";
var appColors = {
primary: rawColors.green.green100,
accent: rawColors.green.chateau,
main: rawColors.neutral.limedSpruce,
border: rawColors.neutral.grey185,
borderSecondary: rawColors.neutral.grey180,
disabled: rawColors.neutral.grey160,
disabledBackground: rawColors.neutral.grey160,
dropdown: rawColors.neutral.white,
dropdownShadow: rawColors.shadows.dropdownLight,
elementBackground: rawColors.neutral.blackhaze,
elementBackgroundHover: rawColors.neutral.white,
mainBackground: rawColors.neutral.grey195,
mainBackgroundDisabled: rawColors.neutral.blackhaze,
modalHeaderBackground: rawColors.neutral.grey185,
modalTabsBackground: rawColors.neutral.grey190,
modalBackground: rawColors.neutral.grey195,
modalInfoBackground: rawColors.neutral.blackhaze,
menuItemSelected: rawColors.green.green196,
menuItemHover: rawColors.green.green190,
// Links
link: rawColors.green.green100,
linkHover: rawColors.green.green110,
// Buttons
primaryHighlight: rawColors.green.green110,
secondaryColor: rawColors.green.green100,
secondaryHighlight: rawColors.green.green190,
neutralHighlight: rawColors.neutral.grey180,
// Buttons - AI
primaryAI: rawColors.blue.blue130,
accentAI: rawColors.blue.blue140,
primaryHighlightAI: rawColors.blue.blue130,
secondaryColorAI: rawColors.blue.blue120,
secondaryHighlightAI: rawColors.blue.blue190,
//============Status=============\\
success: rawColors.green.green100,
successLite: rawColors.green.green190,
successSemi: rawColors.green.green190,
successBackground: rawColors.green.green50,
successText: rawColors.green.green100,
warning: rawColors.yellow.yellow80,
warningLite: rawColors.yellow.yellow190,
warningSemi: rawColors.yellow.yellow190,
warningBackground: rawColors.yellow.yellow160,
warningBannerBg: rawColors.yellow.yellow160,
warningText: rawColors.yellow.seaBuckthorn,
error: rawColors.red.red100,
errorLite: rawColors.red.red190,
errorSemi: rawColors.red.red190,
errorBackground: rawColors.red.red150,
errorBannerBg: rawColors.red.red170,
errorText: rawColors.red.pomegranate,
generic: rawColors.neutral.grey165,
live: rawColors.green.green100,
stale: rawColors.green.green1000,
staleSemi: rawColors.green.green900,
unseen: rawColors.yellow.yellow900,
offline: rawColors.neutral.grey145,
//=========================================\\
attention: rawColors.purple.mauve,
attentionSecondary: rawColors.purple.daisy,
separator: rawColors.neutral.grey185,
controlFocused: rawColors.neutral.limedSpruce,
selected: rawColors.neutral.grey180,
highlight: rawColors.neutral.grey180,
tooltip: rawColors.neutral.grey180,
tooltipText: rawColors.neutral.grey100,
tooltipBg: rawColors.neutral.grey190,
bright: rawColors.neutral.white,
text: rawColors.neutral.grey100,
textLite: rawColors.neutral.grey120,
textNoFocus: rawColors.neutral.grey140,
textFocus: rawColors.neutral.grey90,
textDescription: rawColors.neutral.grey120,
sectionHeaderBackground: rawColors.neutral.limedSpruce,
sectionTitle: rawColors.neutral.grey100,
sectionDescription: rawColors.neutral.grey120,
placeholder: rawColors.neutral.grey140,
key: rawColors.neutral.regentgrey,
panel: rawColors.neutral.limedSpruce,
panelBg: rawColors.neutral.grey190,
mainChartBg: rawColors.neutral.blackhaze,
mainChartHeaderBg: rawColors.neutral.grey190,
mainChartBorder: rawColors.neutral.grey185,
mainChartTboxHover: rawColors.neutral.grey180,
sideBar: rawColors.neutral.grey190,
sideBarMini: rawColors.neutral.grey185,
spaceSelected: rawColors.neutral.grey175,
spaceIdle: rawColors.neutral.grey195,
spaceHovered: rawColors.neutral.grey180,
hoverHighlight: rawColors.green.green70,
menuItem: rawColors.neutral.grey120,
topBarBg: rawColors.neutral.grey190,
elevationLevelOne: rawColors.neutral.grey185,
// Input colors
inputBg: rawColors.neutral.grey190,
inputBorder: rawColors.neutral.grey185,
inputBorderHover: rawColors.neutral.grey165,
inputBorderFocus: rawColors.neutral.grey165,
// Badges
nodeBadgeBackground: rawColors.neutral.grey155,
nodeBadgeBorder: rawColors.neutral.iron,
nodeBadgeColor: rawColors.neutral.bluebayoux,
// Default pills
neutralPillBg: rawColors.neutral.grey155,
neutralPillBorder: rawColors.neutral.grey155,
neutralPillColor: rawColors.neutral.grey100,
// Alert MasterCard
alertIcon: rawColors.neutral.grey180,
idleError: rawColors.red.red170,
idleWarning: rawColors.yellow.yellow170,
idleClear: rawColors.green.green190,
// Table
dropdownTable: rawColors.neutral.white,
tableRowBg: rawColors.neutral.grey195,
tableRowBgHover: rawColors.neutral.grey180,
tableRowBg2: rawColors.neutral.grey190,
tableRowBg2Hover: rawColors.neutral.grey180,
columnHighlight: rawColors.green.green190,
// IconButton
iconColor: rawColors.neutral.limedSpruce,
// Progress Bare
progressBg: rawColors.neutral.chineseWhite,
// table-resizer
resizerLine: rawColors.green.vista,
anomalyText: rawColors.purple.lilac,
anomalyTextLite: rawColors.purple.lilacLite,
anomalyTextFocus: rawColors.purple.lilacFocus,
terminalGreen: rawColors.green.green197,
terminalGreenBorder: rawColors.green.green,
darkBackground: rawColors.neutral.grey195,
integrationMenuItemHover: rawColors.neutral.grey180,
// Dynamic rooms
clauseBg: rawColors.neutral.grey180,
clauseText: rawColors.neutral.grey100,
// Onboarding
nodeButtonsText: rawColors.neutral.grey100,
nodeButtonsTextHover: rawColors.neutral.black,
pnlBorder: rawColors.neutral.grey185,
pnlBackground: rawColors.neutral.white,
pnlText: rawColors.neutral.black,
// Insights
insightsYellow: rawColors.yellow.yellow300,
insightsYellowSemi: rawColors.yellow.yellow190,
insightsViolet: rawColors.violet.violet150,
insightsVioletSemi: rawColors.violet.violet190,
insightsPurple: rawColors.purple.purple100,
insightsPurpleSemi: rawColors.purple.purple180,
insightsGreen: rawColors.green.netdata,
insightsGreenSemi: rawColors.green.green195,
insightsRed: rawColors.red.red140,
insightsRedSemi: rawColors.red.red190,
insightsBlue: rawColors.blue.blue130,
insightsBlueSemi: rawColors.blue.blue190
};
export default _objectSpread(_objectSpread({}, appColors), rawColors);