Add css class/id

src/index.ts

@@ -69,7 +69,9 @@ const sapphireColorSet: IColorSet = {
     class: sapphireColors.teal,
     classMember: sapphireColors.teal,
     type: sapphireColors.green,
-    this: sapphireColors.blue
+    this: sapphireColors.blue,
+    cssClass: sapphireColors.blue,
+    cssId: sapphireColors.red
   },
   ui: {
     background: '#151B24',

src/themeGenerator.ts

@@ -18,6 +18,8 @@ export interface IColorSet {
     type?: string;
     modifier?: string;
     this?: string;
+    cssClass?: string;
+    cssId?: string;
   }
   ui?: {
     /** The default background color */

src/vscodeThemeGenerator.ts

@@ -136,7 +136,11 @@ const vscodeJsonThemeRules: IRuleGenerator[] = [
   { source: set => set.syntax.modifier,
     generate: getSimpleColorGenerator('Modifier', 'modifier') },
   { source: set => set.syntax.this,
-    generate: getSimpleColorGenerator('This variable', 'variable.language.this') }
+    generate: getSimpleColorGenerator('This variable', 'variable.language.this') },
+  { source: set => set.syntax.cssClass,
+    generate: getSimpleColorGenerator('CSS class', 'entity.other.attribute-name.class') },
+  { source: set => set.syntax.cssId,
+    generate: getSimpleColorGenerator('CSS ID', 'entity.other.attribute-name.id') }
 ];
 
 export class VscodeThemeGenerator implements IThemeGenerator {