Merge pull request #7 from jack5github/0.0.7

Release 0.0.7

Author: jack5github

CHANGELOG.md

@@ -1,5 +1,25 @@
 # Changelog
 
+## 0.0.7 - 2026-05-25
+
+### Added
+
+- Code Lens foreground colour
+- CSS: Variable semantic colour `meta.function.variable.css`
+- Folded region background colour
+- JavaScript: Keyword semantic colours `punctuation.definition.bracket.curly.begin/end.jsdoc` and `punctuation.definition.optional-value.begin/end.bracket.square.jsdoc`
+- Inlay hint foreground colours
+- Line highlight border colour
+- Linked editing background colour
+- Markdown: Keyword semantic colours `meta.separator.markdown` and `punctuation.definition.begin/end.frontmatter`
+- Missing breakpoint foreground colours
+- Missing symbol highlight background colour
+- Status bar remote item background and foreground colours
+
+## Changed
+
+- Merge conflict background colour transparencies
+
 ## 0.0.6 - 2026-05-05
 
 ### Added

docs/colours.md

@@ -372,6 +372,7 @@ If the search is being limited by a selection, that selection needs to be a less
 
 Word matches are much less important than search terms, but still need to be legible. I found that an alpha of `#09` ensures the matches are still legible, while ensuring they are less important than search terms. All in all, it is still possible to read comments in the editor area even when fully highlighted, if only barely. (*Note: Variable-access symbol highlights, from initial observation, appear to be implemented by extensions, which are not possible to change.*)
 
+> - `editor.symbolHighlightBackground`
 > - `editor.wordHighlightBackground`
 > - `editor.wordHighlightStrongBackground`
 > - `editor.wordHighlightTextBackground`
@@ -385,6 +386,23 @@ The above also applies to the background colour of the line on which the current
 
 > - `editor.rangeHighlightBackground`
 
+### Linked Editing
+
+Linked editing is an experimental feature of VSCode that allows an opening and closing tag to be edited together. It is not always enabled, therefore it needs to be obvious when it is about to happen. Since it is common that linked editing happens with HTML tags, it will use the same colour as them, that being the variable colour but transparent. An alpha of `#16` seems to work well, being obvious but not garish.
+
+> - `editor.linkedEditingBackground`
+
+### Input Validation
+
+Input validation messages appear under the search box when using the Search view. They are also broken into error, warning and info messages, but their background colours cannot be identical to the problem colours due to being too bright, so they are mixed 2:7 with the sidebar background (except the info background, which is just the input background). The borders are instead mixed 5:2, so they blend in with the focus border colour.
+
+> - `inputValidation.errorBackground`
+> - `inputValidation.errorBorder`
+> - `inputValidation.warningBackground`
+> - `inputValidation.warningBorder`
+> - `inputValidation.infoBackground`
+> - `inputValidation.infoBorder`
+
 ### Extensions
 
 #### Star Count
@@ -504,6 +522,12 @@ Modified settings show a vertical bar on their left side. While this can be simi
 
 > - `settings.modifiedItemIndicator`
 
+### Line Highlight
+
+The line on which the cursor is located is highlighted if there is no active selection. This stacks with word highlighting. The default of the background being fully transparent is fine as is. As for the border, the word highlight background colour was too hard to see, so the search highlight background colour is used instead. `editor.inactiveLineHighlightBorder` does not exist.
+
+> - `editor.lineHighlightBorder`
+
 ### Text Selection
 
 Selecting text is distracting if the selection background is any colour other than white. With this in mind, a perfect transparency must be achieved, so that selecting text is not distracting while still being fully visible.
@@ -556,7 +580,9 @@ As an aside, the difference viewer displays a diagonal pattern in areas where a
 
 > - `diffEditor.diagonalFill`
 
-### Merge Conflicts
+### Merging
+
+#### Conflicts
 
 Unlike difference indicators, merge conflicts are more complicated and require a more nuanced approach. The colour scheme here uses the theme's accent colour for current changes, and the colour with the exact opposite hue for the incoming changes. Transparencies were chosen to ensure that the code is still visible over the top of these colours, no matter their hue.
 
@@ -565,6 +591,12 @@ Unlike difference indicators, merge conflicts are more complicated and require a
 > - `merge.incomingContentBackground`
 > - `merge.incomingHeaderBackground`
 
+### Folded Regions
+
+Folded regions reduce the amount of text that is visible, and are indicated by a small '⋯' symbol. There is also the option for a background colour, but it is distracting, so it is made transparent.
+
+> - `editor.foldBackground`
+
 ### 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.
@@ -592,6 +624,10 @@ One option is to use a mix between the function colour and the normal status bar
 
 > - `statusBar.debuggingBackground`
 
+When remote coding, the bottom-left of the status bar is a separate colour. It feels natural for this to be blue, like the status bar normally is in other themes, specifically `terminal.ansiBlue`, which feels like a good colour to represent the internet. A 4:10 mix of it and the normal status bar colour was chosen.
+
+> - `statusBarItem.remoteBackground`
+
 ### Border
 
 The chosen background colour needs a border to distinguish it from the sidebar. For that reason, I am using the same border colour as the tabs in the sidebar, as that colour is distinguished from all side panels and the editor area.
@@ -611,17 +647,23 @@ The status bar foreground is a 5:1 mix of the editor text and the background col
 > - `statusBarItem.hoverForeground`
 > - `statusBar.noFolderForeground`
 
-For debugging, this dark colour is no longer appropriate, and so the editor text colour is used as-is.
+For debugging and remote coding, this dark colour is no longer appropriate, and so the editor text colour is used as-is, both when hovering and not.
 
 > - `statusBar.debuggingForeground`
+> - `statusBar.remoteForeground`
+> - `statusBar.remoteHoverForeground`
 
 ## Debugging
 
 ### Breakpoints
 
-Breakpoints appear on the editor gutter in a half-transparent state when hovering, and fully opaque when active. They use the error colour, as it is red enough to indicate a stop while light enough to be visible when hovering.
+Breakpoints appear on the editor gutter in a half-transparent state when hovering, and fully opaque when active.
 
-> - `debugIcon.breakpointForeground`
+> - `debugIcon.breakpointForeground` - Error colour (red enough to indicate a stop while light enough to be visible when hovering)
+> - `debugIcon.breakpointDisabledForeground` - 4:5 mix of comment semantic colour and editor gutter background colour
+> - `debugIcon.breakpointCurrentStackframeForeground` - Debug continue icon colour
+> - `debugIcon.breakpointStackframeForeground` - Debug start icon colour
+> - `debugIcon.breakpointUnverifiedForeground` - 3:1 mix of error colour and editor gutter background colour
 
 ### Toolbar
 
@@ -806,16 +848,19 @@ As for the info colour, info messages tend to be very annoying, so rather than g
 > - `editorInfo.foreground`
 > - `errorLens.infoForeground`
 
-### Input Validation
+### Inlay Hints
 
-Input validation messages appear under the search box when using the Search view. They are also broken into error, warning and info messages, but their background colours cannot be identical to the problem colours due to being too bright, so they are mixed 2:7 with the sidebar background (except the info background, which is just the input background). The borders are instead mixed 5:2, so they blend in with the focus border colour.
+Inlay hints are what appears in the absence of code when working with common languages and extensions, such as [basedpyright](https://marketplace.visualstudio.com/items?itemName=detachhead.basedpyright) with Python. In this extension in particular, it is most common to see attribute hints (e.g., `name=`) and type hints (e.g., `: str`). All of the below are mixed with the editor background colour after the fact.
 
-> - `inputValidation.errorBackground`
-> - `inputValidation.errorBorder`
-> - `inputValidation.warningBackground`
-> - `inputValidation.warningBorder`
-> - `inputValidation.infoBackground`
-> - `inputValidation.infoBorder`
+> - `editorInlayHint.foreground` - 1:2 mix of `editorInlayHint.parameterForeground` and `editorInlayHint.typeForeground` (before they're mixed with editor background), then 3:4 mix
+> - `editorInlayHint.parameterForeground` - Variable colour, then 1:2 mix
+> - `editorInlayHint.typeForeground` - Type colour, then 1:1 mix
+
+### Code Lens
+
+Code Lens text appears above method names, most commonly in .NET projects. Because it creates gaps in the code and its font family and size are indeterminate, it is imperative that it blends in with comments, but even with the comment colour it is still too bright. Therefore, a 5:2 mix of the comment colour and the editor background colour is used.
+
+> - `editorCodeLens.foreground`
 
 ## Cursors
 
@@ -890,6 +935,7 @@ While grouped under functions, URLs should use the accent-defined link colour, a
 >   - `entity.other.attribute-name`
 > - **CSS**
 >   - `entity.name.tag.css`
+>   - `meta.function.variable.css`
 > - **Elm**
 >   - `meta.record.field`
 > - **Java**
@@ -1006,13 +1052,16 @@ The constant variable name colour is a 29:18 mix between variable and constant v
 >   - `meta.structure.array`
 >   - `meta.structure.dictionary`
 > - **Markdown**
+>   - `punctuation.definition.begin.frontmatter`
+>   - `punctuation.definition.end.frontmatter`
 >   - `markup.heading`
 >   - `entity.name.section.markdown`
 >   - `punctuation.definition.heading`
 >   - `punctuation.definition.list`
 >   - `punctuation.definition.quote`
 >   - `punctuation.definition.raw`
 >   - `punctuation.definition.markdown`
+>   - `meta.separator.markdown`
 > - **HTML**
 >   - `meta.tag.metadata.doctype`
 >   - `punctuation.definition.tag`
@@ -1030,6 +1079,10 @@ The constant variable name colour is a 29:18 mix between variable and constant v
 >   - `meta.function.type-record`
 >   - `constant.unit.elm`
 > - **JavaScript**
+>   - `punctuation.definition.bracket.curly.begin.jsdoc`
+>   - `punctuation.definition.bracket.curly.end.jsdoc`
+>   - `punctuation.definition.optional-value.begin.bracket.square.jsdoc`
+>   - `punctuation.definition.optional-value.end.bracket.square.jsdoc`
 >   - `storage.type`
 >   - `meta.array`
 >   - `punctuation.definition.binding-pattern`

package.json

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

themes/Oblique Dark Orange-color-theme.json

@@ -107,6 +107,7 @@
 		"editor.findMatchBackground": "#ffffff11",
 		"editor.hoverHighlightBackground": "#ffffff11",
 		"editor.findRangeHighlightBackground": "#ffffff05",
+		"editor.symbolHighlightBackground": "#ffffff09",
 		"editor.wordHighlightBackground": "#ffffff09",
 		"editor.wordHighlightStrongBackground": "#ffffff09",
 		"editor.wordHighlightTextBackground": "#ffffff09",
@@ -116,6 +117,13 @@
 		"editor.selectionHighlightBackground": "#ffffff09",
 		"minimap.selectionOccurrenceHighlight": "#ffffff09",
 		"editor.rangeHighlightBackground": "#ffffff09",
+		"editor.linkedEditingBackground": "#eeee9916",
+		"inputValidation.errorBackground": "#401d1d",
+		"inputValidation.errorBorder": "#b93939",
+		"inputValidation.warningBackground": "#382d15",
+		"inputValidation.warningBorder": "#9f6c1e",
+		"inputValidation.infoBackground": "#152121",
+		"inputValidation.infoBorder": "#303b3b",
 		"extensionIcon.starForeground": "#8ea5a5",
 		"extensionIcon.verifiedForeground": "#1b8fd6",
 		"testing.iconUnset": "#536060",
@@ -152,6 +160,7 @@
 		"breadcrumb.focusForeground": "#ffe0d5",
 		"breadcrumb.activeSelectionForeground": "#ff6833",
 		"settings.modifiedItemIndicator": "#ff642e",
+		"editor.lineHighlightBorder": "#ffffff11",
 		"editor.selectionBackground": "#ffffff1b",
 		"selection.background": "#ffffff1b",
 		"minimap.selectionHighlight": "#ffffff1b",
@@ -171,23 +180,31 @@
 		"editorGutter.addedBackground": "#00ff0030",
 		"diffEditor.diagonalFill": "#243131",
 		"merge.currentHeaderBackground": "#ff42002a",
-		"merge.currentContentBackground": "#ff420012",
-		"merge.incomingContentBackground": "#00bfff12",
+		"merge.currentContentBackground": "#ff420013",
+		"merge.incomingContentBackground": "#00bfff13",
 		"merge.incomingHeaderBackground": "#00bfff2a",
+		"editor.foldBackground": "#00000000",
 		"scrollbarSlider.background": "#ffffff14",
 		"scrollbarSlider.hoverBackground": "#ffffff2e",
 		"scrollbarSlider.activeBackground": "#ffffff21",
 		"statusBar.background": "#091111",
 		"statusBar.noFolderBackground": "#091111",
 		"statusBar.debuggingBackground": "#792709",
+		"statusBarItem.remoteBackground": "#06194b",
 		"statusBar.border": "#192424",
 		"statusBar.noFolderBorder": "#192424",
 		"statusBar.debuggingBorder": "#853b1f",
 		"statusBar.foreground": "#8ea5a5",
 		"statusBarItem.hoverForeground": "#8ea5a5",
 		"statusBar.noFolderForeground": "#8ea5a5",
 		"statusBar.debuggingForeground": "#acc6c6",
+		"statusBarItem.remoteForeground": "#acc6c6",
+		"statusBarItem.remoteHoverForeground": "#acc6c6",
 		"debugIcon.breakpointForeground": "#ff4949",
+		"debugIcon.breakpointDisabledForeground": "#2a3636",
+		"debugIcon.breakpointCurrentStackframeForeground": "#10de18",
+		"debugIcon.breakpointStackframeForeground": "#11981a",
+		"debugIcon.breakpointUnverifiedForeground": "#c23c3c",
 		"debugToolBar.background": "#121e1e",
 		"debugIcon.pauseForeground": "#eeee99",
 		"debugIcon.startForeground": "#11981a",
@@ -280,12 +297,10 @@
 		"errorLens.infoForeground": "#3f4c4c",
 		"errorLens.infoBackground": "#00000000",
 		"minimap.infoHighlight": "#00000000",
-		"inputValidation.errorBackground": "#401d1d",
-		"inputValidation.errorBorder": "#b93939",
-		"inputValidation.warningBackground": "#382d15",
-		"inputValidation.warningBorder": "#9f6c1e",
-		"inputValidation.infoBackground": "#152121",
-		"inputValidation.infoBorder": "#303b3b",
+		"editorInlayHint.foreground": "#645c33",
+		"editorInlayHint.parameterForeground": "#586144",
+		"editorInlayHint.typeForeground": "#6d5926",
+		"editorCodeLens.foreground": "#3f4c4c",
 		"editorCursor.foreground": "#94acac",
 		"editorMultiCursor.primary.foreground": "#afe0e0",
 		"terminalCursor.foreground": "#afe0e0",
@@ -347,6 +362,7 @@
 				"meta.tag.metadata",
 				"entity.other.attribute-name",
 				"entity.name.tag.css",
+				"meta.function.variable.css",
 				"meta.record.field",
 				"storage.modifier.package",
 				"storage.modifier.import",
@@ -453,13 +469,16 @@
 				"punctuation.parenthesis",
 				"meta.structure.array",
 				"meta.structure.dictionary",
+				"punctuation.definition.begin.frontmatter",
+				"punctuation.definition.end.frontmatter",
 				"markup.heading",
 				"entity.name.section.markdown",
 				"punctuation.definition.heading",
 				"punctuation.definition.list",
 				"punctuation.definition.quote",
 				"punctuation.definition.raw",
 				"punctuation.definition.markdown",
+				"meta.separator.markdown",
 				"meta.tag.metadata.doctype",
 				"punctuation.definition.tag",
 				"punctuation.section",
@@ -472,6 +491,10 @@
 				"meta.function.type-declaration",
 				"meta.function.type-record",
 				"constant.unit.elm",
+				"punctuation.definition.bracket.curly.begin.jsdoc",
+				"punctuation.definition.bracket.curly.end.jsdoc",
+				"punctuation.definition.optional-value.begin.bracket.square.jsdoc",
+				"punctuation.definition.optional-value.end.bracket.square.jsdoc",
 				"storage.type",
 				"meta.array",
 				"punctuation.definition.binding-pattern",