DevNet Dark
Publisher: DevTechnicThemes in package: 1
Dev Technic (DevNet DataCenter) için modern, göz yormayan koyu VS Code teması.
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.background#0d1b33
- activityBar.border#0e1c33
- activityBar.foreground#E6F1FF
- activityBar.inactiveForeground#A8B2D1
- activityBarBadge.background#1f5b45
- activityBarBadge.foreground#E6F1FF
- badge.background#1f5b45
- badge.foreground#E6F1FF
- breadcrumb.activeSelectionForeground#E6F1FF
- breadcrumb.background#0b1630
- breadcrumb.focusForeground#E6F1FF
- breadcrumb.foreground#A8B2D1
- breadcrumbPicker.background#0f1e37
- charts.blue#71a7ff
- charts.foreground#C8D4F0
- charts.green#6be6b5
- charts.lines#71a7ff
- charts.orange#ffb86b
- charts.purple#c792ea
- charts.red#ff6b6b
- charts.yellow#ffd166
- commandCenter.border#1a2a46
- commandCenter.foreground#C8D4F0
- debugIcon.breakpointCurrentStackframeForeground#ffd166
- debugIcon.breakpointDisabledForeground#7E8AA8
- debugIcon.breakpointForeground#ff6b6b
- debugIcon.breakpointUnverifiedForeground#ffd166
- debugToolBar.background#0d1b33
- descriptionForeground#A8B2D1
- diffEditor.diagonalFill#1a2a46
- diffEditor.insertedTextBackground#1f5b4522
- diffEditor.removedTextBackground#c6282822
- dropdown.background#0f1e37
- editor.background#0b1630
- editor.findMatchBackground#24745766
- editor.findMatchBorder#1f5b45
- editor.findMatchHighlightBackground#24745744
- editor.findMatchHighlightBorder#1f5b45
- editor.findRangeHighlightBackground#132544
- editor.foldBackground#0e1c33
- editor.foreground#E6F1FF
- editor.hoverHighlightBackground#1f5b4544
- editor.inlineSuggest.foreground#92e7f1
- editor.lineHighlightBackground#0f1e37
- editor.lineHighlightBorder#1a2a46
- editor.rangeHighlightBackground#132544
- editor.selectionBackground#1a355e
- editor.selectionForeground#E6F1FF
- editor.selectionHighlightBackground#24745733
- editor.selectionHighlightBorder#1f5b45
- editor.wordHighlightBackground#24745733
- editor.wordHighlightStrongBackground#24745744
- editorBracketHighlight.foreground1#71a7ff
- editorBracketHighlight.foreground2#ffd166
- editorBracketHighlight.foreground3#c792ea
- editorBracketHighlight.unexpectedBracket.foreground#ff6b6b
- editorBracketMatch.background#143b42
- editorBracketMatch.border#2b7a78
- editorBracketPairGuide.activeBackground1#1f5b45
- editorBracketPairGuide.activeBackground2#71a7ff
- editorBracketPairGuide.activeBackground3#ffd166
- editorBracketPairGuide.background1#1a2a46
- editorBracketPairGuide.background2#223557
- editorBracketPairGuide.background3#2b4068
- editorCodeLens.foreground#7E8AA8
- editorCursor.foreground#8ad0ff
- editorError.foreground#ff6b6b
- editorGhostText.foreground#7E8AA899
- editorGutter.addedBackground#2e7d32
- editorGutter.commentRangeForeground#7E8AA8
- editorGutter.deletedBackground#c62828
- editorGutter.foldingControlForeground#C8D4F0
- editorGutter.modifiedBackground#1976d2
- editorHoverWidget.background#0f1e37
- editorHoverWidget.border#1a2a46
- editorIndentGuide.activeBackground#2b4068
- editorIndentGuide.background#1a2a46
- editorInfo.foreground#71a7ff
- editorInlayHint.background#0e1c33
- editorInlayHint.foreground#A8B2D1
- editorInlayHint.parameterForeground#A8B2D1
- editorInlayHint.typeForeground#C8D4F0
- editorLink.activeForeground#71a7ff
- editorOverviewRuler.border#1a2a46
- editorOverviewRuler.errorForeground#ff6b6bcc
- editorOverviewRuler.infoForeground#71a7ffcc
- editorOverviewRuler.selectionHighlightForeground#247457aa
- editorOverviewRuler.warningForeground#ffd166cc
- editorRuler.foreground#1a2a46
- editorStickyScroll.background#0b1630
- editorStickyScroll.border#1a2a46
- editorStickyScrollHover.background#0f1e37
- editorUnnecessaryCode.opacity#00000066
- editorWarning.foreground#ffd166
- editorWhitespace.foreground#1a2a46
- editorWidget.background#0f1e37
- editorWidget.foreground#E6F1FF
- focusBorder#1f5b4588
- foreground#E6F1FF
- gitDecoration.addedResourceForeground#6be6b5
- gitDecoration.conflictingResourceForeground#ffd166
- gitDecoration.deletedResourceForeground#ff8686
- gitDecoration.ignoredResourceForeground#7E8AA8
- gitDecoration.modifiedResourceForeground#9bc2ff
- gitDecoration.submoduleResourceForeground#5fd1e5
- gitDecoration.untrackedResourceForeground#a5e075
- icon.foreground#C8D4F0
- input.background#0e1c33
- input.foreground#E6F1FF
- input.placeholderForeground#7E8AA8
- list.activeSelectionBackground#132544
- list.errorForeground#ff6b6b
- list.focusBackground#132544
- list.highlightForeground#71a7ff
- list.hoverBackground#0e1c33
- list.inactiveSelectionBackground#0f1e37
- list.warningForeground#ffd166
- listFilterWidget.background#0f1e37
- listFilterWidget.outline#1f5b45
- merge.border#1a2a46
- merge.commonContentBackground#ffd16622
- merge.commonHeaderBackground#ffd16655
- merge.currentContentBackground#24745722
- merge.currentHeaderBackground#24745755
- merge.incomingContentBackground#71a7ff22
- merge.incomingHeaderBackground#71a7ff55
- minimap.background#0b1630
- minimap.errorHighlight#ff6b6baa
- minimap.findMatchHighlight#247457aa
- minimap.selectionHighlight#1a355e
- minimap.warningHighlight#ffd166aa
- minimapGutter.addedBackground#2e7d32
- minimapGutter.deletedBackground#c62828
- minimapGutter.modifiedBackground#1976d2
- notebook.cellBorderColor#1a2a46
- notebook.cellToolbarSeparator#1a2a46
- notebook.focusedCellBorder#1f5b45
- notebook.focusedEditorBorder#1f5b45
- notificationCenterHeader.background#0d1b33
- notifications.background#0f1e37
- notifications.border#1a2a46
- panel.background#0f1e37
- panel.border#0e1c33
- panelTitle.activeForeground#E6F1FF
- panelTitle.inactiveForeground#A8B2D1
- peekView.border#1f5b45
- peekViewEditor.background#0e1c33
- peekViewEditor.matchHighlightBackground#24745755
- peekViewResult.background#0f1e37
- peekViewTitle.background#0d1b33
- pickerGroup.border#1a2a46
- pickerGroup.foreground#C8D4F0
- problemsErrorIcon.foreground#ff6b6b
- problemsInfoIcon.foreground#71a7ff
- problemsWarningIcon.foreground#ffd166
- progressBar.background#1f5b45
- quickInput.background#0f1e37
- sash.hoverBorder#1f5b45
- scrollbar.shadow#00000088
- scrollbarSlider.activeBackground#2a3a58ff
- scrollbarSlider.background#2a3a58aa
- scrollbarSlider.hoverBackground#2a3a58cc
- selection.background#132544
- settings.headerForeground#E6F1FF
- settings.modifiedItemIndicator#1f5b45
- sideBar.background#0f1e37
- sideBar.foreground#C8D4F0
- sideBarSectionHeader.background#0f1e37
- sideBarSectionHeader.foreground#A8B2D1
- sideBarTitle.foreground#E6F1FF
- statusBar.background#0d1b33
- statusBar.border#0e1c33
- statusBar.foreground#C8D4F0
- statusBar.noFolderBackground#0d1b33
- statusBarItem.remoteBackground#1f5b45
- statusBarItem.remoteForeground#E6F1FF
- symbolIcon.colorForeground#C8D4F0
- tab.activeBackground#0b1630
- tab.activeForeground#E6F1FF
- tab.hoverBackground#0e1c33
- tab.inactiveBackground#0f1e37
- tab.inactiveForeground#A8B2D1
- tab.unfocusedActiveBorder#1f5b45
- terminal.ansiBlack#0b1630
- terminal.ansiBlue#71a7ff
- terminal.ansiBrightBlack#1a2a46
- terminal.ansiBrightBlue#9bc2ff
- terminal.ansiBrightCyan#92e7f1
- terminal.ansiBrightGreen#6be6b5
- terminal.ansiBrightMagenta#ddb4ff
- terminal.ansiBrightRed#ff8686
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#ffe08a
- terminal.ansiCyan#5fd1e5
- terminal.ansiGreen#1fda83
- terminal.ansiMagenta#c792ea
- terminal.ansiRed#ff6b6b
- terminal.ansiWhite#E6F1FF
- terminal.ansiYellow#ffd166
- terminal.background#0b1630
- terminal.foreground#E6F1FF
- testing.iconFailed#ff6b6b
- testing.iconPassed#6be6b5
- testing.iconQueued#ffd166
- testing.iconSkipped#7E8AA8
- testing.peekBorder#1f5b45
- testing.peekHeaderBackground#0d1b33
- textLink.activeForeground#71a7ff
- textLink.foreground#5fd1e5
- titleBar.activeBackground#0d1b33
- titleBar.activeForeground#C8D4F0
- titleBar.border#0e1c33
- titleBar.inactiveBackground#0f1e37
- titleBar.inactiveForeground#A8B2D1
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #7E8AA8 | italic |
| comment.block.documentation | #A8B2D1 | italic |
| keyword, storage.type, storage.modifier, keyword.control | #c792ea | — |
| variable, meta.definition.variable, variable.other.readwrite | #E6F1FF | — |
| variable.language, constant.language.undefined, constant.language.null | #9bc2ff | — |
| string, constant.character.escape | #a5e075 | — |
| constant.numeric, constant.language, number | #ffd166 | — |
| entity.name.function, support.function, meta.function-call | #82aaff | — |
| entity.name.type, support.type, support.class | #ffcb6b | — |
| punctuation, meta.brace, meta.delimiter | #C8D4F0 | — |
| entity.name.tag, support.class.component | #5fd1e5 | — |
| attribute.name, entity.other.attribute-name | #ffd580 | — |
| invalid, invalid.illegal | #ffffff | — |
| invalid.deprecated | #ffffff | strikethrough |
| comment.todo, keyword.other.todo | #6be6b5 | bold |
| comment.warning, keyword.other.fixme | #ffd166 | bold |
| comment.error | #ff6b6b | bold |
| comment.note | #71a7ff | bold |
| variable.language.this, variable.language.super | #ffd166 | bold |
| meta.import, keyword.control.import, keyword.control.export | #c792ea | — |
| support.variable.property, meta.property, variable.other.property | #c3e88d | — |
| string.template, punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end | #a5e075 | — |
| entity.name.tag.html, meta.tag, punctuation.definition.tag.begin, punctuation.definition.tag.end | #5fd1e5 | — |
| entity.other.attribute-name.html, meta.tag.attribute.html | #ffd580 | — |
| source.css entity.name.tag, support.type.property-name.css, meta.property-name.css | #c3e88d | — |
| constant.other.color, support.constant.color | #ddb4ff | — |
| meta.property-value.css, support.constant.property-value.css | #a5e075 | — |
| support.type.property-name.json, meta.object-literal.key, string.json | #c3e88d | — |
| punctuation.separator.key-value.ts, punctuation.separator.key-value, punctuation.separator.dictionary.key-value.yaml | #C8D4F0 | — |
| support.type.python, support.variable.magic.python, constant.language.python | #9bc2ff | — |
| entity.name.function.decorator.python, meta.annotation | #ddb4ff | — |
| variable.parameter.function.language.special.self.python | #ffd166 | bold |
| variable.other.php, punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php | #E6F1FF | — |
| support.class.php, entity.name.type.class.php | #ffcb6b | — |
| support.function.builtin.shell, variable.other.normal.shell | #82aaff | — |
| string.interpolated.dollar.shell | #a5e075 | — |
| support.function.construct.sql, keyword.other.DDL.create.sql, keyword.other.DML.select.sql | #c792ea | — |
| constant.numeric.sql | #ffd166 | — |
| markup.heading, markup.heading entity.name | #71a7ff | bold |
| markup.bold | — | bold |
| markup.italic | — | italic |
| markup.inline.raw | #a5e075 | — |
| markup.link, meta.link.inline, string.other.link.title.markdown | #5fd1e5 | — |
| punctuation.definition.list.begin.markdown | #ffd166 | — |
| markup.quote | #A8B2D1 | italic |
| fenced_code.block.language | #9bc2ff | — |