ServerFox Themes
Publisher: ServerFoxThemes in package: 1
UI Themes for VS Code
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#030
- activityBar.activeBorder#3f3
- activityBar.background#000
- activityBar.border#333
- activityBar.foreground#fff
- activityBar.inactiveForeground#999
- activityBarBadge.background#093
- activityBarBadge.foreground#fff
- badge.background#093
- badge.foreground#fff
- breadcrumb.activeSelectionForeground#ccc
- breadcrumb.focusForeground#fff
- breadcrumb.foreground#ccc
- breadcrumbPicker.background#000
- button.background#393
- button.foreground#fff
- button.hoverBackground#393
- button.secondaryBackground#333
- button.secondaryForeground#ccc
- button.secondaryHoverBackground#333
- checkbox.background#000
- checkbox.border#333
- debugConsole.errorForeground#f99
- debugConsole.infoForeground#999
- debugConsole.sourceForeground#fc3
- debugConsole.warningForeground#c93
- debugConsoleInputIcon.foreground#c9f
- debugIcon.breakpointForeground#f66
- debugTokenExpression.boolean#6c6
- debugTokenExpression.error#f99
- debugTokenExpression.name#9cf
- debugTokenExpression.number#6c6
- debugTokenExpression.string#9cf
- debugTokenExpression.value#9cf
- debugToolBar.background#000
- descriptionForeground#999
- diffEditor.insertedLineBackground#3933
- diffEditor.insertedTextBackground#3c63
- diffEditor.removedLineBackground#f333
- diffEditor.removedTextBackground#f966
- dropdown.background#333
- dropdown.border#666
- dropdown.foreground#fff
- dropdown.listBackground#333
- editor.background#000
- editor.compositionBorder#fff
- editor.findMatchBackground#960
- editor.findMatchHighlightBackground#fc69
- editor.focusedStackFrameHighlightBackground#3936
- editor.foldBackground#6693
- editor.foreground#fff
- editor.lineHighlightBackground#6693
- editor.linkedEditingBackground#39f3
- editor.selectionHighlightBackground#3c63
- editor.stackFrameHighlightBackground#c906
- editor.wordHighlightBackground#6699
- editor.wordHighlightBorder#6699
- editor.wordHighlightStrongBackground#6696
- editor.wordHighlightStrongBorder#6699
- editorBracketHighlight.foreground1#9cf
- editorBracketHighlight.foreground2#6c6
- editorBracketHighlight.foreground3#fc3
- editorBracketHighlight.foreground4#f99
- editorBracketHighlight.foreground5#f9c
- editorBracketHighlight.foreground6#c9f
- editorBracketHighlight.unexpectedBracket.foreground#999
- editorBracketMatch.background#3c63
- editorBracketMatch.border#3c69
- editorCursor.foreground#090
- editorGroup.border#333
- editorGroupHeader.border#090
- editorGroupHeader.tabsBackground#000
- editorGroupHeader.tabsBorder#333
- editorGutter.addedBackground#0f0c
- editorGutter.background#000
- editorGutter.deletedBackground#f00f
- editorGutter.modifiedBackground#fc3f
- editorIndentGuide.activeBackground1#fff9
- editorIndentGuide.background1#fff3
- editorInlayHint.background#9993
- editorInlayHint.foreground#999
- editorInlayHint.typeBackground#9993
- editorInlayHint.typeForeground#999
- editorLineNumber.activeForeground#fff
- editorLineNumber.dimmedForeground#060
- editorLineNumber.foreground#666
- editorOverviewRuler.border#000
- editorUnnecessaryCode.border#090
- editorUnnecessaryCode.opacity#0006
- editorWhitespace.foreground#fff6
- editorWidget.background#000
- errorForeground#f66
- focusBorder#6f6
- foreground#fff
- gitDecoration.addedResourceForeground#3c6
- gitDecoration.conflictingResourceForeground#c63
- gitDecoration.deletedResourceForeground#f66
- gitDecoration.ignoredResourceForeground#669
- gitDecoration.modifiedResourceForeground#c93
- gitDecoration.submoduleResourceForeground#999
- gitDecoration.untrackedResourceForeground#3c6
- icon.foreground#ccc
- input.background#000
- input.border#333
- input.foreground#fff
- input.placeholderForeground#669
- keybindingLabel.foreground#fff
- list.activeSelectionBackground#6696
- list.activeSelectionForeground#fff
- list.focusBackground#3f93
- list.focusForeground#fff
- list.highlightForeground#3f9
- list.hoverBackground#6963
- list.hoverForeground#fff
- list.inactiveFocusBackground#3f93
- list.inactiveSelectionBackground#6966
- list.inactiveSelectionForeground#fff
- menu.background#000
- menu.border#060
- menu.foreground#fff
- menu.selectionBackground#030
- menu.selectionBorder#090
- menu.selectionForeground#fff
- menu.separatorBackground#060
- menubar.selectionBackground#6666
- menubar.selectionBorder#0f0
- menubar.selectionForeground#fff
- minimapSlider.activeBackground#9993
- minimapSlider.background#9993
- minimapSlider.hoverBackground#9993
- notificationCenterHeader.background#000
- notificationCenterHeader.foreground#999
- notifications.background#000
- notifications.border#333
- notifications.foreground#fff
- notificationsErrorIcon.foreground#f66
- notificationsInfoIcon.foreground#39f
- notificationsWarningIcon.foreground#c93
- panel.background#000
- panel.border#333
- panelInput.border#333
- panelTitle.activeBorder#f96
- panelTitle.activeForeground#fff
- panelTitle.inactiveForeground#999
- peekViewEditor.background#6693
- peekViewEditor.matchHighlightBackground#c906
- peekViewResult.background#000
- peekViewResult.matchHighlightBackground#c906
- pickerGroup.border#333
- pickerGroup.foreground#999
- progressBar.background#6f6
- quickInput.background#000
- quickInput.foreground#fff
- scrollbar.shadow#6663
- scrollbarSlider.activeBackground#9996
- scrollbarSlider.background#9993
- scrollbarSlider.hoverBackground#9993
- settings.headerForeground#fff
- settings.modifiedItemIndicator#c936
- sideBar.background#000
- sideBar.border#333
- sideBar.foreground#fff
- sideBarSectionHeader.background#000
- sideBarSectionHeader.border#333
- sideBarSectionHeader.foreground#fff
- sideBarTitle.foreground#fff
- statusBar.background#000
- statusBar.border#ccc
- statusBar.debuggingBackground#f33
- statusBar.debuggingForeground#fff
- statusBar.focusBorder#06f
- statusBar.foreground#ccc
- statusBar.noFolderBackground#000
- statusBarItem.activeBackground#fff3
- statusBarItem.focusBorder#06f
- statusBarItem.hoverBackground#fff3
- statusBarItem.prominentBackground#6696
- statusBarItem.remoteBackground#333
- statusBarItem.remoteForeground#fff
- symbolIcon.arrayForeground#f93
- symbolIcon.booleanForeground#69f
- symbolIcon.classForeground#f93
- symbolIcon.colorForeground#9cf
- symbolIcon.constantForeground#cfc
- symbolIcon.constructorForeground#c9f
- symbolIcon.enumeratorForeground#f93
- symbolIcon.enumeratorMemberForeground#69f
- symbolIcon.eventForeground#669
- symbolIcon.fieldForeground#f93
- symbolIcon.fileForeground#c93
- symbolIcon.folderForeground#c93
- symbolIcon.functionForeground#c9f
- symbolIcon.interfaceForeground#f93
- symbolIcon.keyForeground#69f
- symbolIcon.keywordForeground#f96
- symbolIcon.methodForeground#c9f
- symbolIcon.moduleForeground#f96
- symbolIcon.namespaceForeground#f96
- symbolIcon.nullForeground#69f
- symbolIcon.numberForeground#3c6
- symbolIcon.objectForeground#f93
- symbolIcon.operatorForeground#9cf
- symbolIcon.packageForeground#f93
- symbolIcon.propertyForeground#f93
- symbolIcon.referenceForeground#69f
- symbolIcon.snippetForeground#69f
- symbolIcon.stringForeground#9cf
- symbolIcon.structForeground#f93
- symbolIcon.textForeground#9cf
- symbolIcon.typeParameterForeground#9cf
- symbolIcon.unitForeground#69f
- symbolIcon.variableForeground#f93
- tab.activeBackground#000
- tab.activeBorder#000
- tab.activeBorderTop#3f3
- tab.activeForeground#fff
- tab.border#333
- tab.hoverBackground#030
- tab.hoverBorder#090
- tab.hoverForeground#fff
- tab.inactiveBackground#000
- tab.inactiveForeground#999
- tab.unfocusedActiveBorder#000
- tab.unfocusedActiveBorderTop#333
- tab.unfocusedHoverBackground#6693
- terminal.ansiBlack#666
- terminal.ansiBlue#69f
- terminal.ansiBrightBlack#669
- terminal.ansiBrightBlue#9cf
- terminal.ansiBrightCyan#6cf
- terminal.ansiBrightGreen#6c6
- terminal.ansiBrightMagenta#c9f
- terminal.ansiBrightRed#f99
- terminal.ansiBrightWhite#fff
- terminal.ansiBrightYellow#fc3
- terminal.ansiCyan#3cc
- terminal.ansiGreen#3c6
- terminal.ansiMagenta#c9f
- terminal.ansiRed#f96
- terminal.ansiWhite#ccc
- terminal.ansiYellow#c93
- terminal.foreground#fff
- textBlockQuote.background#000
- textBlockQuote.border#333
- textCodeBlock.background#6696
- textLink.activeForeground#39f
- textLink.foreground#39f
- textPreformat.background#6696
- textPreformat.foreground#999
- textSeparator.foreground#003
- titleBar.activeBackground#000
- titleBar.activeForeground#999
- titleBar.border#333
- titleBar.inactiveBackground#000
- titleBar.inactiveForeground#999
- tree.indentGuidesStroke#003
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #ff0 | italic |
| variable, support.type.property-name, entity.other.attribute-name, meta.object.member.js.jsx, meta.attribute.python | #3f3 | |
| entity.name.type.module.js.jsx | #3f3 | |
| variable.parameter, meta.function.parameter, meta.function.parameters, variable.other.object.js.jsx | #0f9 | italic |
| entity.other.attribute-name | #0c3 | |
| keyword, storage, entity | #09c | bold |
| support.function, support.type | #3cf | italic bold |
| support.function.construct.output.php, support.other.namespace.php, meta.use.php, entity.other.alias.php, variable.language.this.js.jsx | #09c | |
| entity.name.tag.js.jsx, entity.name.tag.html, entity.name.tag, meta.tag.without-attributes.js.jsx, meta.tag.attributes.js.jsx, meta.tag.xml, meta.tag | #9cf | bold |
| constant.numeric | #c0c | |
| entity.name.class, entity.name.type, support.class, meta.class | #f90 | bold |
| constant | #f90 | italic |
| meta.function, entity.name.function | #3ff | bold |
| meta.function-call | #3ff | italic |
| string | #c30 | |
| keyword.operator | #c3f | |
| punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php | #fff | bold |
| token.info-token | #69f | |
| token.warn-token | #ff6 | |
| token.error-token | #f33 | |
| token.debug-token | #c6f |