Merge pull request #2 from moonbloom-theme/develop

Develop

Author: teplostanski

CHANGELOG.md

@@ -1,9 +1,12 @@
 # Change Log
 
-All notable changes to the "moonbloom-theme" extension will be documented in this file.
+## [1.1.0]
 
-Check [Keep a Changelog](http://keepachangelog.com/) for recommendations on how to structure this file.
+### Minor
+- Added new color settings and modified existing ones for better readability
+- Added the installation instructions to the `INSTALL.md` file
 
-## [Unreleased]
+## [1.0.2]
 
-- Initial release
+### Patch
+- Added scripts to `package.json`

INSTALL.md

@@ -0,0 +1,39 @@
+### [Visual Studio Code](https://code.visualstudio.com/)
+
+#### Install using Quick Open
+
+1. Press `Ctrl+P` or `Go -> Go to File...`
+2. Past `ext install Moonbloom.moonbloom-theme`
+3. Press `Enter` if necessary. Enjoy!
+
+#### Install using Marketplaces
+
+1. Download the extension from [marketplace.visualstudio.com](https://marketplace.visualstudio.com/items?itemName=Moonbloom.moonbloom-theme) or [open-vsx.org](https://open-vsx.org/extension/Moonbloom/moonbloom-theme).
+2. Click on the `Extensions` icon in the sidebar or use the keyboard shortcut `Ctrl+Shift+X`.
+3. Click on the three dots `...` in the top right corner of the Extensions panel.
+4. Select the `Install from VSIX...` option.
+5. In the dialog window, locate and select the file with the `.vsix` extension.
+
+#### Install using Git
+
+- For `VSCode`, clone the repository into the `~/.vscode` directory.
+
+```sh
+git clone https://github.com/moonbloom-theme/visual-studio-code.git ~/.vscode/extensions/moonbloom-theme
+```
+
+- For OSS alternatives, such as `Vscodium`, `Code`, etc., clone into the `~/.vscode-oss` directory.
+
+```sh
+git clone https://github.com/moonbloom-theme/visual-studio-code.git ~/.vscode-oss/extensions/moonbloom-theme
+```
+
+- For `Windsurf`, clone into the `~/.windsurf` directory.
+
+```sh
+git clone https://github.com/moonbloom-theme/visual-studio-code.git ~/.windsurf/extensions/moonbloom-theme
+```
+
+#### Activating theme
+
+Run Visual Studio Code. The Moonbloom Theme will be available from `File -> Preferences -> Color Theme` dropdown menu.

README.md

@@ -8,7 +8,7 @@
 
 > [Visual Studio Code](http://code.visualstudio.com) commonly referred to as VS Code, is an integrated development environment developed by Microsoft for Windows, Linux, macOS and web browsers.
 
-<!--<img width="720px" src="./screen.png">-->
+<img width="720px" src="./screen.png">
 
 ## Install
 See [INSTALL.md](./INSTALL.md)

color-schema.js

@@ -1,22 +1,50 @@
 const colorSchema = {
   background: {
-    xs: '#3D3D50',
-    s: '#323242',
-    m: '#292936',
-    l: '#1D1E27',
-    xl: '#191A21',
+    100: '#3D3D50',
+    200: '#323242',
+    300: '#292936',
+    400: '#1D1E27',
+    500: '#191A21',
+    default: '#1D1E27',
   },
   foreground: '#D1D2E8',
-  border: '#3F3F52',
+  border: ['#3F3F52', '#6464a0'],
   comment: '#8282A9',
   disabled: '#7B7B9F',
-  dark: ['#1A1B21', '#8282A9'],
-  red: ['#E66D75', '#F17C88'],
-  green: ['#93C591', '#A1D79F'],
-  yellow: ['#D9B469', '#E8C87E'],
-  blue: ['#5A9BCF', '#6EB4E0'],
-  purple: ['#BB83D8', '#C993E9'],
-  cyan: ['#4FA8B8', '#68C7D6'],
-  gray: ['#9B9BBA', '#E1E2ED'],
-  violet: ['#8483D8', '#9291DC'],
+  dark: {
+    default: '#1A1B21',
+    bright: '#8282A9',
+  },
+  red: {
+    default: '#E66D75',
+    bright: '#F17C88',
+  },
+  green: {
+    default: '#93C591',
+    bright: '#A1D79F',
+  },
+  yellow: {
+    default: '#D9B469',
+    bright: '#E8C87E',
+  },
+  blue: {
+    default: '#5A9BCF',
+    bright: '#6EB4E0',
+  },
+  magenta: {
+    default: '#BB83D8',
+    bright: '#C993E9',
+  },
+  purple: {
+    default: '#8483D8',
+    bright: '#9291DC',
+  },
+  cyan: {
+    default: '#4FA8B8',
+    bright: '#68C7D6',
+  },
+  gray: {
+    default: '#9B9BBA',
+    bright: '#E1E2ED',
+  },
 };