Skip to main content
Coding Theme

theme-ff

Publisher: felipesansiThemes in package: 3

theme-ff é um tema escuro sofisticado para o Visual Studio Code, projetado para oferecer uma experiência de codificação tranquila e produtiva. Com uma paleta de cores cuidadosamente selecionada, o tema proporciona um ambiente de trabalho moderno que é fácil para os olhos e perfeito para sessões de p

Color themes

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#260608
  • activityBar.foreground#00ffff
  • activityBarBadge.background#00ffff
  • button.background#ffa500
  • dropdown.background#260608
  • editor.background#260608
  • editor.findMatchBackground#f39d12d7
  • editor.findMatchHighlightBackground#59b8b377
  • editor.foreground#c0f0ff
  • editor.lineHighlightBorder#260608
  • editor.rangeHighlightBackground#372f3c40
  • editor.selectionBackground#546E7A
  • editor.selectionHighlightBackground#4840b380
  • editor.wordHighlightBackground#4840b380
  • editor.wordHighlightStrongBackground#181f2980
  • editorBracketMatch.background#372616
  • editorBracketMatch.border#c4d10c
  • editorCodeLens.foreground#c0c0c0
  • editorCursor.foreground#ffffff
  • editorError.foreground#ff4500
  • editorGroupHeader.tabsBackground#260608
  • editorGutter.addedBackground#45a9c7bb
  • editorGutter.deletedBackground#fc644dbb
  • editorGutter.modifiedBackground#4400e2bb
  • editorIndentGuide.background1#00ffff
  • editorLineNumber.foreground#00ffff
  • editorLink.activeForeground#00ffff
  • editorOverviewRuler.border#b36e40
  • editorRuler.foreground#00ffff
  • editorWarning.foreground#ffd700
  • editorWhitespace.foreground#6f408f
  • extensionButton.prominentBackground#283e47
  • extensionButton.prominentForeground#ffffff
  • extensionButton.prominentHoverBackground#16e03b
  • input.background#260608
  • inputOption.activeBorder#00ffff
  • list.activeSelectionBackground#66070d
  • list.focusBackground#260608
  • list.highlightForeground#ffffff
  • list.hoverBackground#66070d
  • list.inactiveSelectionBackground#2c293d
  • notificationCenter.border#00ffff
  • notificationCenterHeader.background#2c13b8
  • notificationLink.foreground#16371e
  • notifications.background#161e37
  • notifications.foreground#c0f0ff
  • panelTitle.activeForeground#ffffff
  • peekView.border#2c293d
  • scrollbarSlider.activeBackground#00ffff80
  • scrollbarSlider.background#00ffff
  • scrollbarSlider.hoverBackground#00ffff80
  • sideBar.background#260608
  • sideBarSectionHeader.background#260608
  • sideBarTitle.foreground#00ffff
  • statusBar.background#260608
  • statusBar.debuggingBackground#66070d
  • statusBar.noFolderBackground#260608
  • tab.activeForeground#fdfdff
  • tab.border#e47d7d
  • tab.inactiveBackground#260608
  • tab.inactiveForeground#ffffff
  • terminal.ansiWhite#ffffff
  • titleBar.activeBackground#260608

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
keyword, storage.type#ffa500bold
keyword.control, keyword.control.loop, keyword.control.conditional#ffa500bold
entity.name.type, entity.name.class, support.class, entity.other.inherited-class#b19cd9bold
constant, constant.numeric, constant.language.boolean, constant.language.null#7fffd4
string, string.quoted, string.template#00ffcc
entity.name.function, support.function, meta.function-call#1e90ffitalic
comment, punctuation.definition.comment#708090italic
keyword.import, keyword.export, keyword.from, storage.modifier.import#ffa500bold
entity.other.attribute-name, entity.other.attribute-name.class, entity.other.attribute-name.id#00ffff
entity.name.tag#9cc3d9bold
variable, meta.definition.variable, identifier#c0f0ff