Skip to main content
Coding Theme

greenlittlefafa

Publisher: littlefafaThemes in package: 1

This is my favorite green, girls must love

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.activeBackground#7eaa45
  • activityBar.activeBorder#7eaa45
  • activityBar.background#f5f8e8
  • activityBar.foreground#5e8f0b
  • activityBarBadge.foreground#615b0b
  • button.background#7eaa45
  • button.foreground#5b308d
  • button.hoverBackground#b4b104
  • dropdown.background#f5f8e8
  • editor.background#f5f8e8
  • editor.foreground#3d4e37
  • editor.lineHighlightBackground#dfe6b6
  • editor.selectionBackground#c0a1e956
  • editorGroupHeader.tabsBackground#f5f8e8
  • editorIndentGuide.background#beb997
  • editorLineNumber.foreground#50791b
  • editorRuler.foreground#333333
  • list.activeSelectionBackground#9dc41d99
  • list.focusBackground#acc71254
  • menu.selectionBackground#7eaa45
  • scrollbarSlider.background#7eaa45
  • sideBar.background#f5f8e8
  • sideBarSectionHeader.background#7eaa45
  • sideBarTitle.foreground#0f0f0f
  • statusBar.background#f5f8e8
  • statusBar.foreground#3b4213
  • statusBar.noFolderBackground#7eaa45
  • symbolIcon.folderForeground#577723
  • tab.activeBackground#6faa2259
  • tab.activeBorder#3b661e
  • tab.activeForeground#36312abe
  • tab.hoverBackground#c9e6b29f
  • tab.inactiveBackground#f5f8e8
  • terminal.border#52770c
  • textLink.foreground#4b3a53
  • titleBar.activeBackground#7eaa45

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#c98e22d7italic
punctuation.definition.comment#b6b90bc9italic
comment.block.preprocessor#AAAAAA
comment.documentation, comment.block.documentation#76af5f
invalid.illegal#5cffc0
keyword.operator#777777
keyword, storage#288034
storage.type, support.type#4067afd8
constant.language, support.constant, variable.language#a85811
variable, support.variable#4c8f26
variable.other.property#b9ad00
entity.name.function, support.function#0eb2cfe3
entity.name.type, entity.other.inherited-class, support.class#048a5d
entity.name.exception#660000
entity.name.section
constant.numeric, constant.character, constant#6e85c4
string#155048
constant.character.escape#777777
string.regexp#4B83CD
constant.other.symbol#04949e
punctuation#777777
meta.tag.sgml.doctype, meta.tag.sgml.doctype string, meta.tag.sgml.doctype entity.name.tag, meta.tag.sgml punctuation.definition.tag.html#AAAAAA
meta.tag, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html#49791ce3
entity.name.tag#7a851a
meta.tag entity.other.attribute-name, entity.other.attribute-name.html#c255b3italic
constant.character.entity, punctuation.definition.entity#AB6526
meta.selector, meta.selector entity, meta.selector entity punctuation, entity.name.tag.css#7A3E9D
meta.property-name, support.type.property-name#6fa709
meta.property-value, meta.property-value constant.other, support.constant.property-value#2e800e
keyword.other.important
markup.changed#000000
markup.deleted#000000
markup.italicitalic
markup.error#660000
markup.inserted#000000
meta.link#4B83CD
markup.output, markup.raw#777777
markup.prompt#777777
markup.heading#AA3731
markup.bold
markup.traceback#660000
markup.underlineunderline
markup.quote#c7ab8a
markup.list#4B83CD
markup.bold, markup.italic#448C27
markup.inline.raw#AB6526
meta.diff.range, meta.diff.index, meta.separator#434343
meta.diff.header.from-file#434343
meta.diff.header.to-file#434343
variable.language#bb4108
variable.parameter#6aa7b9italic
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution#87b922underline
constant.other.symbol.hashkey.ruby, keyword.operator.dereference.java, keyword.operator.navigation.groovy, meta.scope.for-loop.shell punctuation.definition.string.begin, meta.scope.for-loop.shell punctuation.definition.string.end, meta.scope.for-loop.shell string, storage.modifier.import, punctuation.section.embedded.begin.tsx, punctuation.section.embedded.end.tsx, punctuation.section.embedded.begin.jsx, punctuation.section.embedded.end.jsx, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.separator.list.comma.css, constant.language.empty-list.haskell#2D3033
punctuation.parens.ellipses.elm#639999
string.regexp, record.name, support.other.variable, string.other.link, support.variable.property, support.type.property-name.json#df9408
keyword.operator.class, source.php.embedded.line, constant.type-constructor#639999
record.accessor, support.variable.dom, variable.other.object, markup.inline.raw.string.markdown#557275
constant.numeric, constant.language, support.constant, constant.character, variable.parameter, punctuation.section.embedded, keyword.other.unit, support.module#75aa31
entity.name.tag, markup.heading.markdown#367518
meta.tag.inline.any, meta.tag.any.html, meta.tag.other.html, meta.tag.block.any.html#7e71af
meta.separator#2D3033

Shiki preview

TypeScript sample highlighted with this variant's colors and tokenColors.

Loading...

greenlittlefafa - Coding Theme