Skip to main content
Coding Theme

Notepad++ Classic Theme (LuaLS)

Publisher: AyniThemes in package: 1

Light theme inspired by Notepad++ with enhanced Lua support: semantic highlighting, cross-file alias detection, fold underlines, unused code differentiation

Open in VS Code (opens extension in 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.

  • actionBar.toggledBackground#dddddd
  • activityBar.activeBorder#faaa3c
  • activityBar.background#ffffff
  • activityBar.border#f0f0f0
  • activityBar.foreground#000000
  • activityBar.inactiveForeground#808080
  • activityBarBadge.background#007acc
  • activityBarBadge.foreground#ffffff
  • badge.background#007acc
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#000000
  • breadcrumb.background#ffffff
  • breadcrumb.focusForeground#000000
  • breadcrumb.foreground#808080
  • breadcrumbPicker.background#f0f0f0
  • button.background#007acc
  • button.foreground#ffffff
  • button.hoverBackground#0062a3
  • button.secondaryBackground#f0f0f0
  • button.secondaryForeground#000000
  • button.secondaryHoverBackground#c0c0c0
  • checkbox.background#ffffff
  • checkbox.border#c0c0c0
  • debugToolBar.background#f0f0f0
  • debugToolBar.border#f0f0f0
  • descriptionForeground#808080
  • dropdown.background#ffffff
  • dropdown.border#c0c0c0
  • dropdown.foreground#000000
  • dropdown.listBackground#ffffff
  • editor.background#ffffff
  • editor.foldBackground#00000000
  • editor.foreground#000000
  • editor.inactiveSelectionBackground#e5ebf1
  • editor.lineHighlightBackground#e8e8ff
  • editor.lineHighlightBorder#e8e8ff
  • editor.selectionBackground#c0c0c0
  • editor.selectionHighlightBackground#00ff0064
  • editorBracketHighlight.foreground1#000080
  • editorBracketHighlight.foreground2#000080
  • editorBracketHighlight.foreground3#000080
  • editorBracketHighlight.foreground4#000080
  • editorBracketHighlight.foreground5#000080
  • editorBracketHighlight.foreground6#000080
  • editorBracketMatch.background#ff000030
  • editorBracketMatch.border#ff0000
  • editorCursor.foreground#8000ff
  • editorGroup.border#f0f0f0
  • editorGroupHeader.tabsBackground#f0f0f0
  • editorGroupHeader.tabsBorder#00000000
  • editorGutter.addedBackground#2ea043
  • editorGutter.background#e4e4e4
  • editorGutter.deletedBackground#f85149
  • editorGutter.modifiedBackground#007acc
  • editorHoverWidget.background#f0f0f0
  • editorHoverWidget.border#c0c0c0
  • editorIndentGuide.activeBackground#ff0000
  • editorIndentGuide.background#c0c0c0
  • editorLineNumber.activeForeground#808080
  • editorLineNumber.foreground#808080
  • editorOverviewRuler.border#f0f0f0
  • editorSuggestWidget.background#f0f0f0
  • editorSuggestWidget.foreground#000000
  • editorSuggestWidget.selectedBackground#cce8ff
  • editorWidget.background#f0f0f0
  • editorWidget.border#c0c0c0
  • editorWidget.foreground#000000
  • editorWidget.resizeBorder#007acc
  • errorForeground#a1260d
  • focusBorder#007acc
  • foreground#000000
  • gitDecoration.addedResourceForeground#005a00
  • gitDecoration.conflictingResourceForeground#6c6cc4
  • gitDecoration.deletedResourceForeground#ad0707
  • gitDecoration.ignoredResourceForeground#8b8b8b
  • gitDecoration.modifiedResourceForeground#895503
  • gitDecoration.renamedResourceForeground#005a00
  • gitDecoration.stageDeletedResourceForeground#ad0707
  • gitDecoration.stageModifiedResourceForeground#895503
  • gitDecoration.submoduleResourceForeground#1258a7
  • gitDecoration.untrackedResourceForeground#005a00
  • icon.foreground#000000
  • input.background#ffffff
  • input.border#c0c0c0
  • input.foreground#000000
  • input.placeholderForeground#808080
  • inputOption.activeBackground#cce8ff
  • inputOption.activeBorder#007acc
  • inputOption.activeForeground#000000
  • keybindingLabel.background#dddddd66
  • keybindingLabel.border#cccccc66
  • keybindingLabel.bottomBorder#bbbbbb66
  • keybindingLabel.foreground#000000
  • list.activeSelectionBackground#cce8ff
  • list.activeSelectionForeground#000000
  • list.activeSelectionIconForeground#000000
  • list.dropBackground#e5f3ff
  • list.focusAndSelectionOutline#007acc
  • list.focusOutline#00000000
  • list.highlightForeground#007acc
  • list.hoverBackground#e5f3ff
  • list.inactiveSelectionBackground#d9d9d9
  • list.warningForeground#7d6608
  • menu.background#f0f0f0
  • menu.border#c0c0c0
  • menu.foreground#000000
  • menu.selectionBackground#007acc
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#c0c0c0
  • menubar.selectionBackground#0000001a
  • menubar.selectionForeground#000000
  • minimapSlider.activeBackground#64646499
  • minimapSlider.background#64646433
  • minimapSlider.hoverBackground#64646466
  • notificationCenterHeader.background#f0f0f0
  • notificationCenterHeader.foreground#000000
  • notificationLink.foreground#007acc
  • notifications.background#f0f0f0
  • notifications.border#f0f0f0
  • notifications.foreground#000000
  • panel.background#f0f0f0
  • panel.border#000000
  • panelInput.border#c0c0c0
  • panelSection.border#f0f0f0
  • panelSectionHeader.background#f0f0f0
  • panelTitle.activeBorder#faaa3c
  • panelTitle.activeForeground#000000
  • panelTitle.inactiveForeground#808080
  • peekView.border#007acc
  • peekViewEditor.background#f2f8fc
  • peekViewEditor.matchHighlightBackground#bb800966
  • peekViewEditorGutter.background#f2f8fc
  • peekViewResult.background#f0f0f0
  • peekViewResult.fileForeground#000000
  • peekViewResult.lineForeground#000000
  • peekViewResult.matchHighlightBackground#bb800966
  • peekViewResult.selectionBackground#007acc
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#f0f0f0
  • peekViewTitleDescription.foreground#808080
  • peekViewTitleLabel.foreground#000000
  • pickerGroup.border#f0f0f0
  • pickerGroup.foreground#808080
  • progressBar.background#007acc
  • quickInput.background#f0f0f0
  • quickInput.foreground#000000
  • quickInputList.focusBackground#cce8ff
  • quickInputList.focusForeground#000000
  • quickInputTitle.background#0000000f
  • scrollbar.shadow#dddddd
  • scrollbarSlider.activeBackground#00000099
  • scrollbarSlider.background#64646466
  • scrollbarSlider.hoverBackground#646464b3
  • searchEditor.textInputBorder#c0c0c0
  • selection.background#c0c0c0
  • settings.dropdownBackground#ffffff
  • settings.dropdownBorder#c0c0c0
  • settings.headerForeground#000000
  • settings.modifiedItemIndicator#faaa3c
  • settings.numberInputBorder#c0c0c0
  • settings.textInputBorder#c0c0c0
  • sideBar.background#ffffff
  • sideBar.border#000000
  • sideBar.foreground#000000
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#f0f0f0
  • sideBarSectionHeader.foreground#000000
  • sideBarTitle.foreground#000000
  • statusBar.background#f0f0f0
  • statusBar.border#000000
  • statusBar.debuggingBackground#f0f0f0
  • statusBar.debuggingForeground#000000
  • statusBar.focusBorder#007acc
  • statusBar.foreground#000000
  • statusBar.noFolderBackground#f0f0f0
  • statusBarItem.compactHoverBackground#c0c0c0
  • statusBarItem.errorBackground#c72e0f
  • statusBarItem.focusBorder#007acc
  • statusBarItem.hoverBackground#0000001f
  • statusBarItem.hoverForeground#000000
  • statusBarItem.prominentBackground#0000001f
  • statusBarItem.remoteBackground#16825d
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#f0f0f0
  • tab.activeBorderTop#faaa3c
  • tab.activeForeground#000000
  • tab.border#00000000
  • tab.hoverBackground#f0f0f0
  • tab.inactiveBackground#d5d5d5
  • tab.inactiveForeground#333333
  • tab.lastPinnedBorder#c0c0c0
  • tab.selectedForeground#000000
  • tab.unfocusedActiveBorderTop#f0f0f0
  • tab.unfocusedHoverBackground#f0f0f0
  • textBlockQuote.background#f0f0f0
  • textBlockQuote.border#f0f0f0
  • textCodeBlock.background#f0f0f0
  • textLink.activeForeground#007acc
  • textLink.foreground#007acc
  • textPreformat.foreground#000000
  • textSeparator.foreground#000000
  • titleBar.activeBackground#ffffff
  • titleBar.activeForeground#000000
  • titleBar.border#f0f0f0
  • titleBar.inactiveBackground#ffffff
  • titleBar.inactiveForeground#808080
  • toolbar.hoverBackground#0000001a
  • tree.indentGuidesStroke#6d6d6d
  • welcomePage.background#ffffff
  • welcomePage.tileBackground#f0f0f0
  • widget.border#c0c0c0

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#008000
comment.documentation, comment.block.documentation, comment.block.javadoc, comment.line.double-slash.documentation, punctuation.definition.block.tag.jsdoc, storage.type.class.jsdoc#008080
comment.line.double-dash.documentation.lua#008000
comment support, comment storage, comment storage.type, comment entity, comment variable, comment keyword.operator, comment support.function.library-blue.lua, comment support.function.library-purple.lua, comment support.other.namespace-blue.lua, comment support.other.namespace-purple.lua, comment entity.other.metafield.lua, comment support.function.lua, comment punctuation.definition.block.tag#008000
keyword, constant.language, storage.modifier.extends, storage.type.namespace.directive, variable.language, keyword.operator.delete#0000ffbold
storage.modifier.import, storage.modifier.package#000000—
constant.numeric#ff8000—
string.quoted.double, string.quoted.single#808080
string.quoted.double.xml, string.quoted.double.html#8000ffbold
string.template#000080
punctuation.bracket, punctuation.separator, punctuation.terminator, punctuation.section, punctuation.definition.parameters, punctuation.definition.begin, punctuation.definition.end, punctuation.definition.block, meta.brace.round, meta.brace.square, storage.type.function.arrow#000080bold
keyword.operator#000080
keyword.control.directive, meta.preprocessor#804000
storage.modifier, keyword.other.package, storage.type#8000FF
storage.type.java, storage.type.generic.java, storage.type.annotation#000000
entity.other.attribute-name, punctuation.separator.namespace#FF0000
entity.name.tag, meta.tag#0000FF
meta.tag.preprocessor#FF0000—
support.type.property-name.json#8000ff—
string.quoted.double.json#800000—
constant.language.json#18af8abold
constant.language.register#8080ff—
entity.other.attribute-name.pseudo-class#ff8000bold
meta.property-value, keyword.other.unit.px, keyword.other.unit.percentage, constant.numeric.css#000000bold
support.type.property-name.css#8080c0bold
punctuation.separator.key-value.html#000000
storage.type.function, storage.type.js#0000ffbold
markup.heading.markdown#ff8000bold
markup.list.unnumbered.markdown#000080italic
punctuation.definition.link.description, string.other.link.description.markdown#8000ffitalic
constant.language.python, support.function.builtin.python#880088bold
entity.name.function.python, support.function.magic.python#ff00ff
string.quoted.docstring.multi.python#ff8000
constant.numeric.dec.python, constant.numeric.float.python#ff0000
support.function.builtin.shell#0000ffbold
support.other.namespace-blue.lua, support.function.library-blue.lua, entity.other.metafield.lua, support.function.lua#0080C0bold
support.function.library-purple.lua, support.other.namespace-purple.lua#8000FFbold
storage.type.annotation.lua#008000—
keyword.operator.logical.lua#0000FFbold
Notepad++ Classic Theme (LuaLS) by Ayni - VS Code Theme