support color alias

palettes/sepia/palette.js

@@ -1,24 +1,35 @@
+// this file will be used both by node and by browser
+
 var palette = {
-	default: '#836e69',
-	grey: '#999c',
-	red: '#f00',
-	maroon: '#c10c',
-	green: '#094e',
-	blue: '#08bd',
-	yellow: '#b82',
+	grey: '#836e69',
+	silver: '#999c',
+	black: '#2d2d2d',
+	pink: '#f08c',
 	purple: '#940094ab',
-	cyan: '#30a195',
+	magenta: '#b36d',
+	maroon: '#c10c',
+	red: '#f00',
 	orange: '#f77b00e6',
+	yellow: '#b82',
+	tan: '#97733dd0',
 	olive: '#890',
-	pink: '#f08c',
+	green: '#094e',
+	cyan: '#30a195',
+	blue: '#08bd',
 	teal: '#088',
-	tan: '#97733dd0',
-	magenta: '#b36d',
-	black: '#2d2d2d'
 };
 
+var alias = {
+	default: palette.grey,
+	variable: palette.olive,
+	function: palette.green,
+	parameter: palette.yellow,
+	module: palette.maroon,
+	declaration: palette.blue,
+}
+
 try {
-	module.exports = palette;
+	module.exports = Object.assign(palette, alias);
 } catch (err) {
 	// the exports can be used in node, browser doesn't understand it, but browser can use the palette.
 }

palettes/sepia/style.css

@@ -1,4 +1,4 @@
-.default {
+.grey {
 	color: #0008;
 	color: #222b;
 	color: #333b;
@@ -11,7 +11,7 @@
 
 }
 
-.grey {
+.silver {
 	color: #999c;
 	color: #999d;
 }
@@ -89,13 +89,11 @@
 	color: #b36e;
 	color: #bb3366d6;
 	color: #b36d;
-	color: #2d2d2d;
-
 }
 
 .black {
 	color: #000;
-
+	color: #2d2d2d;
 }
 
 body {