@netdata/netdata-ui
Version:
netdata UI kit
168 lines (166 loc) • 8.62 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 _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
var appColors = {
primary: _rawColors["default"].green.green100,
accent: _rawColors["default"].green.chateau,
main: _rawColors["default"].neutral.limedSpruce,
border: _rawColors["default"].neutral.grey185,
borderSecondary: _rawColors["default"].neutral.grey180,
disabled: _rawColors["default"].neutral.grey160,
disabledBackground: _rawColors["default"].neutral.grey160,
dropdown: _rawColors["default"].neutral.white,
dropdownShadow: _rawColors["default"].shadows.dropdownLight,
elementBackground: _rawColors["default"].neutral.blackhaze,
elementBackgroundHover: _rawColors["default"].neutral.white,
mainBackground: _rawColors["default"].neutral.grey195,
mainBackgroundDisabled: _rawColors["default"].neutral.blackhaze,
modalHeaderBackground: _rawColors["default"].neutral.grey185,
modalTabsBackground: _rawColors["default"].neutral.grey190,
modalBackground: _rawColors["default"].neutral.grey195,
modalInfoBackground: _rawColors["default"].neutral.blackhaze,
menuItemSelected: _rawColors["default"].green.green196,
menuItemHover: _rawColors["default"].green.green190,
// Links
link: _rawColors["default"].green.green100,
linkHover: _rawColors["default"].green.green110,
// Buttons
primaryHighlight: _rawColors["default"].green.green110,
secondaryColor: _rawColors["default"].green.green100,
secondaryHighlight: _rawColors["default"].green.green190,
neutralHighlight: _rawColors["default"].neutral.grey180,
// Buttons - AI
primaryAI: _rawColors["default"].blue.blue130,
accentAI: _rawColors["default"].blue.blue140,
primaryHighlightAI: _rawColors["default"].blue.blue130,
secondaryColorAI: _rawColors["default"].blue.blue120,
secondaryHighlightAI: _rawColors["default"].blue.blue190,
// AI Graphics
strokeMain: _rawColors["default"].blue.blue100,
strokeHighlight: _rawColors["default"].blue.blue120,
aiParticleMain: _rawColors["default"].blue.blue180,
//============Status=============\\
success: _rawColors["default"].green.green100,
successLite: _rawColors["default"].green.green190,
successSemi: _rawColors["default"].green.green190,
successBackground: _rawColors["default"].green.green50,
successText: _rawColors["default"].green.green100,
warning: _rawColors["default"].yellow.yellow80,
warningLite: _rawColors["default"].yellow.yellow190,
warningSemi: _rawColors["default"].yellow.yellow190,
warningBackground: _rawColors["default"].yellow.yellow160,
warningBannerBg: _rawColors["default"].yellow.yellow160,
warningText: _rawColors["default"].yellow.seaBuckthorn,
error: _rawColors["default"].red.red100,
errorLite: _rawColors["default"].red.red190,
errorSemi: _rawColors["default"].red.red190,
errorBackground: _rawColors["default"].red.red150,
errorBannerBg: _rawColors["default"].red.red170,
errorText: _rawColors["default"].red.pomegranate,
generic: _rawColors["default"].neutral.grey165,
live: _rawColors["default"].green.green100,
stale: _rawColors["default"].green.green1000,
staleSemi: _rawColors["default"].green.green900,
unseen: _rawColors["default"].yellow.yellow900,
offline: _rawColors["default"].neutral.grey145,
//=========================================\\
attention: _rawColors["default"].purple.mauve,
attentionSecondary: _rawColors["default"].purple.daisy,
separator: _rawColors["default"].neutral.grey185,
controlFocused: _rawColors["default"].neutral.limedSpruce,
selected: _rawColors["default"].neutral.grey180,
highlight: _rawColors["default"].neutral.grey180,
tooltip: _rawColors["default"].neutral.grey180,
tooltipText: _rawColors["default"].neutral.grey100,
tooltipBg: _rawColors["default"].neutral.grey190,
bright: _rawColors["default"].neutral.white,
text: _rawColors["default"].neutral.grey100,
textLite: _rawColors["default"].neutral.grey120,
textNoFocus: _rawColors["default"].neutral.grey140,
textFocus: _rawColors["default"].neutral.grey90,
textDescription: _rawColors["default"].neutral.grey120,
sectionHeaderBackground: _rawColors["default"].neutral.limedSpruce,
sectionTitle: _rawColors["default"].neutral.grey100,
sectionDescription: _rawColors["default"].neutral.grey120,
placeholder: _rawColors["default"].neutral.grey140,
key: _rawColors["default"].neutral.regentgrey,
panel: _rawColors["default"].neutral.limedSpruce,
panelBg: _rawColors["default"].neutral.grey190,
mainChartBg: _rawColors["default"].neutral.blackhaze,
mainChartHeaderBg: _rawColors["default"].neutral.grey190,
mainChartBorder: _rawColors["default"].neutral.grey185,
mainChartTboxHover: _rawColors["default"].neutral.grey180,
sideBar: _rawColors["default"].neutral.grey190,
sideBarMini: _rawColors["default"].neutral.grey185,
spaceSelected: _rawColors["default"].neutral.grey175,
spaceIdle: _rawColors["default"].neutral.grey195,
spaceHovered: _rawColors["default"].neutral.grey180,
hoverHighlight: _rawColors["default"].green.green70,
menuItem: _rawColors["default"].neutral.grey120,
topBarBg: _rawColors["default"].neutral.grey190,
elevationLevelOne: _rawColors["default"].neutral.grey185,
// Input colors
inputBg: _rawColors["default"].neutral.grey190,
inputBorder: _rawColors["default"].neutral.grey185,
inputBorderHover: _rawColors["default"].neutral.grey165,
inputBorderFocus: _rawColors["default"].neutral.grey165,
// Badges
nodeBadgeBackground: _rawColors["default"].neutral.grey155,
nodeBadgeBorder: _rawColors["default"].neutral.iron,
nodeBadgeColor: _rawColors["default"].neutral.bluebayoux,
// Default pills
neutralPillBg: _rawColors["default"].neutral.grey155,
neutralPillBorder: _rawColors["default"].neutral.grey155,
neutralPillColor: _rawColors["default"].neutral.grey100,
// Alert MasterCard
alertIcon: _rawColors["default"].neutral.grey180,
idleError: _rawColors["default"].red.red170,
idleWarning: _rawColors["default"].yellow.yellow170,
idleClear: _rawColors["default"].green.green190,
// Table
dropdownTable: _rawColors["default"].neutral.white,
tableRowBg: _rawColors["default"].neutral.grey195,
tableRowBgHover: _rawColors["default"].neutral.grey180,
tableRowBg2: _rawColors["default"].neutral.grey190,
tableRowBg2Hover: _rawColors["default"].neutral.grey180,
columnHighlight: _rawColors["default"].green.green190,
// IconButton
iconColor: _rawColors["default"].neutral.limedSpruce,
// Progress Bare
progressBg: _rawColors["default"].neutral.chineseWhite,
// table-resizer
resizerLine: _rawColors["default"].green.vista,
anomalyText: _rawColors["default"].purple.lilac,
anomalyTextLite: _rawColors["default"].purple.lilacLite,
anomalyTextFocus: _rawColors["default"].purple.lilacFocus,
terminalGreen: _rawColors["default"].green.green197,
terminalGreenBorder: _rawColors["default"].green.green,
darkBackground: _rawColors["default"].neutral.grey195,
integrationMenuItemHover: _rawColors["default"].neutral.grey180,
// Dynamic rooms
clauseBg: _rawColors["default"].neutral.grey180,
clauseText: _rawColors["default"].neutral.grey100,
// Onboarding
nodeButtonsText: _rawColors["default"].neutral.grey100,
nodeButtonsTextHover: _rawColors["default"].neutral.black,
pnlBorder: _rawColors["default"].neutral.grey185,
pnlBackground: _rawColors["default"].neutral.white,
pnlText: _rawColors["default"].neutral.black,
// Insights
insightsYellow: _rawColors["default"].yellow.yellow300,
insightsYellowSemi: _rawColors["default"].yellow.yellow190,
insightsViolet: _rawColors["default"].violet.violet150,
insightsVioletSemi: _rawColors["default"].violet.violet190,
insightsPurple: _rawColors["default"].purple.purple100,
insightsPurpleSemi: _rawColors["default"].purple.purple180,
insightsGreen: _rawColors["default"].green.netdata,
insightsGreenSemi: _rawColors["default"].green.green195,
insightsRed: _rawColors["default"].red.red140,
insightsRedSemi: _rawColors["default"].red.red190,
insightsBlue: _rawColors["default"].blue.blue130,
insightsBlueSemi: _rawColors["default"].blue.blue190
};
var _default = exports["default"] = _extends({}, appColors, _rawColors["default"]);