diff --git a/atoms/index.html b/atoms/index.html
index a4a2cc6..2fd569c 100644
--- a/atoms/index.html
+++ b/atoms/index.html
@@ -76,6 +76,18 @@
 			["Kelvin","Celsius","Fahrenheit"]
 		];
 
+		var keyColors = [
+			{"Alkali Metals":'#8EF02B',"Alkali Earth Metals":"#D77A1D","Metalloids":"#387290","Non-metals":"#52BFF6","Halogens":"#4842E9","Noble Gases":"#7B1AE9","Transition Metals":"#E5D439","Post Transition Metals":"#2ADEA8","Lanthanides":"#F02BBC","Actinides":"#D78A8A"},
+			{"Unknown": "#41464d"},
+			{},
+			{"Unknown": "#41464d"},
+			{"Unknown": "#41464d"},
+			{"Unknown": "#41464d"},
+			{"Unknown": "#41464d"},
+			{"Unknown": "#41464d"},
+			{"Unknown": "#41464d"}
+		];
+
 		var colorChart = { //colorChart[theme][0] = most [1] = least
 			"category": {"al":'#8EF02B',"ae":"#D77A1D","md":"#387290","nm":"#52BFF6","ha":"#4842E9","ng":"#7B1AE9","tm":"#E5D439","bm":"#2ADEA8","lh":"#F02BBC","ac":"#D78A8A"},
 			"atomRadi": ["#151618", "#2C7BF2"],