Skip to content

Commit

Permalink
Update readme and sidebar border
Browse files Browse the repository at this point in the history
  • Loading branch information
@bchiang7
bchiang7 committed Sep 24, 2019
1 parent 72f8db7 commit 69cfb7a
Show file tree
Hide file tree
Showing 2 changed files with 28 additions and 28 deletions.
50 changes: 25 additions & 25 deletions README.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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

Expand All @@ -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

Expand Down
6 changes: 3 additions & 3 deletions themes/halcyon-color-theme.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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",
Expand Down Expand Up @@ -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
Expand Down

0 comments on commit 69cfb7a

Please sign in to comment.