create high contrast theme

Author: gcclinux

README.md

@@ -7,6 +7,7 @@ EasyJade is a beautiful, bespoke color theme extension for Visual Studio Code, f
 
 - **EasyJade Light**: A soft, light theme with gentle jade greens and warm highlights. Ideal for daytime coding and high visibility.
 - **EasyJade Dark**: A rich, dark theme based on the original Jade palette, with subtle tweaks for improved contrast and uniqueness. Great for night coding and eye comfort.
+- **EasyJade High Contrast**: A high-contrast variant retaining the Jade identity. Strong focus borders and bright accents for maximum readability and accessibility, ideal for users who prefer extra separation between UI elements.
 
 
 ## Screenshots
@@ -19,6 +20,9 @@ Below are examples of both EasyJade Light and EasyJade Dark in action:
 ### EasyJade Dark
 ![EasyJade Dark Screenshot](./images/dark.png)
 
+### EasyJade High Contrast
+![EasyJade High Contrast Screenshot](./images/high-contrast.png)
+
 ## Color Details
 
 Both themes feature carefully selected colors for backgrounds, foregrounds, selections, highlights, and UI elements. The dark theme is based on `jade.json` with unique adjustments, while the light theme uses lighter, harmonious jade-inspired colors.

images/high-contrast.png

@@ -2,7 +2,7 @@
   "name": "EasyJadeTheme",
   "displayName": "EasyJade Theme",
   "description": "A beautiful bespoke jade colour theme for VS Code",
-  "version": "0.1.3",
+  "version": "0.1.4",
   "scripts": {
     "vsce:package": "vsce package"
   },
@@ -25,6 +25,12 @@
         "uiTheme": "vs",
         "path": "./themes/jade-light-color-theme.json"
       }
+      ,
+      {
+        "label": "EasyJade High Contrast",
+        "uiTheme": "hc-black",
+        "path": "./themes/jade-high-contrast-color-theme.json"
+      }
     ]
   },
   "repository": {

package.json

@@ -0,0 +1,200 @@
+{
+  "name": "EasyJade High Contrast",
+  "$schema": "vscode://schemas/color-theme",
+  "type": "hc",
+  "colors": {
+    "focusBorder": "#ffff00",
+    "contrastBorder": "#ffff00",
+    "contrastActiveBorder": "#ffff00",
+    "widget.border": "#ffff00",
+    "selection.background": "#00ff88",
+
+    "foreground": "#ffffff",
+    "descriptionForeground": "#cccccc",
+    "errorForeground": "#ff6d6d",
+
+    "editor.background": "#00150f",
+    "editor.foreground": "#ffffff",
+    "editor.lineHighlightBackground": "#003322",
+    "editor.lineHighlightBorder": "#00ff88",
+    "editor.selectionBackground": "#00ff8899",
+    "editor.selectionHighlightBackground": "#00ff8844",
+    "editor.inactiveSelectionBackground": "#00c06a55",
+    "editor.wordHighlightBackground": "#ffffff26",
+    "editor.wordHighlightStrongBackground": "#ffffff26",
+    "editorCursor.foreground": "#ffff00",
+    "editorBracketMatch.background": "#0d583a",
+    "editorBracketMatch.border": "#ffff00",
+    "editorWhitespace.foreground": "#ffffff26",
+    "editorHoverWidget.background": "#001a13",
+    "editorHoverWidget.border": "#ffff00",
+    "editorIndentGuide.background": "#114232",
+    "editorIndentGuide.activeBackground": "#1dd19a",
+    "editorLineNumber.foreground": "#aaaaaa",
+    "editorLineNumber.activeForeground": "#ffffff",
+    "editorGutter.background": "#00150f",
+    "editorGutter.addedBackground": "#4C5AB0",
+    "editorGutter.deletedBackground": "#B23939",
+    "editorGutter.modifiedBackground": "#2A7D60",
+    "editorOverviewRuler.border": "#00ff88",
+    "editorOverviewRuler.commonContentForeground": "#ffff0055",
+    "editorOverviewRuler.currentContentForeground": "#ff6d6d55",
+    "editorOverviewRuler.incomingContentForeground": "#3a00d955",
+
+    "sideBar.background": "#001a13",
+    "sideBar.foreground": "#e6e6e6",
+    "sideBar.border": "#ffff00",
+    "sideBarSectionHeader.background": "#002017",
+    "sideBarSectionHeader.foreground": "#ffffff",
+    "sideBarTitle.foreground": "#ffffff",
+
+    "activityBar.background": "#001a13",
+    "activityBar.foreground": "#ffffff",
+    "activityBar.border": "#ffff00",
+    "activityBarBadge.background": "#00ff88",
+    "activityBarBadge.foreground": "#000000",
+
+    "statusBar.background": "#001a13",
+    "statusBar.foreground": "#ffffff",
+    "statusBar.border": "#ffff00",
+    "statusBarItem.hoverBackground": "#003d2d",
+    "statusBarItem.activeBackground": "#00bb88",
+
+    "titleBar.activeBackground": "#001a13",
+    "titleBar.activeForeground": "#ffffff",
+    "titleBar.inactiveBackground": "#00150f",
+    "titleBar.inactiveForeground": "#cccccc",
+
+    "tab.activeBackground": "#00150f",
+    "tab.activeForeground": "#ffffff",
+    "tab.activeBorder": "#ffff00",
+    "tab.inactiveBackground": "#001a13",
+    "tab.inactiveForeground": "#bbbbbb",
+    "tab.border": "#003d2d",
+
+    "panel.background": "#001a13",
+    "panel.border": "#ffff00",
+    "panelTitle.activeForeground": "#00ff88",
+    "panelTitle.activeBorder": "#ffff00",
+    "panelTitle.inactiveForeground": "#e6e6e6",
+
+    "dropdown.background": "#001a13",
+    "dropdown.border": "#ffff00",
+    "dropdown.foreground": "#ffffff",
+
+    "input.background": "#001a13",
+    "input.border": "#ffff00",
+    "input.foreground": "#ffffff",
+    "input.placeholderForeground": "#cccccc",
+    "inputOption.activeBorder": "#ffff00",
+
+    "button.background": "#00bb88",
+    "button.foreground": "#000000",
+    "button.hoverBackground": "#00ff88",
+
+    "list.activeSelectionBackground": "#003d2d",
+    "list.activeSelectionForeground": "#ffffff",
+    "list.inactiveSelectionBackground": "#002a20",
+    "list.inactiveSelectionForeground": "#ffffff",
+    "list.hoverBackground": "#002a20",
+    "list.hoverForeground": "#ffffff",
+    "list.focusBackground": "#003d2d",
+    "list.focusForeground": "#ffffff",
+    "list.highlightForeground": "#00ff88",
+    "list.dropBackground": "#003d2d",
+
+    "menu.background": "#001a13",
+    "menu.foreground": "#ffffff",
+    "menu.border": "#ffff00",
+    "menu.selectionForeground": "#ffffff",
+    "menubar.selectionBackground": "#003d2d",
+
+    "peekView.border": "#ffff00",
+    "peekViewEditor.background": "#001a13",
+    "peekViewResult.background": "#001a13",
+    "peekViewTitle.background": "#001a13",
+
+    "editorWidget.background": "#001a13",
+    "editorWidget.border": "#ffff00",
+    "pickerGroup.border": "#ffff00",
+    "pickerGroup.foreground": "#ffffff",
+
+    "scrollbarSlider.background": "#00ff8833",
+    "scrollbarSlider.hoverBackground": "#00ff8866",
+    "scrollbarSlider.activeBackground": "#00ff8888",
+
+    "notificationCenterHeader.background": "#001a13",
+    "notifications.background": "#001a13",
+    "notifications.border": "#ffff00",
+    "notificationLink.foreground": "#00ff88",
+
+    "gitDecoration.modifiedResourceForeground": "#ffd700",
+    "gitDecoration.deletedResourceForeground": "#ff6dbb",
+    "gitDecoration.untrackedResourceForeground": "#00ff88",
+    "gitDecoration.ignoredResourceForeground": "#808080",
+    "gitDecoration.conflictingResourceForeground": "#FF7200",
+
+    "terminal.background": "#00150f",
+    "terminal.foreground": "#ffffff",
+    "terminalCursor.foreground": "#ffff00",
+    "terminalCursor.background": "#ffff00",
+    "terminal.ansiBlack": "#000000",
+    "terminal.ansiRed": "#ff6d6d",
+    "terminal.ansiGreen": "#00ff88",
+    "terminal.ansiYellow": "#ffff00",
+    "terminal.ansiBlue": "#4da6ff",
+    "terminal.ansiMagenta": "#fb94ff",
+    "terminal.ansiCyan": "#80fcff",
+    "terminal.ansiWhite": "#ffffff",
+    "terminal.ansiBrightBlack": "#666666",
+    "terminal.ansiBrightRed": "#ff6d6d",
+    "terminal.ansiBrightGreen": "#00ff88",
+    "terminal.ansiBrightYellow": "#ffff00",
+    "terminal.ansiBrightBlue": "#4da6ff",
+    "terminal.ansiBrightMagenta": "#fb94ff",
+    "terminal.ansiBrightCyan": "#80fcff",
+    "terminal.ansiBrightWhite": "#ffffff"
+  },
+  "tokenColors": [
+    {
+      "scope": ["comment", "punctuation.definition.comment"],
+      "settings": { "foreground": "#9aa8a0", "fontStyle": "italic" }
+    },
+    {
+      "scope": ["keyword", "storage", "keyword.control", "keyword.operator"],
+      "settings": { "foreground": "#4da6ff" }
+    },
+    {
+      "scope": ["string", "constant.character.escape"],
+      "settings": { "foreground": "#00ff88" }
+    },
+    {
+      "scope": ["constant.numeric", "constant.language", "constant.other"],
+      "settings": { "foreground": "#ffb86c" }
+    },
+    {
+      "scope": ["entity.name.function", "meta.function-call", "support.function"],
+      "settings": { "foreground": "#7dffb3" }
+    },
+    {
+      "scope": ["entity.name.class", "support.class", "entity.name.type"],
+      "settings": { "foreground": "#80d1ff" }
+    },
+    {
+      "scope": ["variable", "variable.other.readwrite", "variable.other.property"],
+      "settings": { "foreground": "#d0ffd0" }
+    },
+    {
+      "scope": ["entity.name.tag", "meta.tag", "punctuation.definition.tag"],
+      "settings": { "foreground": "#ffdb80" }
+    },
+    {
+      "scope": ["support.type.property-name", "meta.property-name"],
+      "settings": { "foreground": "#7dffb3" }
+    },
+    {
+      "scope": ["string.regexp"],
+      "settings": { "foreground": "#ff79c6" }
+    }
+  ]
+}