feat: added new color variation

package.json

@@ -25,17 +25,17 @@
         }
     },
     "devDependencies": {
-        "@babel/core": "7.4.5",
-        "@babel/preset-env": "7.4.5",
-        "@commitlint/cli": "^8.3.5",
-        "@commitlint/config-conventional": "^8.3.4",
-        "@typescript-eslint/eslint-plugin": "2.15.0",
-        "@typescript-eslint/parser": "2.15.0",
-        "babel-eslint": "^10.0.3",
-        "conventional-changelog-cli": "^2.0.11",
-        "eslint": "6.8.0",
-        "husky": "^4.2.1",
-        "prettier": "^1.18.2",
-        "typescript": "^3.7.2"
+        "@babel/core": "7.12.10",
+        "@babel/preset-env": "7.12.11",
+        "@commitlint/cli": "11.0.0",
+        "@commitlint/config-conventional": "^11.0.0",
+        "@typescript-eslint/eslint-plugin": "4.13.0",
+        "@typescript-eslint/parser": "4.13.0",
+        "babel-eslint": "^10.1.0",
+        "conventional-changelog-cli": "^2.1.1",
+        "eslint": "7.17.0",
+        "husky": "^4.3.7",
+        "prettier": "^2.2.1",
+        "typescript": "^4.1.3"
     }
 }

src/index.ts

@@ -1,3 +1,4 @@
-export { light } from "./variations/light"
-export { dark } from "./variations/dark"
+export { lighter } from "./variations/lighter"
+export { darker } from "./variations/darker"
+export { palenight } from "./variations/palenight"
 export { IColors } from './interfaces'

src/interfaces.ts

@@ -1,9 +1,5 @@
-export interface IColors {
-    accent: string;
-    cursor: string;
-    foreground: string;
-    background: string;
-    comments: string;
+export interface IColorsBase {
+    black: string;
     blue: string;
     brown: string;
     cyan: string;
@@ -12,10 +8,21 @@ export interface IColors {
     pink: string;
     purple: string;
     red: string;
+    violet: string;
+    white: string;
     yellow: string;
+}
+
+export interface IColors {
+    accent: string;
+    cursor: string;
+    foreground: string;
+    background: string;
+    comments: string;
     invalid: string;
     deprecated: string;
     diffAdded: string;
     diffModified: string;
     diffDeleted: string;
+    base: IColorsBase;
 }

src/variations/darker.ts

@@ -0,0 +1,28 @@
+import { IColors } from './../interfaces';
+
+export const darker: IColors = {
+    accent: '#80CBC4',
+    cursor: '#FFCC00',
+    foreground: '#DEDFE4',
+    background: '#212121',
+    comments: '#545454',
+    deprecated: '#FFC777A1',
+    invalid: '#D46C6C66',
+    diffAdded: '#ADDB67',
+    diffModified: '#E2B93D',
+    diffDeleted: '#EF5350',
+    base: {
+        black: '#000000',
+        blue: '#82AAFF',
+        brown: '#916B53',
+        cyan: '#89DDFF',
+        green: '#C3E88D',
+        orange: '#F78C6C',
+        pink: '#FF9CAC',
+        purple: '#C792EA',
+        red: '#F07178',
+        violet: '#BB80B3',
+        white: '#FFFFFF',
+        yellow: '#FFCB6B',
+    },
+};

src/variations/lighter.ts

@@ -0,0 +1,28 @@
+import { IColors } from './../interfaces';
+
+export const lighter: IColors = {
+    accent: '#80CBC4',
+    background: '#FBFBFB',
+    comments: '#90A4AE',
+    cursor: '#272727',
+    deprecated: '#FFC777A1',
+    diffAdded: '#9CCC65',
+    diffDeleted: '#EF5350',
+    diffModified: '#E2B93D',
+    foreground: '#455A64',
+    invalid: '#D3423E66',
+    base: {
+      black: '#000000',
+      blue: '#6182B8',
+      brown: '#916B53',
+      cyan: '#39ADB5',
+      green: '#91B859',
+      orange: '#F76D47',
+      pink: '#FF5370',
+      purple: '#9C3EDA',
+      red: '#E53935',
+      violet: '#945EB8',
+      white: '#FFFFFF',
+      yellow: '#E2931D',
+    }
+};

src/variations/palenight.ts

@@ -0,0 +1,28 @@
+import { IColors } from './../interfaces';
+
+export const palenight: IColors = {
+    accent: '#80CBC4',
+    background: '#292D3E',
+    comments: '#676E95',
+    cursor: '#FFCC00',
+    deprecated: '#FFC777A1',
+    diffAdded: '#9CCC65',
+    diffDeleted: '#EF5350',
+    diffModified: '#E2B93D',
+    foreground: '#455A64',
+    invalid: '#D3423E66',
+    base: {
+        black: '#000000',
+        blue: '#82AAFF',
+        brown: '#916B53',
+        cyan: '#89DDFF',
+        green: '#C3E88D',
+        orange: '#F78C6C',
+        pink: '#FF9CAC',
+        purple: '#C792EA',
+        red: '#F07178',
+        violet: '#BB80B3',
+        white: '#FFFFFF',
+        yellow: '#FFCB6B',
+    },
+};