Skip to main content
Coding Theme

FluxxWave Theme

Publisher: Vinicius SantanaThemes in package: 1

FluxxWave Theme é um tema cuidadosamente projetado para desenvolvedores que passam horas codificando. Com uma paleta de cores suaves, equilibradas e agradáveis aos olhos, ele proporciona conforto visual durante longas sessões de programação, sem cansar a vista. Cada cor foi escolhida para destacar s

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#1c1d25
  • activityBar.foreground#82AAFF
  • activityBar.inactiveForeground#47505c
  • activityBarBadge.background#82AAFF
  • activityBarBadge.foreground#F8F8F2
  • breadcrumb.background#1a1a22
  • breadcrumb.focusForeground#82AAFF
  • breadcrumb.foreground#6272A4
  • breadcrumbPicker.background#1a1a22
  • button.background#82AAFF
  • button.foreground#F8F8F2
  • button.hoverBackground#82AAFF
  • charts.foreground#82AAFF
  • charts.lines#82AAFF
  • debugIcon.breakpointForeground#82AAFF
  • debugIcon.breakpointUnverifiedForeground#2c834177
  • descriptionForeground#6272A4
  • dropdown.background#282a36
  • dropdown.listBackground#282a36
  • editor.background#1a1a22
  • editor.findMatchBackground#82AAFF40
  • editor.findMatchHighlightBackground#82AAFF40
  • editor.foreground#F8F8F2
  • editor.hoverHighlightBackground#6272A450
  • editor.inactiveSelectionBackground#44475A80
  • editor.lineHighlightBackground#44475A55
  • editor.selectionBackground#44475A
  • editor.selectionHighlightBackground#44475A
  • editor.wordHighlightBackground#44475A
  • editor.wordHighlightStrongBackground#44475A
  • editorBracketMatch.background#00000000
  • editorBracketMatch.border#f8ffae
  • editorCodeLens.foreground#6272A4
  • editorCursor.foreground#82AAFF
  • editorError.foreground#FF5555
  • editorGroup.border#00000000
  • editorGroupHeader.noTabsBackground#1a1a22
  • editorGroupHeader.tabsBackground#1a1a22
  • editorIndentGuide.background1#6272A4
  • editorInfo.foreground#5977d1
  • editorLineNumber.activeForeground#82AAFF
  • editorLineNumber.foreground#6272A4
  • editorLink.activeForegrounddefault
  • editorOverviewRuler.border#00000000
  • editorOverviewRuler.currentContentForeground#82AAFF40
  • editorOverviewRuler.incomingContentForeground#6272A440
  • editorRuler.foreground#44475A
  • editorWarning.foreground#F1FA8C
  • editorWhitespace.foreground#44475A
  • editorWidget.background#1a1a22
  • editorWidget.border#44475A
  • errorForeground#FF5555
  • extensionButton.prominentBackground#82AAFF
  • extensionButton.prominentForeground#333438
  • focusBorder#82AAFF
  • foreground#F8F8F2
  • gitDecoration.addedResourceForeground#82AAFF
  • gitDecoration.deletedResourceForeground#FF5555
  • gitDecoration.modifiedResourceForeground#f1fa8c
  • input.background#44475A
  • input.foreground#F8F8F2
  • input.placeholderForeground#6272A4
  • list.activeSelectionBackground#44475A
  • list.activeSelectionForeground#F8F8F2
  • list.errorForeground#FF5555
  • list.focusBackground#44475A
  • list.focusOutline#82AAFF
  • list.highlightForeground#82AAFF
  • list.hoverBackground#35384eda
  • list.inactiveSelectionBackground#35384eda
  • list.inactiveSelectionForeground#F8F8F2
  • list.warningForeground#F1FA8C
  • listFilterWidget.background#1a1a22
  • listFilterWidget.noMatchesOutline#FF5555
  • listFilterWidget.outline#82AAFF
  • listFilterWidget.shadow#00000055
  • menu.background#1a1a22
  • menu.foreground#f8f8f2
  • menu.selectionBackground#35384eda
  • menu.selectionBorder#44475a
  • menu.selectionForeground#f8f8f2
  • menu.separatorBackground#82AAFF
  • minimap.background#282A36
  • minimap.findMatchHighlight#00000000
  • minimap.selectionHighlight#00000000
  • notificationCenterHeader.background#1a1a22
  • notificationLink.foreground#82AAFF
  • notifications.background#1a1a22
  • notifications.foreground#F8F8F2
  • notificationsErrorIcon.foreground#FF5555
  • notificationsInfoIcon.foreground#5977d1
  • notificationsWarningIcon.foreground#F1FA8C
  • notificationToast.border#82AAFF
  • panel.background#1a1a22
  • panel.border#00000000
  • panelTitle.activeForeground#82AAFF
  • panelTitle.inactiveForeground#6272A4
  • peekViewEditor.background#1a1a22
  • peekViewResult.background#282A36
  • peekViewResult.selectionBackground#35384eda
  • peekViewTitle.background#1c1d25
  • peekViewTitleLabel.foreground#82AAFF
  • pickerGroup.border#00000000
  • pickerGroup.foreground#82AAFF
  • quickInput.background#1a1a22
  • quickInput.foreground#f8f8f2
  • quickInputList.focusBackground#35384eda
  • quickInputList.focusForeground#F8F8F2
  • scrollbar.shadow#00000000
  • scrollbarSlider.activeBackground#525151b4
  • scrollbarSlider.background#525151b4
  • scrollbarSlider.hoverBackground#525151b4
  • selection.background#82AAFF
  • sideBar.background#21212b
  • sideBar.border#00000000
  • sideBar.foreground#82AAFF
  • sideBarSectionHeader.background#1a1a22
  • sideBarSectionHeader.foreground#82AAFF
  • sideBarTitle.background#1a1a22
  • sideBarTitle.foreground#82AAFF
  • statusBar.background#1a1a22
  • statusBar.debuggingBackground#1c1d25
  • statusBar.debuggingForeground#82AAFF
  • statusBar.foreground#82AAFF
  • statusBar.noFolderBackground#1c1d25
  • statusBarItem.activeBackground#82AAFF
  • statusBarItem.errorBackgrounddefault
  • statusBarItem.hoverBackground#47505c
  • statusBarItem.offlineBackgrounddefault
  • tab.activeBackground#1c1d25
  • tab.activeBorder#82AAFF
  • tab.activeForeground#f8f8f2
  • tab.hoverBackground#35384eda
  • tab.inactiveBackground#21212b
  • tab.inactiveForeground#ffffff7e
  • terminal.ansiBlack#21222C
  • terminal.ansiBlue#BD93F9
  • terminal.ansiCyan#8BE9FD
  • terminal.ansiGreen#82AAFF
  • terminal.ansiMagenta#FF79C6
  • terminal.ansiRed#FF5555
  • terminal.ansiWhite#F8F8F2
  • terminal.ansiYellow#F1FA8C
  • terminal.background#1a1a22
  • terminal.foreground#82AAFF
  • terminal.selectionBackground#44475A
  • terminalCursor.background#82AAFF
  • textBlockQuote.background#1a1a22
  • textLink.foreground#82AAFF
  • textPreformat.foreground#f8f8f2
  • textSeparator.foreground#44475A
  • titleBar.activeBackground#1c1d25
  • titleBar.activeForeground#82AAFF
  • titleBar.inactiveBackground#1c1d25
  • titleBar.inactiveForeground#82AAFF
  • welcomePage.progress.background#1a1a22
  • welcomePage.progress.foreground#82AAFF
  • welcomePage.tileBackground#1a1a22
  • welcomePage.tileHoverBackground#35384eda
  • widget.shadow#00000055

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#6272a4italic
string, markup.quoted#f1fa8citalic
constant.numeric, constant.language, constant.character, constant.other#bd93f9italic
keyword, storage.type, storage.modifier#ff79c6italic
variable.other, variable.parameter#f8f8f2italic
keyword.operator#ff79c6italic
entity.name.function, support.function, meta.function-call#50fa7bitalic
entity.name.type, entity.name.class, entity.other.inherited-class#ffcb6bitalic
invalid, invalid.illegal#ff5555italic
punctuation#f8f8f2italic
support.type, support.class#8be9fditalic
keyword.control, keyword.control.flow#ff79c6italic
variable.language.this, variable.language.self#ffb86citalic
meta.object-literal.key, meta.property.object#f1fa8citalic
string.template#8be9fditalic
entity.name.tag.js.jsx, entity.name.tag.tsx#8be9fditalic
punctuation.definition.tag.jsx, punctuation.definition.tag.tsx#ff79c6italic
entity.name.tag.html, entity.name.tag.xml#ff79c6italic
entity.other.attribute-name.html, entity.other.attribute-name.xml#50fa7bitalic
punctuation.definition.tag#6272a4italic
entity.other.attribute-name.class#ffb86citalic
entity.other.attribute-name.id#ffcb6bitalic
support.type.property-name.css, meta.property-name.css#8be9fditalic
support.constant.property-value.css, constant.other.color.rgb-value#f1fa8citalic
markup.heading#50fa7bitalic
support.type.property-name.json#ffb86citalic
string.quoted.double.json#f1fa8citalic
source.other#f8f8f2italic
FluxxWave Theme by Vinicius Santana - VS Code Theme