Oblique Theme
Publisher: Jack StringerThemes in package: 1
Purposeful theme for Visual Studio Code (color-blind friendly)
VS Code preview
Full workbench mockup using this variant's colors and tokenColors.
Loading...
colors
Workbench UI color keys from the theme JSON colors map.
- activityBar.activeBackground#192424
- activityBar.activeBorder#00000000
- activityBar.background#050a0a
- activityBar.foreground#dce7e7
- activityBar.inactiveForeground#537171
- activityBarBadge.background#1b2727
- activityBarBadge.foreground#dce7e7
- badge.background#1b2727
- badge.foreground#dce7e7
- breadcrumb.activeSelectionForeground#ff6833
- breadcrumb.background#0a1515
- breadcrumb.focusForeground#ffe0d5
- breadcrumb.foreground#8ea5a5
- button.background#dc3b02
- button.hoverBackground#ff490a
- checkbox.background#152121
- checkbox.border#070e0e
- commandCenter.activeBackground#ffffff10
- commandCenter.activeBorder#070e0e
- commandCenter.activeForeground#8ea5a5
- commandCenter.background#101919
- commandCenter.border#070e0e
- commandCenter.debuggingBackground#00000000
- commandCenter.foreground#8ea5a5
- commandCenter.inactiveBorder#070e0e
- commandCenter.inactiveForeground#8ea5a5
- debugIcon.breakpointCurrentStackframeForeground#10de18
- debugIcon.breakpointDisabledForeground#2a3636
- debugIcon.breakpointForeground#ff4949
- debugIcon.breakpointStackframeForeground#11981a
- debugIcon.breakpointUnverifiedForeground#c23c3c
- debugIcon.continueForeground#10de18
- debugIcon.disconnectForeground#ff6b6b
- debugIcon.pauseForeground#eeee99
- debugIcon.restartForeground#cc9731
- debugIcon.startForeground#11981a
- debugIcon.stepBackForeground#c69cc9
- debugIcon.stepIntoForeground#c69cc9
- debugIcon.stepOutForeground#de82ad
- debugIcon.stepOverForeground#adb6e4
- debugIcon.stopForeground#ff6b6b
- debugTokenExpression.boolean#10de18
- debugTokenExpression.error#ff4949
- debugTokenExpression.name#eeee99
- debugTokenExpression.number#10de18
- debugTokenExpression.string#acc6c6
- debugTokenExpression.type#cc9731
- debugTokenExpression.value#536060
- debugToolBar.background#121e1e
- diffEditor.diagonalFill#243131
- diffEditor.insertedLineBackground#00ff0018
- diffEditor.insertedTextBackground#00ff0018
- diffEditor.removedLineBackground#ff00002b
- diffEditor.removedTextBackground#ff00002b
- dropdown.background#152121
- dropdown.border#070e0e
- dropdown.foreground#acc6c6
- editor.background#0d1a1a
- editor.findMatchBackground#ffffff11
- editor.findMatchHighlightBackground#ffffff11
- editor.findRangeHighlightBackground#ffffff05
- editor.foldBackground#00000000
- editor.foreground#acc6c6
- editor.hoverHighlightBackground#ffffff11
- editor.inactiveSelectionBackground#ffffff0f
- editor.lineHighlightBorder#ffffff11
- editor.linkedEditingBackground#eeee9916
- editor.rangeHighlightBackground#ffffff09
- editor.selectionBackground#ffffff1b
- editor.selectionHighlightBackground#ffffff09
- editor.symbolHighlightBackground#ffffff09
- editor.wordHighlightBackground#ffffff09
- editor.wordHighlightStrongBackground#ffffff09
- editor.wordHighlightTextBackground#ffffff09
- editorBracketHighlight.foreground1#de82ad
- editorBracketHighlight.foreground2#adb6e4
- editorBracketHighlight.foreground3#10de18
- editorBracketHighlight.foreground4#eeee99
- editorBracketHighlight.foreground5#cc9731
- editorBracketHighlight.foreground6#ff6b6b
- editorCodeLens.foreground#3f4c4c
- editorCursor.background#0d1a1a
- editorCursor.foreground#94acac
- editorError.foreground#ff4949
- editorGroup.border#1d2b2b
- editorGroup.dropBackground#ffffff0c
- editorGroup.dropIntoPromptBackground#091111
- editorGroup.emptyBackground#0c1818
- editorGroupHeader.border#00000000
- editorGroupHeader.noTabsBackground#0a1515
- editorGroupHeader.tabsBackground#0a1515
- editorGroupHeader.tabsBorder#00000000
- editorGutter.addedBackground#00ff0030
- editorGutter.background#0a1515
- editorGutter.deletedBackground#ff0000bc
- editorGutter.modifiedBackground#adb6e43d
- editorInfo.foreground#3f4c4c
- editorInlayHint.foreground#645c33
- editorInlayHint.parameterForeground#586144
- editorInlayHint.typeForeground#6d5926
- editorLightBulb.foreground#ffff00
- editorLightBulbAutoFix.foreground#cfd105
- editorLink.activeForeground#ffe0d5
- editorMultiCursor.primary.foreground#afe0e0
- editorOverviewRuler.findMatchForeground#ffffff11
- editorOverviewRuler.wordHighlightForeground#ffffff09
- editorOverviewRuler.wordHighlightStrongForeground#ffffff09
- editorOverviewRuler.wordHighlightTextForeground#ffffff09
- editorSuggestWidget.selectedBackground#ffffff16
- editorWarning.foreground#db9123
- editorWhitespace.foreground#212e2e
- editorWidget.background#121e1e
- errorLens.errorBackground#ff494926
- errorLens.errorForeground#ff4949
- errorLens.infoBackground#00000000
- errorLens.infoForeground#3f4c4c
- errorLens.warningBackground#db912326
- errorLens.warningForeground#db9123
- extensionIcon.starForeground#8ea5a5
- extensionIcon.verifiedForeground#1b8fd6
- focusBorder#e33c02
- gitDecoration.addedResourceForeground#99e868
- gitDecoration.conflictingResourceForeground#db9123
- gitDecoration.deletedResourceForeground#ff6b6b
- gitDecoration.ignoredResourceForeground#536060
- gitDecoration.modifiedResourceForeground#adb6e4
- gitDecoration.renamedResourceForeground#eeee99
- gitDecoration.stageDeletedResourceForeground#ff6b6b
- gitDecoration.stageModifiedResourceForeground#adb6e4
- gitDecoration.submoduleResourceForeground#de82ad
- gitDecoration.untrackedResourceForeground#99e868
- icon.foreground#8ea5a5
- input.background#152121
- input.border#070e0e
- input.foreground#acc6c6
- input.placeholderForeground#536060
- inputOption.activeBackground#a9340a
- inputOption.activeBorder#00000000
- inputValidation.errorBackground#401d1d
- inputValidation.errorBorder#b93939
- inputValidation.infoBackground#152121
- inputValidation.infoBorder#303b3b
- inputValidation.warningBackground#382d15
- inputValidation.warningBorder#9f6c1e
- keybindingLabel.background#1b2727
- list.activeSelectionBackground#ffffff16
- list.dropBackground#ffffff0c
- list.dropBetweenBackground#ffffff0c
- list.errorForeground#ff4949
- list.hoverBackground#ffffff0c
- list.inactiveSelectionBackground#ffffff16
- list.warningForeground#db9123
- menu.background#121e1e
- menu.selectionBackground#ffffff16
- merge.currentContentBackground#ff420013
- merge.currentHeaderBackground#ff42002a
- merge.incomingContentBackground#00bfff13
- merge.incomingHeaderBackground#00bfff2a
- mergeEditor.change.background#ff420013
- mergeEditor.change.word.background#ff42002a
- mergeEditor.conflict.handled.minimapOverViewRuler#5360604a
- mergeEditor.conflict.handledFocused.border#536060
- mergeEditor.conflict.unhandled.minimapOverViewRuler#e33c024a
- mergeEditor.conflict.unhandledFocused.border#e33c02
- minimap.background#00000000
- minimap.errorHighlight#ff494926
- minimap.findMatchHighlight#ffffff11
- minimap.infoHighlight#00000000
- minimap.selectionHighlight#ffffff1b
- minimap.selectionOccurrenceHighlight#ffffff09
- minimap.warningHighlight#db912326
- notificationCenterHeader.background#121e1e
- notifications.background#121e1e
- notifications.border#192929
- notifications.foreground#dce7e7
- panel.background#091111
- panel.border#00000000
- panelInput.border#070e0e
- panelSection.dropBackground#ffffff0c
- panelTitle.activeBorder#00000000
- panelTitle.activeForeground#dce7e7
- panelTitle.border#192424
- panelTitle.inactiveForeground#8ea5a5
- peekView.border#00000000
- peekViewEditor.background#0c1818
- peekViewEditor.matchHighlightBackground#ffffff16
- peekViewResult.background#121e1e
- peekViewResult.fileForeground#acc6c6
- peekViewResult.lineForeground#536060
- peekViewResult.matchHighlightBackground#ffffff16
- peekViewTitle.background#121e1e
- peekViewTitleDescription.foreground#8ea5a5
- peekViewTitleLabel.foreground#acc6c6
- pickerGroup.foreground#ff6833
- problemsErrorIcon.foreground#ff4949
- problemsInfoIcon.foreground#3f4c4c
- problemsWarningIcon.foreground#db9123
- quickInput.background#101d1d
- quickInputTitle.background#101d1d
- scrollbar.shadow#0000006d
- scrollbarSlider.activeBackground#ffffff21
- scrollbarSlider.background#ffffff14
- scrollbarSlider.hoverBackground#ffffff2e
- selection.background#ffffff1b
- settings.checkboxBackground#152121
- settings.dropdownBackground#152121
- settings.focusedRowBackground#00000022
- settings.modifiedItemIndicator#ff642e
- settings.numberInputBackground#152121
- settings.rowHoverBackground#0000000e
- settings.settingsHeaderHoverForeground#0000000e
- settings.textInputBackground#152121
- sideBar.background#091111
- sideBar.dropBackground#ffffff0c
- sideBar.foreground#acc6c6
- sideBarSectionHeader.background#0d1a1a
- sideBarSectionHeader.border#192424
- sideBarSectionHeader.foreground#dce7e7
- sideBarTitle.foreground#dce7e7
- statusBar.background#091111
- statusBar.border#192424
- statusBar.debuggingBackground#792709
- statusBar.debuggingBorder#853b1f
- statusBar.debuggingForeground#acc6c6
- statusBar.focusBorder#e33c02
- statusBar.foreground#8ea5a5
- statusBar.noFolderBackground#091111
- statusBar.noFolderBorder#192424
- statusBar.noFolderForeground#8ea5a5
- statusBarItem.activeBackground#ffffff16
- statusBarItem.focusBorder#ff490a
- statusBarItem.hoverBackground#ffffff0c
- statusBarItem.hoverForeground#8ea5a5
- statusBarItem.offlineBackground#4c2020
- statusBarItem.offlineForeground#acc6c6
- statusBarItem.offlineHoverForeground#acc6c6
- statusBarItem.remoteBackground#06194b
- statusBarItem.remoteForeground#acc6c6
- statusBarItem.remoteHoverForeground#acc6c6
- 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.methodForeground#adb6e4
- symbolIcon.moduleForeground#de82ad
- symbolIcon.namespaceForeground#de82ad
- symbolIcon.nullForeground#10de18
- symbolIcon.numberForeground#10de18
- symbolIcon.objectForeground#de82ad
- symbolIcon.operatorForeground#de82ad
- 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
- tab.activeBackground#192424
- tab.activeBorder#e33c02
- tab.border#00000000
- tab.hoverBackground#121e1e
- tab.inactiveBackground#0a1515
- tab.unfocusedActiveBackground#121e1e
- tab.unfocusedActiveBorder#e33c02
- tab.unfocusedHoverBackground#121e1e
- terminal.ansiBlack#030606
- terminal.ansiBlue#002cdd
- terminal.ansiBrightBlack#536060
- terminal.ansiBrightBlue#6382ff
- terminal.ansiBrightCyan#b0d3e5
- terminal.ansiBrightGreen#10de18
- terminal.ansiBrightMagenta#ff7cd7
- terminal.ansiBrightRed#ff4949
- terminal.ansiBrightWhite#dce7e7
- terminal.ansiBrightYellow#ffff00
- terminal.ansiCyan#4dbdcd
- terminal.ansiGreen#009304
- terminal.ansiMagenta#cd00cd
- terminal.ansiRed#cd0000
- terminal.ansiWhite#acc6c6
- terminal.ansiYellow#aaaa00
- terminal.background#030606
- terminal.dropBackground#ffffff0c
- terminal.foreground#acc6c6
- terminalCursor.foreground#afe0e0
- testing.iconErrored#ff4949
- testing.iconFailed#ff4949
- testing.iconPassed#11981a
- testing.iconQueued#536060
- testing.iconSkipped#db9123
- testing.iconUnset#536060
- textBlockQuote.background#0b1717
- textBlockQuote.border#172525
- textCodeBlock.background#0a1414
- textLink.activeForeground#ffe0d5
- textLink.foreground#ff6833
- textPreformat.background#0a1414
- textPreformat.foreground#eeee99
- titleBar.activeBackground#091111
- titleBar.activeForeground#8ea5a5
- titleBar.inactiveBackground#0c1818
- widget.border#00000000
- widget.shadow#0000006d
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| entity.name.function, support.function, meta.function-call.generic, punctuation.definition.decorator, punctuation.definition.parameters, punctuation.definition.link, punctuation.definition.metadata, string.other.begin.link, string.other.end.link, string.other.begin.mdx, string.other.end.mdx, keyword.control.lessmark, meta.declaration.annotation, storage.type.annotation, meta.brace.round | #adb6e4 | — |
| entity.name.function.python, meta.definition.function, meta.definition.method, entity.name.function.lua | — | bold |
| markup.underline.link, string.other.link.destination | #ff7e50 | — |
| source, variable, meta.item-access.arguments, meta.indexed-name, markup.inline.raw, meta.tag.structure, meta.tag.metadata, entity.other.attribute-name, entity.name.tag.css, meta.function.variable.css, meta.record.field, storage.modifier.package, storage.modifier.import, meta.class.body.java, meta.object-literal.key, entity.other.attribute, entity.name.section, keyword.other.definition, support.variable.single-line.spdoc, support.type.property-name, support.variable.property, entity.name.tag.localname, entity.name.tag.yaml | #eeee99 | — |
| markup.italic | — | italic |
| constant.other.caps, support.variable.magic, variable.other.constant, support.constant | #99e868 | — |
| string, source.css, source.ignore, source.lessmark, source.jinja, meta.paragraph, source.ini | #acc6c6 | — |
| constant.numeric, constant.language, constant.other.ellipsis, constant.other.color, meta.scope.jinja.variable, markup.italic, punctuation.definition.italic, string.other.emphasis, constant.character.escape, keyword.control.anchor.regexp, constant.other.character-class.regexp | #10de18 | — |
| entity.name.type, meta.function, support.type.exception, variable.parameter.function.language.special.self, variable.language.special.self, variable.parameter.function.language.special.cls, variable.language.special.cls, meta.module.name, markup.bold, punctuation.definition.bold, string.other.strong, storage.type.java, storage.type.object.array.java, storage.type.generic.java, meta.class, variable.language.this | #ff6b6b | — |
| entity.name.type.class, markup.bold, string.other.strong, heading.1 | — | bold |
| keyword, meta.lambda-function, storage.type.class, storage.type.function, storage.type.string, constant.character.format.placeholder, punctuation.definition.arguments, punctuation.definition.dict, punctuation.separator, 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, string.other.begin.yaml, string.other.end.yaml, entity.name.section.mdx, variable.unordered.list, string.other.number.mdx, variable.ordered.list, markup.list.table-delimiter, string.other.begin.code, string.other.end.code, string.other.begin.expression, string.other.end.expression, entity.name.section.lessmark, meta.tag.metadata.doctype, punctuation.definition.tag, punctuation.section, punctuation.curlybrace, punctuation.squarebracket, punctuation.definition.interpolation, keyword.type.elm, punctuation.bracket, punctuation.parens, 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, punctuation.definition.template-expression, punctuation.terminator, meta.scope.jinja.tag, source.lua, punctuation.definition.entity, source.sourcepawn, punctuation.definition.table, punctuation.eq, punctuation.definition.typeparameters, meta.tag.preprocessor, meta.tag.xml, punctuation.definition.block, punctuation.definition.mapping, punctuation.definition.sequence, storage.modifier, meta.flow-mapping, meta.flow-sequence, meta.embedded.block | #de82ad | — |
| support.type, meta.item-access, keyword.type, storage.type.elm, constant.type-constructor, storage.type.primitive, fenced_code.block.language, entity.name.function.mdx, storage.type.built-in, storage.type.tag | #cc9731 | — |
| comment, punctuation.definition.comment, string.quoted.docstring, meta.setting.documentation.robotframework, meta.testcase_setting.documentation.robotframework | #536060 | — |
| keyword.codetag.notation | #ff7e50 | — |
| comment, punctuation.definition.comment | — | italic |
| comment.block | — |