Add insights colors (#570)

* Add insights colors

* v5.0.49

Author: kapantzak

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@netdata/netdata-ui",
-  "version": "5.0.48",
+  "version": "5.0.49",
   "description": "netdata UI kit",
   "main": "dist/index.js",
   "module": "dist/es6/index.js",

src/theme/dark/colors.js

@@ -100,7 +100,7 @@ const appColors = {
 
   topBarBg: rawColors.neutral.grey35,
   elevationLevelOne: rawColors.neutral.grey60,
-  //Input colors
+  // Input colors
   inputBg: rawColors.neutral.grey55,
   inputBorder: rawColors.neutral.grey65,
   inputBorderHover: rawColors.neutral.grey85,
@@ -110,32 +110,32 @@ const appColors = {
   nodeBadgeBorder: rawColors.neutral.bluebayoux,
   nodeBadgeColor: rawColors.neutral.white,
 
-  //Default pills
+  // Default pills
   neutralPillBg: rawColors.neutral.grey90,
   neutralPillBorder: rawColors.neutral.grey90,
   neutralPillColor: rawColors.neutral.grey120,
 
-  //Alert MasterCard
+  // Alert MasterCard
   alertIcon: rawColors.neutral.grey50,
   idleError: rawColors.red.red20,
   idleWarning: rawColors.yellow.yellow20,
   idleClear: rawColors.green.green20,
 
-  //Table
+  // Table
   dropdownTable: rawColors.neutral.eerieBlack,
   tableRowBgHover: rawColors.neutral.grey35,
   tableRowBg: rawColors.neutral.grey10,
   tableRowBg2: rawColors.neutral.grey20,
   tableRowBg2Hover: rawColors.neutral.grey35,
   columnHighlight: rawColors.green.green30,
 
-  //Progress Bare
+  // Progress Bare
   progressBg: rawColors.neutral.bluebayoux,
 
-  //IconButton
+  // IconButton
   iconColor: rawColors.neutral.grey160,
 
-  //table-resizer
+  // table-resizer
   resizerLine: rawColors.green.vista,
 
   anomalyText: rawColors.purple.mauve,
@@ -146,16 +146,22 @@ const appColors = {
   darkBackground: rawColors.neutral.grey05,
   integrationMenuItemHover: rawColors.green.green20,
 
-  //Dynamic rooms
+  // Dynamic rooms
   clauseBg: rawColors.neutral.grey90,
   clauseText: rawColors.neutral.white,
 
-  //Onboarding
+  // Onboarding
   nodeButtonsText: rawColors.green.green100,
   nodeButtonsTextHover: rawColors.green.green130,
   pnlBorder: rawColors.green.green20,
   pnlBackground: rawColors.neutral.black,
   pnlText: rawColors.green.green110,
+
+  // Insights
+  insightsYellow: rawColors.yellow.yellow130,
+  insightsViolet: rawColors.violet.violet150,
+  insightsPurple: rawColors.purple.purple130,
+  insightsGreen: rawColors.green.netdata,
 }
 
 export default {

src/theme/default/colors.js

@@ -100,41 +100,44 @@ const appColors = {
   menuItem: rawColors.neutral.grey120,
   topBarBg: rawColors.neutral.grey190,
   elevationLevelOne: rawColors.neutral.grey185,
-  //Input colors
+
+  // Input colors
   inputBg: rawColors.neutral.grey190,
   inputBorder: rawColors.neutral.grey185,
   inputBorderHover: rawColors.neutral.grey165,
   inputBorderFocus: rawColors.neutral.grey165,
-  //Badges
+
+  // Badges
   nodeBadgeBackground: rawColors.neutral.grey155,
   nodeBadgeBorder: rawColors.neutral.iron,
   nodeBadgeColor: rawColors.neutral.bluebayoux,
 
-  //Default pills
+  // Default pills
   neutralPillBg: rawColors.neutral.grey155,
   neutralPillBorder: rawColors.neutral.grey155,
   neutralPillColor: rawColors.neutral.grey100,
 
-  //Alert MasterCard
+  // Alert MasterCard
   alertIcon: rawColors.neutral.grey180,
   idleError: rawColors.red.red170,
   idleWarning: rawColors.yellow.yellow170,
   idleClear: rawColors.green.green190,
 
-  //Table
+  // 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
+
+  // IconButton
   iconColor: rawColors.neutral.limedSpruce,
 
-  //Progress Bare
+  // Progress Bare
   progressBg: rawColors.neutral.chineseWhite,
 
-  //table-resizer
+  // table-resizer
   resizerLine: rawColors.green.vista,
 
   anomalyText: rawColors.purple.lilac,
@@ -145,16 +148,22 @@ const appColors = {
   darkBackground: rawColors.neutral.grey195,
   integrationMenuItemHover: rawColors.neutral.grey180,
 
-  //Dynamic rooms
+  // Dynamic rooms
   clauseBg: rawColors.neutral.grey180,
   clauseText: rawColors.neutral.grey100,
 
-  //Onboarding
+  // 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,
+  insightsViolet: rawColors.violet.violet150,
+  insightsPurple: rawColors.purple.purple100,
+  insightsGreen: rawColors.green.netdata,
 }
 
 export default {