Adding the new styles, trying out AI

package.json

@@ -1,6 +1,6 @@
 {
   "name": "easy-code-formatter-styles",
-  "version": "1.2.15",
+  "version": "1.2.17",
   "description": "a package which contains the styling details for easy code formatter office app.",
   "main": "dist/index.js",
   "repository": {
@@ -42,5 +42,8 @@
     "ts-jest": "^29.1.0",
     "typescript": "^5.1.3",
     "typescript-eslint": "^8.33.1"
+  },
+  "dependencies": {
+    "highlight.js": "^11.10.0"
   }
 }

src/themes/A11YDark.ts

@@ -1,56 +1,49 @@
 import { ITheme } from './ITheme';
 
 export const A11YDark: ITheme = {
-  /** Display name */
   DisplayName: 'A11YDark',
-  /** Code styles */
   CodeStyles: {
     Keyword: {
       Color: 'dcc6e0',
+      FontWeight: 'bold',
     },
     Comment: {
       Color: 'd4d0ab',
     },
     Plaintext: {
-      Color: 'fff',
+      Color: 'f8f8f2',
     },
     Punctuation: {
-      Color: 'fff',
+      Color: 'f8f8f2',
     },
     String: {
       Color: 'abe338',
     },
     Literal: {
-      Color: 'f5ab35',
+      Color: 'abe338',
     },
     Type: {
       Color: '00e0e0',
     },
     Tag: {
-      Color: '00e0e0',
+      Color: 'dcc6e0',
+      FontWeight: 'bold',
     },
     AttributeName: {
       Color: 'ffd700',
-      FontWeight: 'bold',
-    },
-    AttributeValue: {
-      Color: 'abe338',
     },
     Decimal: {
       Color: 'f5ab35',
     },
     NoCode: {
-      Color: '000',
-      BackgroundColor: 'none',
+      Color: 'ffa07a',
     },
   },
-  // Background color
   BackgroundStyle: {
     BackgroundColor: '2b2b2b',
   },
-  // Line number background colors
   LineNumberStyle: {
-    Color: 'fff',
-    Background: 'none',
+    Color: 'f8f8f2',
+    BackgroundColor: '2b2b2b',
   },
 };

src/themes/A11YLight.ts

@@ -1,12 +1,11 @@
 import { ITheme } from './ITheme';
 
 export const A11YLight: ITheme = {
-  /** Display name */
   DisplayName: 'A11YLight',
-  /** Code styles */
   CodeStyles: {
     Keyword: {
       Color: '7928a1',
+      FontWeight: 'bold',
     },
     Comment: {
       Color: '696969',
@@ -21,36 +20,30 @@ export const A11YLight: ITheme = {
       Color: '008000',
     },
     Literal: {
-      Color: 'aa5d00',
+      Color: '008000',
     },
     Type: {
       Color: '007faa',
     },
     Tag: {
-      Color: '007faa',
+      Color: '7928a1',
+      FontWeight: 'bold',
     },
     AttributeName: {
       Color: 'aa5d00',
-      FontWeight: 'bold',
-    },
-    AttributeValue: {
-      Color: '008000',
     },
     Decimal: {
       Color: 'aa5d00',
     },
     NoCode: {
-      Color: '000',
-      BackgroundColor: 'none',
+      Color: 'd91e18',
     },
   },
-  // Background color
   BackgroundStyle: {
     BackgroundColor: 'fefefe',
   },
-  // Line number background colors
   LineNumberStyle: {
-    Color: '000',
-    Background: 'none',
+    Color: '545454',
+    BackgroundColor: 'fefefe',
   },
 };

src/themes/Agate.ts

@@ -0,0 +1,53 @@
+import { ITheme } from './ITheme';
+
+export const Agate: ITheme = {
+  DisplayName: 'Agate',
+  CodeStyles: {
+    Keyword: {
+      FontWeight: 'bold',
+      Color: 'fcc28c',
+    },
+    Comment: {
+      Color: '888',
+    },
+    Plaintext: {
+      Color: 'fff',
+    },
+    Punctuation: {
+      Color: 'fff',
+    },
+    String: {
+      FontStyle: 'italic',
+      Color: '333',
+      BackgroundColor: 'a2fca2',
+    },
+    Literal: {
+      FontWeight: 'bold',
+      Color: 'fc9b9b',
+    },
+    Type: {
+      Color: 'fcc28c',
+    },
+    Tag: {
+      FontWeight: 'bold',
+      Color: 'fcc28c',
+    },
+    AttributeName: {
+      Color: 'ffa',
+    },
+    Decimal: {
+      Color: 'd36363',
+    },
+    NoCode: {
+      Color: 'fff',
+      BackgroundColor: 'fc9b9b',
+    },
+  },
+  BackgroundStyle: {
+    BackgroundColor: '555',
+  },
+  LineNumberStyle: {
+    Color: 'fff',
+    BackgroundColor: '555',
+  },
+};

src/themes/Androidstudio.ts

@@ -0,0 +1,47 @@
+import { ITheme } from './ITheme';
+
+export const Androidstudio: ITheme = {
+  DisplayName: 'Androidstudio',
+  CodeStyles: {
+    Keyword: {
+      Color: 'cc7832',
+    },
+    Comment: {
+      Color: '808080',
+    },
+    Plaintext: {
+      Color: 'a9b7c6',
+    },
+    Punctuation: {
+      Color: 'a9b7c6',
+    },
+    String: {
+      Color: '6a8759',
+    },
+    Literal: {
+      Color: 'bbb529',
+    },
+    Type: {
+      Color: 'ffc66d',
+    },
+    Tag: {
+      Color: 'e8bf6a',
+    },
+    AttributeName: {
+      Color: '6a8759',
+    },
+    Decimal: {
+      Color: '6897bb',
+    },
+    NoCode: {
+      Color: 'cc7832',
+    },
+  },
+  BackgroundStyle: {
+    BackgroundColor: '282b2e',
+  },
+  LineNumberStyle: {
+    Color: 'a9b7c6',
+    BackgroundColor: '282b2e',
+  },
+};

src/themes/ArduinoLight.ts

@@ -0,0 +1,48 @@
+import { ITheme } from './ITheme';
+
+export const ArduinoLight: ITheme = {
+  DisplayName: 'ArduinoLight',
+  CodeStyles: {
+    Keyword: {
+      Color: '728e00',
+    },
+    Comment: {
+      Color: '95a5a6',
+    },
+    Plaintext: {
+      Color: '434f54',
+    },
+    Punctuation: {
+      Color: '434f54',
+    },
+    String: {
+      Color: '005c5f',
+    },
+    Literal: {
+      Color: '434f54',
+    },
+    Type: {
+      Color: '880000',
+      FontWeight: 'bold',
+    },
+    Tag: {
+      Color: '00979d',
+    },
+    AttributeName: {
+      Color: '00979d',
+    },
+    Decimal: {
+      Color: '8a7b52',
+    },
+    NoCode: {
+      Color: '005c5f',
+    },
+  },
+  BackgroundStyle: {
+    BackgroundColor: 'ffffff',
+  },
+  LineNumberStyle: {
+    Color: '434f54',
+    BackgroundColor: 'ffffff',
+  },
+};

src/themes/Arta.ts

@@ -0,0 +1,49 @@
+import { ITheme } from './ITheme';
+
+export const Arta: ITheme = {
+  DisplayName: 'Arta',
+  CodeStyles: {
+    Keyword: {
+      Color: 'bb1166',
+      FontWeight: 'bold',
+    },
+    Comment: {
+      Color: '444',
+    },
+    Plaintext: {
+      Color: 'aaa',
+    },
+    Punctuation: {
+      Color: 'aaa',
+    },
+    String: {
+      Color: '00cc66',
+    },
+    Literal: {
+      Color: 'bb1166',
+    },
+    Type: {
+      Color: 'bb1166',
+      FontWeight: 'bold',
+    },
+    Tag: {
+      Color: '6644aa',
+    },
+    AttributeName: {
+      Color: '32aaee',
+    },
+    Decimal: {
+      Color: '00cc66',
+    },
+    NoCode: {
+      Color: 'bb1166',
+    },
+  },
+  BackgroundStyle: {
+    BackgroundColor: '222',
+  },
+  LineNumberStyle: {
+    Color: 'aaa',
+    BackgroundColor: '222',
+  },
+};