make css rules more robust and flexible

ZYinMD · Dec 24, 2018 · e28c844 · e28c844
1 parent 70825ae
commit e28c844
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 4 deletions.
diff --git a/palettes/cuttlefish/cuttlefish.js b/palettes/cuttlefish/cuttlefish.js
@@ -71,6 +71,8 @@ cuttlefish.aliases = {
   id: 'rosy',
   attribute: 'jade',
   reactComponent: 'cyan',
+  atRule: 'lime',
+  cssVariable: 'gold',
 };
 
 // for node only ↓

diff --git a/palettes/sepia/sepia.css b/palettes/sepia/sepia.css
@@ -62,7 +62,7 @@
   color: #da2d2dbb;
   color: #eb582cdd;
   color: #e52d;
-  color: #e53d;
+  color: #e44d;
 }
 
 .sepia .orange {

diff --git a/palettes/sepia/sepia.js b/palettes/sepia/sepia.js
@@ -65,12 +65,14 @@ sepia.aliases = {
   deprecated: 'pink',
   docstring: 'tan',
   interpolation: 'orange',
-  // html ↓
+  // html css ↓
   tag: 'blue',
   class: 'green',
   id: 'magenta',
   attribute: 'olive',
   reactComponent: 'cyan',
+  atRule: 'maroon',
+  cssVariable: 'rosy',
 };
 
 // for node only ↓

diff --git a/syntax-highlighting-rules/css.json b/syntax-highlighting-rules/css.json
@@ -29,7 +29,7 @@
 			"keyword.control.at-rule punctuation.definition.keyword"
 		],
 		"settings": {
-			"foreground": "function"
+			"foreground": "atRule"
 		}
 	},
 	{
@@ -50,7 +50,7 @@
 			"variable punctuation.definition" // the @ symbol
 		],
 		"settings": {
-			"foreground": "reserved"
+			"foreground": "cssVariable"
 		}
 	},
 	{