@netdata/netdata-ui
Version:
netdata UI kit
167 lines (165 loc) • 9.34 kB
JavaScript
;
exports.__esModule = true;
exports["default"] = void 0;
var _rawColors = _interopRequireDefault(require("../rawColors"));
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
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); }
var appColors = {
primary: _rawColors["default"].green.green100,
accent: _rawColors["default"].green.chateau,
main: _rawColors["default"].neutral.white,
border: _rawColors["default"].neutral.grey45,
borderSecondary: _rawColors["default"].neutral.grey35,
disabled: _rawColors["default"].neutral.grey100,
disabledBackground: _rawColors["default"].neutral.grey100,
dropdown: _rawColors["default"].neutral.grey40,
dropdownShadow: _rawColors["default"].shadows.dropdownDark,
elementBackground: _rawColors["default"].neutral.grey35,
elementBackgroundHover: _rawColors["default"].neutral.tuna,
mainBackground: _rawColors["default"].neutral.grey15,
mainBackgroundDisabled: _rawColors["default"].neutral.outerSpace,
modalHeaderBackground: _rawColors["default"].neutral.grey10,
modalTabsBackground: _rawColors["default"].neutral.grey20,
modalBackground: _rawColors["default"].neutral.grey30,
modalInfoBackground: _rawColors["default"].neutral.grey50,
menuItemSelected: _rawColors["default"].green.green30,
menuItemHover: _rawColors["default"].green.green10,
// Links
link: _rawColors["default"].green.green110,
linkHover: _rawColors["default"].green.green120,
// Buttons
primaryHighlight: _rawColors["default"].green.green100,
secondaryColor: _rawColors["default"].green.green110,
secondaryHighlight: _rawColors["default"].green.green40,
neutralHighlight: _rawColors["default"].neutral.grey50,
// Buttons - AI
primaryAI: _rawColors["default"].blue.blue130,
accentAI: _rawColors["default"].blue.blue150,
primaryHighlightAI: _rawColors["default"].blue.blue130,
secondaryColorAI: _rawColors["default"].blue.blue140,
secondaryHighlightAI: _rawColors["default"].blue.blue70,
//============Status=============\\
success: _rawColors["default"].green.green100,
successLite: _rawColors["default"].green.green190,
successSemi: _rawColors["default"].green.green20,
successBackground: _rawColors["default"].green.green50,
successText: _rawColors["default"].green.green100,
warning: _rawColors["default"].yellow.yellow80,
warningLite: _rawColors["default"].yellow.yellow190,
warningSemi: _rawColors["default"].yellow.yellow20,
warningBackground: _rawColors["default"].yellow.yellow60,
warningBannerBg: _rawColors["default"].yellow.yellow60,
warningText: _rawColors["default"].yellow.seaBuckthorn,
error: _rawColors["default"].red.red100,
errorLite: _rawColors["default"].red.red190,
errorSemi: _rawColors["default"].red.red20,
errorBackground: _rawColors["default"].red.red50,
errorBannerBg: _rawColors["default"].red.red50,
errorText: _rawColors["default"].red.pomegranate,
generic: _rawColors["default"].neutral.grey60,
live: _rawColors["default"].green.green100,
stale: _rawColors["default"].green.green1000,
staleSemi: _rawColors["default"].green.green900,
unseen: _rawColors["default"].yellow.yellow900,
offline: _rawColors["default"].neutral.grey90,
//=========================================\\
attention: _rawColors["default"].purple.mauve,
attentionSecondary: _rawColors["default"].purple.daisy,
separator: _rawColors["default"].neutral.grey35,
controlFocused: _rawColors["default"].neutral.white,
selected: _rawColors["default"].neutral.grey55,
highlight: _rawColors["default"].neutral.grey55,
tooltip: _rawColors["default"].neutral.outerSpace,
tooltipText: _rawColors["default"].neutral.white,
bright: _rawColors["default"].neutral.white,
text: _rawColors["default"].neutral.grey155,
textLite: _rawColors["default"].neutral.grey120,
textNoFocus: _rawColors["default"].neutral.grey105,
textFocus: _rawColors["default"].neutral.grey160,
textDescription: _rawColors["default"].neutral.grey120,
sectionHeaderBackground: _rawColors["default"].neutral.white,
sectionTitle: _rawColors["default"].neutral.grey155,
sectionDescription: _rawColors["default"].neutral.grey150,
menuItem: _rawColors["default"].neutral.grey140,
placeholder: _rawColors["default"].neutral.grey110,
key: _rawColors["default"].neutral.iron,
panel: _rawColors["default"].neutral.limedSpruce,
panelBg: _rawColors["default"].neutral.grey25,
mainChartBg: _rawColors["default"].neutral.grey25,
mainChartHeaderBg: _rawColors["default"].neutral.grey35,
mainChartBorder: _rawColors["default"].neutral.grey25,
mainChartTboxHover: _rawColors["default"].neutral.grey50,
sideBar: _rawColors["default"].neutral.grey25,
sideBarMini: _rawColors["default"].neutral.grey05,
spaceSelected: _rawColors["default"].neutral.grey85,
spaceIdle: _rawColors["default"].neutral.grey50,
spaceHovered: _rawColors["default"].neutral.grey65,
hoverHighlight: _rawColors["default"].green.green195,
topBarBg: _rawColors["default"].neutral.grey35,
elevationLevelOne: _rawColors["default"].neutral.grey60,
// Input colors
inputBg: _rawColors["default"].neutral.grey55,
inputBorder: _rawColors["default"].neutral.grey65,
inputBorderHover: _rawColors["default"].neutral.grey85,
inputBorderFocus: _rawColors["default"].neutral.grey85,
// Badges
nodeBadgeBackground: _rawColors["default"].neutral.grey90,
nodeBadgeBorder: _rawColors["default"].neutral.bluebayoux,
nodeBadgeColor: _rawColors["default"].neutral.white,
// Default pills
neutralPillBg: _rawColors["default"].neutral.grey90,
neutralPillBorder: _rawColors["default"].neutral.grey90,
neutralPillColor: _rawColors["default"].neutral.grey120,
// Alert MasterCard
alertIcon: _rawColors["default"].neutral.grey50,
idleError: _rawColors["default"].red.red20,
idleWarning: _rawColors["default"].yellow.yellow20,
idleClear: _rawColors["default"].green.green20,
// Table
dropdownTable: _rawColors["default"].neutral.eerieBlack,
tableRowBgHover: _rawColors["default"].neutral.grey35,
tableRowBg: _rawColors["default"].neutral.grey10,
tableRowBg2: _rawColors["default"].neutral.grey20,
tableRowBg2Hover: _rawColors["default"].neutral.grey35,
columnHighlight: _rawColors["default"].green.green30,
// Progress Bare
progressBg: _rawColors["default"].neutral.bluebayoux,
// IconButton
iconColor: _rawColors["default"].neutral.grey160,
// table-resizer
resizerLine: _rawColors["default"].green.vista,
anomalyText: _rawColors["default"].purple.mauve,
anomalyTextLite: _rawColors["default"].purple.mauveDark,
anomalyTextFocus: _rawColors["default"].purple.mauveFocus,
terminalGreen: _rawColors["default"].green.green20,
terminalGreenBorder: _rawColors["default"].green.green60,
darkBackground: _rawColors["default"].neutral.grey05,
integrationMenuItemHover: _rawColors["default"].green.green20,
// Dynamic rooms
clauseBg: _rawColors["default"].neutral.grey90,
clauseText: _rawColors["default"].neutral.white,
// Onboarding
nodeButtonsText: _rawColors["default"].green.green100,
nodeButtonsTextHover: _rawColors["default"].green.green130,
pnlBorder: _rawColors["default"].green.green20,
pnlBackground: _rawColors["default"].neutral.black,
pnlText: _rawColors["default"].green.green110,
// Insights
insightsYellow: _rawColors["default"].yellow.yellow130,
insightsYellowSemi: _rawColors["default"].yellow.yellow10,
insightsViolet: _rawColors["default"].violet.violet150,
insightsVioletSemi: _rawColors["default"].violet.violet20,
insightsPurple: _rawColors["default"].purple.purple130,
insightsPurpleSemi: _rawColors["default"].purple.purple20,
insightsGreen: _rawColors["default"].green.netdata,
insightsGreenSemi: _rawColors["default"].green.green10,
insightsRed: _rawColors["default"].red.red140,
insightsRedSemi: _rawColors["default"].red.red10,
insightsBlue: _rawColors["default"].blue.blue130,
insightsBlueSemi: _rawColors["default"].blue.blue20
};
var _default = exports["default"] = _objectSpread(_objectSpread({}, _rawColors["default"]), appColors);