Codename Theme
Publisher: GuasamThemes in package: 1
Codename theme 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.activeBorder#d0d7ddf5
- activityBar.activeFocusBorder#fe7ab2
- activityBar.background#1f1f1f
- activityBar.dropBorder#cf5555
- activityBar.foreground#d0d7ddf5
- activityBar.inactiveForeground#c7d4e56f
- activityBarBadge.background#a23b3b
- activityBarBadge.foreground#ffffffdd
- badge.background#a23b3b
- badge.foreground#ffffffdd
- breadcrumb.activeSelectionForeground#e1699b
- breadcrumb.background#1e1e1e
- breadcrumb.foreground#bbbbbb
- button.background#a23b3b
- button.foreground#ffffffcf
- button.secondaryBackground#3e4a54
- button.secondaryForeground#ffffffda
- diffEditor.insertedLineBackground#0c441794
- diffEditor.insertedTextBackground#0c441794
- diffEditor.removedLineBackground#5d141491
- diffEditor.removedTextBackground#5d141491
- dropdown.background#171717
- dropdown.border#4141417c
- dropdown.foreground#879eb7
- dropdown.listBackground#171717
- editor.background#151515
- editor.findMatchHighlightBackground#4a719392
- editor.foreground#bbbbbb
- editor.inactiveSelectionBackground#334b656c
- editor.lineHighlightBackground#222222ad
- editor.selectionBackground#334b656c
- editor.selectionHighlightBackground#35434f5b
- editor.wordHighlightBackground#24242476
- editorBracketMatch.background#242424
- editorBracketMatch.border#4e6374
- editorCursor.foreground#00bbffda
- editorGroupHeader.tabsBackground#1b1b1b
- editorIndentGuide.activeBackground1#976060c9
- editorIndentGuide.background1#2d2d2d
- editorInlayHint.background#252525e1
- editorInlayHint.foreground#8f9ca8c0
- editorSuggestWidget.background#121212
- editorSuggestWidget.border#5577933c
- editorSuggestWidget.foreground#d0d5dade
- editorSuggestWidget.selectedBackground#4e323e92
- editorSuggestWidget.selectedForeground#bbbbbb
- editorSuggestWidget.selectedIconForeground#bbbbbb
- focusBorder#91919139
- foreground#cccccc
- gitDecoration.addedResourceForeground#75bcf2ed
- gitDecoration.conflictingResourceForeground#ff98c4ed
- gitDecoration.deletedResourceForeground#ff9797ed
- gitDecoration.ignoredResourceForeground#787878
- gitDecoration.modifiedResourceForeground#7cb363
- gitDecoration.submoduleResourceForeground#699bdb
- gitDecoration.untrackedResourceForeground#49abab
- icon.foreground#a5a5a5b3
- input.background#171717
- input.foreground#a6b5c2e6
- input.placeholderForeground#a6b5c27a
- list.activeSelectionBackground#343434a9
- list.activeSelectionForeground#d0d0d0
- list.errorForeground#e58a8a
- list.focusOutline#383838a9
- list.highlightForeground#de635d
- list.hoverBackground#2a2a2abb
- list.hoverForeground#cdcdcd
- list.inactiveSelectionBackground#343434a9
- list.inactiveSelectionForeground#d0d0d0
- menu.background#181818
- menu.border#696d713c
- menu.foreground#d0d5dade
- menu.selectionBackground#2b2d31bb
- menu.selectionForeground#cdcdcd
- menu.separatorBackground#696d713c
- notifications.background#222425
- notifications.border#2f3234
- notificationsErrorIcon.foreground#ff98c4ed
- notificationsInfoIcon.foreground#75bcf2ed
- notificationsWarningIcon.foreground#ffbf67e0
- panelTitle.activeBorder#92a3b1
- panelTitle.activeForeground#92a3b1
- panelTitle.inactiveForeground#e7e7e799
- peekView.border#55779359
- peekViewEditor.background#282b2d
- peekViewEditor.matchHighlightBackground#4a719392
- peekViewResult.background#222425
- peekViewResult.fileForeground#a3a3a3
- peekViewResult.lineForeground#a3a3a3
- peekViewResult.matchHighlightBackground#4a719392
- peekViewResult.selectionBackground#35434fbd
- peekViewResult.selectionForeground#b9cfe2ea
- peekViewTitle.background#222425
- peekViewTitleDescription.foreground#8ac0f6c4
- peekViewTitleLabel.foreground#c4d0dcde
- pickerGroup.foreground#f68a8ac4
- quickInput.background#181818
- scmGraph.foreground1#ff8c69
- scmGraph.foreground2#d56d95
- scmGraph.historyItemBaseRefColor#4ec9b0
- scmGraph.historyItemRefColor#598942
- scmGraph.historyItemRemoteRefColor#d56d95
- scrollbar.shadow#111111b2
- scrollbarSlider.activeBackground#4b5763bb
- scrollbarSlider.background#3e485180
- scrollbarSlider.hoverBackground#3e4851b3
- settings.dropdownBackground#171717
- settings.dropdownBorder#262626
- settings.dropdownForeground#a6b5c2e6
- settings.focusedRowBackground#222425
- settings.focusedRowBorder#5577933c
- settings.headerBorder#262626
- settings.headerForeground#92a3b1
- settings.modifiedItemIndicator#596977
- settings.rowHoverBackground#222425cc
- sideBar.background#1a1a1a
- sideBar.dropBackground#272f3a
- sideBar.foreground#b6b6b6
- sideBarSectionHeader.background#2d2d2d
- sideBarSectionHeader.border#00000041
- sideBarSectionHeader.foreground#919191
- sideBarTitle.foreground#bbbbbbd4
- statusBar.background#1b1b1b
- statusBar.border#131313
- statusBar.debuggingBackground#843838
- statusBar.foreground#cccccc
- statusBar.noFolderBackground#452f2f
- symbolIcon.arrayForeground#9c9c9c
- symbolIcon.booleanForeground#cf7c7c
- symbolIcon.classForeground#59ae8b
- symbolIcon.constantForeground#cf7c7c
- symbolIcon.constructorForeground#d39a69
- symbolIcon.fieldForeground#92b4b1
- symbolIcon.functionForeground#c1a860
- symbolIcon.interfaceForeground#3a9c93
- symbolIcon.methodForeground#c1a860
- symbolIcon.moduleForeground#9c9c9c
- symbolIcon.namespaceForeground#d39a69
- symbolIcon.numberForeground#cf7c7c
- symbolIcon.objectForeground#cf7c9f
- symbolIcon.propertyForeground#92b4b1
- symbolIcon.stringForeground#53ab62
- symbolIcon.variableForeground#92b4b1
- tab.activeBackground#151515
- tab.activeForeground#bbbbbb
- tab.activeModifiedBorder#775555e6
- tab.border#111111e9
- tab.hoverForeground#bbbbbb
- tab.inactiveBackground#292929
- tab.inactiveForeground#9e9d9d
- terminal.background#000
- textLink.activeForeground#da7a71c4
- textLink.foreground#f6938ac4
- textPreformat.foreground#e08baee0
- titleBar.activeBackground#181818
- titleBar.activeForeground#CCCCCC
- titleBar.inactiveBackground#1F1F1F
- titleBar.inactiveForeground#9D9D9D
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| string.quoted, string.template, string.interpolated.single.dart | #dc967a | — |
| comment, punctuation.definition.comment, punctuation.definition.generic, punctuation.definition.link.title, punctuation.definition.metadata.markdown, punctuation.definition.list, markup.heading, punctuation.definition.raw.markdown, meta.separator.markdown, markup.fenced_code.block | #6A9955 | — |
| constant.numeric, support.constant.property-value.css | #ff8c69 | — |
| variable.other, meta.definition.variable.name, meta.definition.type.body, support.type.property-name, source.css variable, source.coffee.embedded, meta.import variable.other.readwrite.alias, meta.import entity.name.type, meta.object.member | #d4d4d4 | — |
| keyword, keyword.other, keyword.operator.new, keyword.operator.expression, keyword.operator.cast, keyword.operator.sizeof, keyword.operator.alignof, keyword.operator.typeid, keyword.operator.alignas, keyword.operator.instanceof, keyword.operator.logical.python, keyword.operator.wordlike, variable.language.this, variable.language.this punctuation.definition.variable.php, variable.language.super, keyword.other.typedef, constant.language, constant.other, fenced_code.block.language, markup.fenced_code.block punctuation.definition, entity.name.tag, variable.other.env | #d56d95 | — |
| storage.type, storage.modifier, keyword.control, source.cpp keyword.operator.new, keyword.operator.delete, keyword.other.using, keyword.other.directive.using, keyword.other.operator, keyword.other.declaration-specifier.accessibility, keyword.other.declaration-specifier, entity.name.operator, support.type.builtin, string.unquoted.plain.out.yaml entity.name.tag, support.variable | #d56d95 | bold |
| meta.type.cast.expr, meta.type.new.expr, support.constant.math, support.constant.dom, support.constant.json, entity.other.inherited-class, entity.name.type, meta.type.parameters support.type.primitive, markup.heading.markdown | #4EC9B0 | — |
| source entity.other.inherited-class, meta.return.type, support.type.primitive | #4ec1c9 | — |
| meta.definition.property, string variable.other.property, variable.other.constant.property, meta.object.member variable.other.property, variable.other.property, meta.argument.shell | #83b1d6 | — |
| storage.modifier.attribute, variable.parameter | #b3a3d4 | — |
| keyword.operator | #d4d4d4 | — |
| punctuation.accessor.optional, punctuation.definition.template-expression | #d4d4d4ca | — |
| variable.other.constant, support.type.property-name.json | #9dd1ec | — |
| __ | #d56d95 | — |
| variable.function, entity.name.function, support.function, support.constant.handlebars, source.powershell variable.other.member, entity.name.operator.custom-literal, entity.name.function.preprocessor | #dcc39f | — |
| entity.other.attribute-name | #badcaa | — |
| support.class.component | #569cd6 | — |
| punctuation.definition.comment.shell, comment.line.number-sign.shell | #6b9955dc | — |
| punctuation.definition.tag, punctuation.definition.heading, punctuation.definition.bold, punctuation.definition.italic, punctuation.definition.list.begin, punctuation.definition.list.end, punctuation.definition.quote.begin, punctuation.definition.quote.end, punctuation.definition.link, punctuation.definition.metadata, punctuation.section.embedded | #808080 | — |
| markup.bold.markdown | — | bold |
| markup.italic.markdown | — | italic |