diff --git a/README.md b/README.md index fbd7a5d..2ca9bea 100644 --- a/README.md +++ b/README.md @@ -20,11 +20,11 @@ ## Installation via VS Code -1. Open **Extensions** sidebar panel in VS Code. `View → Extensions` -2. Search for `Halcyon` -3. Click **Install** to install it -4. Click **Reload** to reload the editor -5. Code > Preferences > Color Theme > **Halcyon** +1. Open **Extensions** sidebar panel in VS Code. `View → Extensions` +2. Search for `Halcyon` +3. Click **Install** to install it +4. Click **Reload** to reload the editor +5. Code > Preferences > Color Theme > **Halcyon** ## Manual Installation @@ -44,29 +44,29 @@ The file icon theme seen in the screenshot above is [Material Icon Theme](https: ### Syntax Colors -| Color | Usage | -| :---------------------------------------------------------: | ----------------------------------------------------------------------------------- | -| ![](https://via.placeholder.com/10/c3a6ff?text=+) `#c3a6ff` | Keywords, constants, template literals & embedded punctuation (e.g. `${}` or `{}` ) | -| ![](https://via.placeholder.com/10/ffd580?text=+) `#ffd580` | Functions, classes, object literal keys | -| ![](https://via.placeholder.com/10/ffae57?text=+) `#ffae57` | Constants, operators | -| ![](https://via.placeholder.com/10/bae67e?text=+) `#bae67e` | Strings, markdown headings | -| ![](https://via.placeholder.com/10/5ccfe6?text=+) `#5ccfe6` | Special keywords, classes, markdown code blocks | -| ![](https://via.placeholder.com/10/a2aabc?text=+) `#a2aabc` | Variables, property names, tags | +| Color | Usage | +| :----------------------------------------------------------------: | ----------------------------------------------- | +| ![#c3a6ff](https://via.placeholder.com/10/c3a6ff?text=+) `#c3a6ff` | Keywords, constants, template literals | +| ![#ffd580](https://via.placeholder.com/10/ffd580?text=+) `#ffd580` | Functions, classes, object literal keys | +| ![#ffae57](https://via.placeholder.com/10/ffae57?text=+) `#ffae57` | Constants, operators | +| ![#bae67e](https://via.placeholder.com/10/bae67e?text=+) `#bae67e` | Strings, markdown headings | +| ![#5ccfe6](https://via.placeholder.com/10/5ccfe6?text=+) `#5ccfe6` | Special keywords, classes, markdown code blocks | +| ![#a2aabc](https://via.placeholder.com/10/a2aabc?text=+) `#a2aabc` | Variables, property names, tags | ### UI Colors -| Color | Usage | -| :---------------------------------------------------------: | ---------------------------------------------------- | -| ![](https://via.placeholder.com/10/171c28?text=+) `#171c28` | Workbench background | -| ![](https://via.placeholder.com/10/1d2433?text=+) `#1d2433` | Editor background | -| ![](https://via.placeholder.com/10/2f3b54?text=+) `#2f3b54` | Highlight, widgets, panels | -| ![](https://via.placeholder.com/10/6679a4?text=+) `#6679a4` | Dividers, subtle UI elements | -| ![](https://via.placeholder.com/10/8695b7?text=+) `#8695b7` | Status bar text, buttons, etc | -| ![](https://via.placeholder.com/10/d7dce2?text=+) `#d7dce2` | Active text, anything that should be white | -| ![](https://via.placeholder.com/10/ffcc66?text=+) `#ffcc66` | Accent, tab underline, list tree titles, badges, etc | -| ![](https://via.placeholder.com/10/bae67e?text=+) `#bae67e` | Addition highlights | -| ![](https://via.placeholder.com/10/ef6b73?text=+) `#ef6b73` | Deletion highlights, errors, warnings | -| ![](https://via.placeholder.com/10/5ccfe6?text=+) `#5ccfe6` | Modified highlights | +| Color | Usage | +| :----------------------------------------------------------------: | ------------------------------------------ | +| ![#171c28](https://via.placeholder.com/10/171c28?text=+) `#171c28` | Workbench background | +| ![#1d2433](https://via.placeholder.com/10/1d2433?text=+) `#1d2433` | Editor background | +| ![#2f3b54](https://via.placeholder.com/10/2f3b54?text=+) `#2f3b54` | Highlight, widgets, panels | +| ![#6679a4](https://via.placeholder.com/10/6679a4?text=+) `#6679a4` | Dividers, subtle UI elements | +| ![#8695b7](https://via.placeholder.com/10/8695b7?text=+) `#8695b7` | Status bar text, buttons, etc | +| ![#d7dce2](https://via.placeholder.com/10/d7dce2?text=+) `#d7dce2` | Active text, anything that should be white | +| ![#ffcc66](https://via.placeholder.com/10/ffcc66?text=+) `#ffcc66` | Accent, list tree titles, badges, etc | +| ![#bae67e](https://via.placeholder.com/10/bae67e?text=+) `#bae67e` | Addition highlights | +| ![#ef6b73](https://via.placeholder.com/10/ef6b73?text=+) `#ef6b73` | Deletion highlights, errors, warnings | +| ![#5ccfe6](https://via.placeholder.com/10/5ccfe6?text=+) `#5ccfe6` | Modified highlights | ## Theming Reference diff --git a/themes/halcyon-color-theme.json b/themes/halcyon-color-theme.json index 84a4fde..965cd80 100644 --- a/themes/halcyon-color-theme.json +++ b/themes/halcyon-color-theme.json @@ -91,7 +91,7 @@ // Side Bar "sideBar.background": "#171c28", "sideBar.foreground": "#8695b7", - "sideBar.border": "#171c28", + // "sideBar.border": "#1d2433", "sideBarTitle.foreground": "#ffcc66", "sideBarSectionHeader.background": "#1d2433", "sideBarSectionHeader.foreground": "#ffcc66", @@ -277,9 +277,9 @@ // Title Bar colors "titleBar.activeBackground": "#171c28", - "titleBar.activeForeground": "#8695b7", + "titleBar.activeForeground": "#d7dce2", "titleBar.inactiveBackground": "#171c28", - "titleBar.inactiveForeground": "#8695b777", + "titleBar.inactiveForeground": "#8695b7", "titleBar.border": "#171c28", // Menu Bar colors