Merge pull request #5 from jack5github/0.0.5

Release 0.0.5

Author: jack5github

CHANGELOG.md

@@ -1,5 +1,15 @@
 # Changelog
 
+## 0.0.5 - 2026-04-17
+
+### Added
+
+- Git decoration and difference colours
+- Global badge colours
+- More remaining Outline (sidebar variables) colours
+- Problems and Testing icon colours
+- Terminal ANSI colours
+
 ## 0.0.4 - 2026-03-30
 
 ### Added

README.md

@@ -23,7 +23,7 @@ To start contributing, fork this repository, then use the following debug script
 
 - Run **New Window with VSCode Theme** to open a new window that responds to generated theme file changes in real-time.
 
-Use a [colour mixer](https://colordesigner.io/color-mixer) to experiment with colours and shades.
+Use a [colour mixer](https://colordesigner.io/color-mixer) to experiment with colours and shades, and [ANSI-Color-Test](https://github.com/nesterenkovy/ANSI-Color-Test) to preview terminal colours.
 
 Pull requests are welcome. Please provide a description and screenshots of your changes.
 

docs/colours.md

@@ -178,10 +178,12 @@ The active icon border should be disabled, as it is distracting. Instead, a back
 
 Icon badges in Visual Studio Code are meant to represent notifications, however they are used for a large variey of purposes, so many that their presence becomes somewhat of an annoyance. In my theme their background should be toned down, though still be visible. Their foreground can be the same as the active icon colour for simplicity.
 
-Before creating this theme, I used #404040, which is surprisingly too bright of a colour. I have instead taken the inactive icon background and mixed it with the activity bar background, using a 2:5 mix. Any darker and it becomes hard to tell if there is even a badge there. Any brighter and it becomes distracting.
+Before creating this theme, I used #404040, which is surprisingly too bright of a colour. I have instead taken the inactive icon background and mixed it with the activity bar background, using a 2:5 mix. Any darker and it becomes hard to tell if there is even a badge there. Any brighter and it becomes distracting. (For now, all other badges use the same colours.)
 
 > - `activityBarBadge.background`
 > - `activityBarBadge.foreground`
+> - `badge.background`
+> - `badge.foreground`
 
 ### Text
 
@@ -206,6 +208,25 @@ Ignored files and folders ought to have a much darker text colour than normal te
 
 > - `gitDecoration.ignoredResourceForeground`
 
+The other Git decoration colours are borrowed from semantic colours in this theme.
+
+- *Added*/*Untracked*: The function colour
+- *Conflicting*: The warning colour
+- *Deleted*: The class colour
+- *Modified*: The constant variable colour (as the normal variable colour is too bright compared to the sidebar text colour)
+- *Renamed*: The variable colour (the better-looking out of the two colours adjacent to the constant variable colour)
+- *Submodule*: The keyword colour
+
+> - `gitDecoration.addedResourceForeground`
+> - `gitDecoration.untrackedResourceForeground`
+> - `gitDecoration.conflictingResourceForeground`
+> - `gitDecoration.deletedResourceForeground`
+> - `gitDecoration.stageDeletedResourceForeground`
+> - `gitDecoration.modifiedResourceForeground`
+> - `gitDecoration.stageModifiedResourceForeground`
+> - `gitDecoration.renamedResourceForeground`
+> - `gitDecoration.submoduleResourceForeground`
+
 #### Preformatted (Code)
 
 As in Markdown files, the text in code blocks is given the colour of variables. This appears most often in Visual Studio Code's settings when describing a setting.
@@ -320,6 +341,22 @@ Before creating this theme, I used `#1da1f2fe`. The alpha of #fe was likely a re
 
 > - `extensionIcon.verifiedForeground`
 
+### Testing
+
+The icons that appear in the Testing view share their colours with other semantic colours in this theme.
+
+- *Unset*/*Queued*: The comment colour
+- *Passed*: Same as `debugIcon.startForeground` (`debugIcon.continueForeground` is too bright)
+- *Skipped*: The warning colour
+- *Errored*/*Failed*: The error colour
+
+> - `testing.iconUnset`
+> - `testing.iconQueued`
+> - `testing.iconPassed`
+> - `testing.iconSkipped`
+> - `testing.iconErrored`
+> - `testing.iconFailed`
+
 ## Editor Area
 
 ### Background
@@ -402,6 +439,18 @@ Before creating this theme, I used an alpha of `#20`, but this is a bit too brig
 > - `selection.background`
 > - `editor.inactiveSelectionBackground`
 
+### Difference Indicators
+
+Text difference indicators should not change from their well-known colours, red and green, but they must be set to the correct lightnesses and transparencies so that they do not obscure any text, especially comments.
+
+<!-- TODO: Revisit these colours when making light theme -->
+From initial testing, a dark red and bright green were chosen, specifically `#0d351a` (the darkest yet most legible red) and `#0c2f18` (a 10:1 mix of the editor area colour and pure green). However, these opaque colours would not be compatible with theme variants. To rectify this, green was changed to `#00ff0018` (a near identical match) and red to `#ff00002b` (roughly equal to green in terms of lightness). The highlight colours are identical.
+
+> - `diffEditor.removedLineBackground`
+> - `diffEditor.insertedLineBackground`
+> - `diffEditor.removedTextBackground`
+> - `diffEditor.insertedTextBackground`
+
 ### Scroll Bar
 
 Due to the very faint colours in use by various selection components in this theme, the scrollbar needs to be able to show these while still remaining visible. The alphas for the below three states (seen in order) were chosen carefully to maintain a visual distinction between each state while remaining dark and still showing what is behind them.
@@ -469,8 +518,8 @@ The debug toolbar's icons are given colours similar to the sematic colours in th
 - *Pause*: The variable colour, for it exposes variables and is more visible than the type colour
 - *Continue*: The value colour, for it is green
 - *Step Over*: The function colour, for it implies running a function
-- *Step Into*/*Step Back*: A 1:1 mix of the function and control flow colours, creating a linear gradient
-- *Step Out*: The control flow colour, for it implies exiting a flow
+- *Step Into*/*Step Back*: A 1:1 mix of the function and keyword colours, creating a linear gradient
+- *Step Out*: The keyword colour, for it implies exiting a flow
 - *Restart*: The type colour, for it is unused by the rest of the debug icons and creates a gradient between *Pause* and *Stop*
 - *Stop*/*Disconnect*: The class colour, for it is red
 
@@ -505,21 +554,22 @@ Because the debug view in the sidebar represents actual programmatic concepts, t
 > - `debugTokenExpression.type`
 > - `debugTokenExpression.error`
 
-### Outline Symbols
+### Outline Symbol Icons
 
 As with the debug view, the icons in the Outline also make use of the semantic colours in this theme.
 
-- *Boolean*/*Null*/*Number*: The value colour
+- *Boolean*/*Color*/*Null*/*Number*/*Unit*: The value colour
 - *Class*/*Enum*/*Interface*/*Struct*: The class colour
 - *Constant*/*Enum Member*: The constant variable colour (for variety)
-- *Constructor*/*Function*/*Method*: The function colour
+- *Constructor*/*Function*/*Method*/*Snippet*: The function colour
 - *Event*/*Field*/*Key*/*Property*/*Variable*: The variable colour
-- *Array*/*Module*/*Namespace*/*Object*/*Operator*/*Package*: The control flow colour
-- *File*/*String*: The string colour
+- *Array*/*Keyword*/*Module*/*Namespace*/*Object*/*Operator*/*Package*/*Reference*: The keyword colour
+- *File*/*Folder*/*String*/*Text*: The string colour
 - *Type Parameter*: The type colour
 
 > - `symbolIcon.arrayForeground`
 > - `symbolIcon.booleanForeground`
+> - `symbolIcon.colorForeground`
 > - `symbolIcon.constantForeground`
 > - `symbolIcon.classForeground`
 > - `symbolIcon.constructorForeground`
@@ -528,9 +578,11 @@ As with the debug view, the icons in the Outline also make use of the semantic c
 > - `symbolIcon.eventForeground`
 > - `symbolIcon.fieldForeground`
 > - `symbolIcon.fileForeground`
+> - `symbolIcon.folderForeground`
 > - `symbolIcon.functionForeground`
 > - `symbolIcon.interfaceForeground`
 > - `symbolIcon.keyForeground`
+> - `symbolIcon.keywordForeground`
 > - `symbolIcon.objectForeground`
 > - `symbolIcon.operatorForeground`
 > - `symbolIcon.methodForeground`
@@ -540,11 +592,44 @@ As with the debug view, the icons in the Outline also make use of the semantic c
 > - `symbolIcon.numberForeground`
 > - `symbolIcon.packageForeground`
 > - `symbolIcon.propertyForeground`
+> - `symbolIcon.referenceForeground`
+> - `symbolIcon.snippetForeground`
 > - `symbolIcon.stringForeground`
 > - `symbolIcon.structForeground`
+> - `symbolIcon.textForeground`
 > - `symbolIcon.typeParameterForeground`
+> - `symbolIcon.unitForeground`
 > - `symbolIcon.variableForeground`
 
+## Terminal
+
+| Key                          | Colour                                 |
+| ---------------------------- | -------------------------------------- |
+| `terminal.ansiBrightBlack`   | Comment dark grey                      |
+| `terminal.ansiBrightRed`     | Error red                              |
+| `terminal.ansiBrightGreen`   | Value green                            |
+| `terminal.ansiBrightYellow`  | Pure yellow                            |
+| `terminal.ansiBrightBlue`    | Function blue shifted*                 |
+| `terminal.ansiBrightMagenta` | Keyword pink shifted**                 |
+| `terminal.ansiBrightCyan`    | Function blue shifted***               |
+| `terminal.ansiBrightWhite`   | `sideBarTitle.foreground` white        |
+| `terminal.ansiBlack`         | `terminal.background` black            |
+| `terminal.ansiRed`           | `terminal.ansiBrightRed` shifted^      |
+| `terminal.ansiGreen`         | `terminal.ansiBrightGreen` shifted^^   |
+| `terminal.ansiYellow`        | `terminal.ansiBrightYellow` shifted^^^ |
+| `terminal.ansiBlue`          | `terminal.ansiBrightBlue` shifted^^^^  |
+| `terminal.ansiMagenta`       | `terminal.ansiBrightMagenta` shifted^  |
+| `terminal.ansiCyan`          | `terminal.ansiBrightCyan` shifted^     |
+| `terminal.ansiWhite`         | `sideBar.foreground` light grey        |
+
+\*Shifted to saturation 61 value 100 (#6382ff)<br/>
+\*\*Shifted to hue 318 saturation 51 value 100 (#ff7cd7)<br/>
+\*\*\*Shifted to hue 200 value 90 (#b0d3e5)<br/>
+^Shifted to saturation 100 + black alpha 50<br/>
+^^Shifted to saturation 100 value 58 (#009304)<br/>
+^^^Shifted to value 67 (#aaaa00)<br/>
+^^^^Shifted to saturation 100 value 86 (#002cdd)
+
 ## Editor Text
 
 ### Text Colour
@@ -569,7 +654,7 @@ Whitespace characters must blend in thoroughly with the editor background while
 
 Visual Studio Code has support for up to 6 different bracket colours, which appear in order when nesting occurs. The first colour is the outermost bracket, the colours looping if excessive levels of nesting exist.
 
-As this theme has defined several semantic token colours, I am using those to define the bracket colours, starting from the control flow colour and sweeping through in the function direction to make a rainbow.
+As this theme has defined several semantic token colours, I am using those to define the bracket colours, starting from the keyword colour and sweeping through in the function direction to make a rainbow.
 
 > - `editorBracketHighlight.foreground1`
 > - `editorBracketHighlight.foreground2`
@@ -583,17 +668,20 @@ As this theme has defined several semantic token colours, I am using those to de
 Errors must be red, though the class semantic colour is not red enough. Using the same process, a 5:2 mix of `#ff0000` and `#ffffff` produces a more attention-grabbing red that is still legible on both the editor background and the current file selection.
 
 > - `list.errorForeground`
+> - `problemsErrorIcon.foreground`
 > - `editorError.foreground`
 > - `errorLens.errorForeground`
 
 Similarly, warnings are somewhat orange, so the same approach is taken but for the type semantic colour, using a 6:1 mix of its components.
 
 > - `list.warningForeground`
+> - `problemsWarningIcon.foreground`
 > - `editorWarning.foreground`
 > - `errorLens.warningForeground`
 
 As for the info colour, info messages tend to be very annoying, so rather than giving them their default hue of blue, they use a colour even darker than comments, a 5:2 mix of said colour and the editor background colour.
 
+> - `problemsInfoIcon.foreground`
 > - `editorInfo.foreground`
 > - `errorLens.infoForeground`
 

package.json

@@ -6,7 +6,7 @@
 		"name": "Jack Stringer"
 	},
 	"icon": "icon.png",
-	"version": "0.0.4",
+	"version": "0.0.5",
 	"repository": {
 		"url": "https://github.com/jack5github/oblique-vscode-theme"
 	},

themes/Oblique Dark Orange-color-theme.json

@@ -49,10 +49,21 @@
 		"activityBar.activeBackground": "#192424",
 		"activityBarBadge.background": "#1b2727",
 		"activityBarBadge.foreground": "#dce7e7",
+		"badge.background": "#1b2727",
+		"badge.foreground": "#dce7e7",
 		"sideBarTitle.foreground": "#dce7e7",
 		"sideBarSectionHeader.foreground": "#dce7e7",
 		"sideBar.foreground": "#acc6c6",
 		"gitDecoration.ignoredResourceForeground": "#536060",
+		"gitDecoration.addedResourceForeground": "#adb6e4",
+		"gitDecoration.untrackedResourceForeground": "#adb6e4",
+		"gitDecoration.conflictingResourceForeground": "#db9123",
+		"gitDecoration.deletedResourceForeground": "#ff6b6b",
+		"gitDecoration.stageDeletedResourceForeground": "#ff6b6b",
+		"gitDecoration.modifiedResourceForeground": "#99e868",
+		"gitDecoration.stageModifiedResourceForeground": "#99e868",
+		"gitDecoration.renamedResourceForeground": "#eeee99",
+		"gitDecoration.submoduleResourceForeground": "#de82ad",
 		"textPreformat.foreground": "#eeee99",
 		"textPreformat.background": "#0a1414",
 		"textCodeBlock.background": "#0a1414",
@@ -75,6 +86,12 @@
 		"editorOverviewRuler.wordHighlightForeground": "#ffffff09",
 		"extensionIcon.starForeground": "#8ea5a5",
 		"extensionIcon.verifiedForeground": "#1b8fd6",
+		"testing.iconUnset": "#536060",
+		"testing.iconQueued": "#536060",
+		"testing.iconPassed": "#11981a",
+		"testing.iconSkipped": "#db9123",
+		"testing.iconErrored": "#ff4949",
+		"testing.iconFailed": "#ff4949",
 		"editor.background": "#0d1a1a",
 		"editorGroup.dropBackground": "#ffffff0c",
 		"editorGroup.emptyBackground": "#0c1818",
@@ -97,6 +114,10 @@
 		"editor.selectionBackground": "#ffffff1b",
 		"selection.background": "#ffffff1b",
 		"editor.inactiveSelectionBackground": "#ffffff0f",
+		"diffEditor.removedLineBackground": "#ff00002b",
+		"diffEditor.insertedLineBackground": "#00ff0018",
+		"diffEditor.removedTextBackground": "#ff00002b",
+		"diffEditor.insertedTextBackground": "#00ff0018",
 		"scrollbarSlider.background": "#ffffff14",
 		"scrollbarSlider.hoverBackground": "#ffffff2e",
 		"scrollbarSlider.activeBackground": "#ffffff21",
@@ -130,16 +151,19 @@
 		"symbolIcon.arrayForeground": "#de82ad",
 		"symbolIcon.booleanForeground": "#10de18",
 		"symbolIcon.classForeground": "#ff6b6b",
+		"symbolIcon.colorForeground": "#10de18",
 		"symbolIcon.constantForeground": "#99e868",
 		"symbolIcon.constructorForeground": "#adb6e4",
 		"symbolIcon.enumeratorForeground": "#ff6b6b",
 		"symbolIcon.enumeratorMemberForeground": "#99e868",
 		"symbolIcon.eventForeground": "#eeee99",
 		"symbolIcon.fieldForeground": "#eeee99",
 		"symbolIcon.fileForeground": "#acc6c6",
+		"symbolIcon.folderForeground": "#acc6c6",
 		"symbolIcon.functionForeground": "#adb6e4",
 		"symbolIcon.interfaceForeground": "#ff6b6b",
 		"symbolIcon.keyForeground": "#eeee99",
+		"symbolIcon.keywordForeground": "#de82ad",
 		"symbolIcon.objectForeground": "#de82ad",
 		"symbolIcon.operatorForeground": "#de82ad",
 		"symbolIcon.methodForeground": "#adb6e4",
@@ -149,10 +173,30 @@
 		"symbolIcon.numberForeground": "#10de18",
 		"symbolIcon.packageForeground": "#de82ad",
 		"symbolIcon.propertyForeground": "#eeee99",
+		"symbolIcon.referenceForeground": "#de82ad",
+		"symbolIcon.snippetForeground": "#adb6e4",
 		"symbolIcon.stringForeground": "#acc6c6",
 		"symbolIcon.structForeground": "#ff6b6b",
+		"symbolIcon.textForeground": "#acc6c6",
 		"symbolIcon.typeParameterForeground": "#cc9731",
+		"symbolIcon.unitForeground": "#10de18",
 		"symbolIcon.variableForeground": "#eeee99",
+		"terminal.ansiBrightBlack": "#536060",
+		"terminal.ansiBrightRed": "#ff4949",
+		"terminal.ansiBrightGreen": "#10de18",
+		"terminal.ansiBrightYellow": "#ffff00",
+		"terminal.ansiBrightBlue": "#6382ff",
+		"terminal.ansiBrightMagenta": "#ff7cd7",
+		"terminal.ansiBrightCyan": "#b0d3e5",
+		"terminal.ansiBrightWhite": "#dce7e7",
+		"terminal.ansiBlack": "#030606",
+		"terminal.ansiRed": "#cd0000",
+		"terminal.ansiGreen": "#009304",
+		"terminal.ansiYellow": "#aaaa00",
+		"terminal.ansiBlue": "#002cdd",
+		"terminal.ansiMagenta": "#cd00cd",
+		"terminal.ansiCyan": "#4dbdcd",
+		"terminal.ansiWhite": "#acc6c6",
 		"editor.foreground": "#acc6c6",
 		"editorWhitespace.foreground": "#212e2e",
 		"editorBracketHighlight.foreground1": "#de82ad",
@@ -162,15 +206,18 @@
 		"editorBracketHighlight.foreground5": "#cc9731",
 		"editorBracketHighlight.foreground6": "#ff6b6b",
 		"list.errorForeground": "#ff4949",
+		"problemsErrorIcon.foreground": "#ff4949",
 		"editorError.foreground": "#ff4949",
 		"errorLens.errorForeground": "#ff4949",
 		"errorLens.errorBackground": "#ff494926",
 		"minimap.errorHighlight": "#ff494926",
 		"list.warningForeground": "#db9123",
+		"problemsWarningIcon.foreground": "#db9123",
 		"editorWarning.foreground": "#db9123",
 		"errorLens.warningForeground": "#db9123",
 		"errorLens.warningBackground": "#db912326",
 		"minimap.warningHighlight": "#db912326",
+		"problemsInfoIcon.foreground": "#3f4c4c",
 		"editorInfo.foreground": "#3f4c4c",
 		"errorLens.infoForeground": "#3f4c4c",
 		"errorLens.infoBackground": "#00000000",