diff --git a/README.md b/README.md index 333c1e8..b9606be 100644 --- a/README.md +++ b/README.md @@ -6,26 +6,26 @@ A dusk-blue base with soft leaf-green accents, amber selections, and crisp blue/ ### Core Colors -| Color | Name | -| --------------------------------------------------------- | ----------------- | -| ![#1B2532](https://img.shields.io/badge/%231B2532-1B2532) | **background** | -| ![#222E3F](https://img.shields.io/badge/%23222E3F-222E3F) | **backgroundAlt** | -| ![#1F2A39](https://img.shields.io/badge/%231F2A39-1F2A39) | **surface** | -| ![#233141](https://img.shields.io/badge/%23233141-233141) | **line** | -| ![#E8F0F3](https://img.shields.io/badge/%23E8F0F3-E8F0F3) | **foreground** | -| ![#6C7A86](https://img.shields.io/badge/%236C7A86-6C7A86) | **muted** | -| ![#51606B](https://img.shields.io/badge/%2351606B-51606B) | **mutedDim** | +| Color | Name | +| ---- | ----------------- | +| ![background](https://img.shields.io/badge/%231B2532-1B2532) | **background** | +| ![backgroundAlt](https://img.shields.io/badge/%23222E3F-222E3F) | **backgroundAlt** | +| ![surface](https://img.shields.io/badge/%231F2A39-1F2A39) | **surface** | +| ![line](https://img.shields.io/badge/%23233141-233141) | **line** | +| ![foreground](https://img.shields.io/badge/%23E8F0F3-E8F0F3) | **foreground** | +| ![muted](https://img.shields.io/badge/%236C7A86-6C7A86) | **muted** | +| ![mutedDim](https://img.shields.io/badge/%2351606B-51606B) | **mutedDim** | ### Accent Colors -| Color | Name | -| --------------------------------------------------------- | ---------------------------- | -| ![#9DD99A](https://img.shields.io/badge/%239DD99A-9DD99A) | **green** _(primary accent)_ | -| ![#5DA6EA](https://img.shields.io/badge/%235DA6EA-5DA6EA) | **blue** | -| ![#FFD285](https://img.shields.io/badge/%23FFD285-FFD285) | **yellow** | -| ![#B9A0F8](https://img.shields.io/badge/%23B9A0F8-B9A0F8) | **purple** | -| ![#F37C7C](https://img.shields.io/badge/%23F37C7C-F37C7C) | **red** | -| ![#B8E7E9](https://img.shields.io/badge/%23B8E7E9-B8E7E9) | **cyan** | +| Color | Name | +| ---- | ---------------------------- | +| ![green](https://img.shields.io/badge/%239DD99A-9DD99A) | **green** _(primary accent)_ | +| ![blue](https://img.shields.io/badge/%235DA6EA-5DA6EA) | **blue** | +| ![yellow](https://img.shields.io/badge/%23FFD285-FFD285) | **yellow** | +| ![purple](https://img.shields.io/badge/%23B9A0F8-B9A0F8) | **purple** | +| ![red](https://img.shields.io/badge/%23F37C7C-F37C7C) | **red** | +| ![cyan](https://img.shields.io/badge/%23B8E7E9-B8E7E9) | **cyan** | ## 📦 Installation @@ -38,34 +38,13 @@ A dusk-blue base with soft leaf-green accents, amber selections, and crisp blue/ ### Manual Installation -1. Download the latest `.vsix` file from [Releases](https://github.com/fjord-theme/fjord-vscode/releases) + +1. Download the latest `.vsix` file from [Releases](https://git.jshuntley.com/fjord-theme/fjord-vscode/releases) 2. Open VS Code 3. Go to Extensions (Ctrl+Shift+X) 4. Click the "..." menu and select "Install from VSIX..." 5. Select the downloaded `.vsix` file -### From Source - -1. Clone this repository: - - ```bash - git clone https://github.com/fjord-theme/fjord-vscode.git - cd fjord-vscode - ``` - -2. Install dependencies: - - ```bash - npm install - ``` - -3. Package the extension: - - ```bash - npm run package - ``` - -4. Install the generated `.vsix` file ## 🔧 Configuration @@ -75,24 +54,17 @@ After installation, you can activate the theme by: 2. Typing "Preferences: Color Theme" 3. Selecting "Fjord" -## 📸 Preview - -![Fjord VS Code Theme](https://raw.githubusercontent.com/fjord-theme/fjord/main/docs/images/colortest.png) - ## 🔄 Updates -This theme is automatically generated from the [main Fjord repository](https://github.com/fjord-theme/fjord). For the latest updates, check the main repository. - +This theme is automatically generated from [fjord-core](https://git.jshuntley.com/fjord-theme/fjord-core) and deployed on every release. For an overview of all supported platforms and the full color palette, visit the [Fjord theme page](https://git.jshuntley.com/fjord-theme). ## ☕ Support My Work If you enjoy the Fjord theme and find it useful, consider supporting my work: -[![Buy Me A Coffee](https://img.shields.io/badge/Buy%20Me%20A%20Coffee-FFDD00?style=for-the-badge&logo=buy-me-a-coffee&logoColor=black)](https://buymeacoffee.com/jshuntley) - +[![Buy Me A Coffee](https://img.shields.io/badge/Buy_Me_A_Coffee-99dd9a?style=for-the-badge&logo=buy-me-a-coffee&logoColor=FFD285&logoSize=auto&labelColor=1B2532)](https://buymeacoffee.com/jshuntley) ## 📄 License MIT License - see [LICENSE](LICENSE) file for details. - ## 🤝 Contributing -For theme suggestions or issues, please visit the [main Fjord repository](https://github.com/fjord-theme/fjord). +For theme suggestions or issues, please open an issue on [fjord-core](https://git.jshuntley.com/fjord-theme/fjord-core). For an overview of the project, visit the [Fjord theme page](https://git.jshuntley.com/fjord-theme). \ No newline at end of file diff --git a/package.json b/package.json index 3747889..df61724 100644 --- a/package.json +++ b/package.json @@ -3,7 +3,7 @@ "displayName": "Fjord", "description": "Fjord theme for VS Code. Dusk-blue base with soft leaf-green accents, amber selections, and crisp blue/cyan separation.", "icon": "fjordx128.png", - "version": "0.1.0", + "version": "0.1.3", "publisher": "jshuntley", "license": "MIT", "repository": { diff --git a/themes/fjord-color-theme.json b/themes/fjord-color-theme.json index a36bcda..7e8e29c 100644 --- a/themes/fjord-color-theme.json +++ b/themes/fjord-color-theme.json @@ -10,12 +10,11 @@ "editor.background": "#1B2532", "editor.foreground": "#E8F0F3", "editorCursor.foreground": "#9DD99A", - "editor.selectionBackground": "#2D3D52", - "editor.selectionForeground": "#1B2532", - "editor.inactiveSelectionBackground": "#2D3D5280", - "editor.selectionHighlightBackground": "#233141A6", - "editor.wordHighlightBackground": "#233141A6", - "editor.wordHighlightStrongBackground": "#233141CC", + "editor.selectionBackground": "#B8E7E955", + "editor.inactiveSelectionBackground": "#B8E7E928", + "editor.selectionHighlightBackground": "#B8E7E930", + "editor.wordHighlightBackground": "#B8E7E928", + "editor.wordHighlightStrongBackground": "#B8E7E940", "editor.lineHighlightBackground": "#1F2A39", "editorLineNumber.foreground": "#6C7A86", "editorLineNumber.activeForeground": "#E8F0F3", @@ -114,8 +113,8 @@ "terminal.foreground": "#E8F0F3", "terminal.background": "#1B2532", "terminalCursor.foreground": "#9DD99A", - "terminal.selectionBackground": "#FFD285", - "terminal.ansiBlack": "#19191C", + "terminal.selectionBackground": "#B8E7E9", + "terminal.ansiBlack": "#212128", "terminal.ansiRed": "#F37C7C", "terminal.ansiGreen": "#9DD99A", "terminal.ansiYellow": "#FFD285", @@ -123,7 +122,7 @@ "terminal.ansiMagenta": "#B9A0F8", "terminal.ansiCyan": "#B8E7E9", "terminal.ansiWhite": "#E8F0F3", - "terminal.ansiBrightBlack": "#212128", + "terminal.ansiBrightBlack": "#51606B", "terminal.ansiBrightRed": "#FF9B9B", "terminal.ansiBrightGreen": "#A3D5A0", "terminal.ansiBrightYellow": "#FFE0A3", @@ -183,12 +182,20 @@ } }, { - "name": "Keywords (general) → green", + "name": "Keywords", "scope": [ - "keyword", - "storage.modifier", + "keyword" + ], + "settings": { + "foreground": "#5DA6EA" + } + }, + { + "name": "Storage keywords (let/const/var/function/class/static/etc.)", + "scope": [ + "storage", "storage.type", - "storage" + "storage.modifier" ], "settings": { "foreground": "#9DD99A" @@ -207,11 +214,11 @@ "punctuation.definition.preprocessor" ], "settings": { - "foreground": "#FFE0A3" + "foreground": "#7BB8FF" } }, { - "name": "Keyword control (if/else/for/return) → bright green bold", + "name": "Keyword control (if/else/for/return)", "scope": [ "keyword.control", "keyword.control.conditional", @@ -220,8 +227,7 @@ "keyword.control.flow" ], "settings": { - "foreground": "#A3D5A0", - "fontStyle": "bold" + "foreground": "#7BB8FF" } }, { @@ -232,7 +238,7 @@ "keyword.control.directive.c" ], "settings": { - "foreground": "#FFE0A3", + "foreground": "#7BB8FF", "fontStyle": "" } }, @@ -250,7 +256,7 @@ } }, { - "name": "Functions → amber", + "name": "Functions → cyan", "scope": [ "entity.name.function", "support.function", @@ -259,7 +265,7 @@ "variable.function" ], "settings": { - "foreground": "#FFD285" + "foreground": "#B8E7E9" } }, { @@ -378,7 +384,7 @@ "meta.tag entity.other.attribute-name" ], "settings": { - "foreground": "#9DD99A" + "foreground": "#B8E7E9" } }, { @@ -417,7 +423,7 @@ "function.special" ], "settings": { - "foreground": "#FFE0A3" + "foreground": "#B8E7E9" } }, { @@ -439,16 +445,24 @@ } }, { - "name": "String Special", + "name": "String Special (path)", "scope": [ "string.special", - "string.special.path", - "string.special.symbol" + "string.special.path" ], "settings": { "foreground": "#5DA6EA" } }, + { + "name": "String Special (symbol, e.g. Ruby :sym)", + "scope": [ + "string.special.symbol" + ], + "settings": { + "foreground": "#F37C7C" + } + }, { "name": "Namespace", "scope": [ @@ -489,12 +503,12 @@ ], "semanticTokenColors": { "function": { - "foreground": "#FFD285" + "foreground": "#B8E7E9" }, - "method": { - "foreground": "#FFD285" - }, - "macro": { + "method": { + "foreground": "#B8E7E9" + }, + "macro": { "foreground": "#D4C6F7" }, "type": { @@ -527,18 +541,18 @@ "property.readonly": { "foreground": "#7BB8FF" }, - "keyword": { - "foreground": "#9DD99A" - }, - "modifier": { - "foreground": "#9DD99A" - }, + "keyword": { + "foreground": "#5DA6EA" + }, + "modifier": { + "foreground": "#9DD99A" + }, "operator": { "foreground": "#7BB8FF" }, - "string": { - "foreground": "#9DD99A" - }, + "string": { + "foreground": "#9DD99A" + }, "number": { "foreground": "#7BB8FF" },