Add a nice border to colored cells

css/colors.css

@@ -1,31 +1,39 @@
 .color0 {
 	background: #d9c7b0;
+	border: 1px solid #c7aa71;
 }
 
 .color1 {
 	background: #d5d5fb;
+	border: 1px solid #bbf;
 }
 
 .color2 {
 	background: #ffe6c0;
+	border: 1px solid #ffce84;
 }
 
 .color3 {
 	background: #edffd3;
+	border: 1px solid #97dd52;
 }
 
 .color4 {
-	background: #ffd0d0;
+	background: #ffc9a3;
+	border: 1px solid #fa7;
 }
 
 .color5 {
 	background: #fcf;
+	border: 1px solid #ffa7ff;
 }
 
 .color6 {
 	background: #adf;
+	border: 1px solid #8cb7ff;
 }
 
 .color7 {
 	background: #fff89e;
+	border: 1px solid #d7d700;
 }

css/grid.css

@@ -6,9 +6,7 @@
 #grid td {
 	width: 2em;
 	height: 2em;
-}
-
-#grid td {
+	display: inline-block;
 	cursor: pointer;
 	padding: 1px;
 }
@@ -17,3 +15,7 @@
 	padding: 0;
 	border: 1px dashed #aaa;
 }
+
+#grid td[class*="color"] {
+	padding: 0;
+}