Merge pull request #19 from masonlet/fix/lang-colours

Fix colour rendering and layout for 16-item charts

Author: masonlet

src/constants/config.js

@@ -3,7 +3,7 @@ export const DEFAULT_CONFIG = {
   WIDTH: 400,
   HEIGHT: 300,
   COUNT: 8,
-  MIN_WIDTH: 350
+  MIN_WIDTH: 400
 }
 
 export const REFRESH_INTERVAL = 1000 * 60 * 60;

src/constants/styles.js

@@ -10,7 +10,7 @@ export const LEGEND_STYLES = {
   SQUARE_RADIUS: 2,
   FONT_SIZE: 11,
   WIDTH: 130,
-  COLUMN_WIDTH: 100
+  COLUMN_WIDTH: 105
 }
 
 export const ERROR_STYLES = {

src/constants/themes.js

@@ -2,16 +2,67 @@ export const THEMES = {
   default: {
     bg: "#0d1117",
     text: "#ffffff",
-    colours: ["#A8D5Ba", "#FFD6A5", "#FFAAA6", "#D0CFCF", "#CBAACB", "#FFE156", "#96D5E9", "#F3B0C3"]
+    colours: [
+      "#A8D5Ba",
+      "#FFD6A5",
+      "#FFAAA6",
+      "#D0CFCF",
+      "#CBAACB",
+      "#FFE156",
+      "#96D5E9",
+      "#F3B0C3",
+      "#B4A7D6",
+      "#FFB6B9",
+      "#A3E4D7",
+      "#F8B88B",
+      "#C9E4CA",
+      "#FAD7A0",
+      "#AED6F1",
+      "#D7BDE2"
+    ]
   },
   light: {
     bg: "#ffffff",
     text: "#2f2f2f",
-    colours: ["#2ecc71", "#3498db", "#e74c3c", "#f39c12", "#9b59b6", "#1abc9c", "#e67e22", "#34495e"]
+    colours: [
+      "#2ecc71",
+      "#3498db",
+      "#e74c3c",
+      "#f39c12",
+      "#9b59b6",
+      "#1abc9c",
+      "#e67e22",
+      "#34495e",
+      "#16a085",
+      "#c0392b",
+      "#8e44ad",
+      "#27ae60",
+      "#d35400",
+      "#2980b9",
+      "#7f8c8d",
+      "#f1c40f"
+    ]
   },
   dark: {
     bg: "#1a1a1a",
     text: "#ccd6f6",
-    colours: ["#ff6b6b", "#4ecdc3", "#45b7d1", "#ffa07a", "#98d8c8", "#f7dc6f", "#bb8fce", "#85c1e2"]
+    colours: [
+      "#ff6b6b", 
+      "#4ecdc3", 
+      "#45b7d1", 
+      "#ffa07a", 
+      "#98d8c8", 
+      "#f7dc6f", 
+      "#bb8fce",
+      "#64ffda",
+      "#85c1e2",
+      "#ff8a80",
+      "#a7ffeb",
+      "#ffd54f",
+      "#ea80fc",
+      "#80d8ff",
+      "#ffab91",
+      "#b9f6ca"
+    ]
   }
 };

src/data/test-data.json

@@ -6,5 +6,17 @@
   "CSS": 32000,
   "Java": 28000,
   "C#": 15000,
-  "Shell": 12000
+  "Shell": 12000,
+  "TypeScript": 42000,
+  "Go": 26000,
+  "Rust": 24000,
+  "PHP": 23000,
+  "C": 35000,
+  "Assembly": 18000,
+  "SQL": 40000,
+  "Lua": 11000,
+  "Objective-C": 9000,
+  "PowerShell": 13000,
+  "Bash": 12500,
+  "Kotlin": 22000
 }