Fayrooza
Publisher: hassanoof93Themes in package: 13
Beautiful Color Themes & Icon Themes for vscode
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#1b1c1f
- activityBar.border#17171a
- activityBar.foreground#a37a43
- activityBarBadge.background#c77100
- badge.background#c77100
- badge.foreground#fff
- button.background#d67900
- button.foreground#ffffff
- button.hoverBackground#b46600fa
- descriptionForeground#bcb28d
- dropdown.background#262729
- dropdown.foreground#b3a883
- editor.background#1f2023
- editor.findMatchBorder#bcb28d66
- editor.findMatchHighlightBackground#2c5a65
- editor.findRangeHighlightBackground#2c5a65
- editor.foreground#bcb28d
- editor.lineHighlightBackground#282b31
- editor.lineHighlightBorder#1f2023
- editor.selectionBackground#6b4f0073
- editor.selectionHighlightBackground#394645
- editor.wordHighlightBackground#6b4f0073
- editorBracketMatch.background#ffffff00
- editorBracketMatch.border#886b67
- editorCursor.foreground#bcb28d
- editorError.foreground#E03C8A
- editorGroupHeader.tabsBackground#212121
- editorGroupHeader.tabsBorder#17171a
- editorGutter.background#1f2023
- editorLineNumber.foreground#43474c
- editorLink.activeForeground#999
- editorSuggestWidget.selectedBackground#243d46
- editorWarning.foreground#e6844f
- editorWidget.background#282b31
- editorWidget.border#555
- errorForeground#E03C8A
- focusBorder#1F2023
- foreground#b3aa87
- gitDecoration.ignoredResourceForeground#505f55
- list.activeSelectionBackground#313131
- list.activeSelectionForeground#ffae00
- list.errorForeground#a80428
- list.focusBackground#5e3500ab
- list.focusForeground#bcb28d
- list.highlightForeground#93a1a1
- list.hoverBackground#3d230080
- list.hoverForeground#bcb28d
- list.inactiveFocusBackground#243d46
- list.inactiveSelectionBackground#583c005e
- list.inactiveSelectionForeground#bcb28d
- list.warningForeground#e6844f
- panel.background#1b1c1f
- panel.border#17171a
- panelTitle.activeBorder#c77100
- panelTitle.activeForeground#ff9900
- panelTitle.inactiveForeground#646464
- scrollbar.shadow#1F2023
- selection.background#6b4f0073
- sideBar.background#1b1c1f
- sideBar.border#17171a
- sideBar.foreground#7c7770
- sideBarSectionHeader.background#1f2023
- sideBarSectionHeader.foreground#999
- sideBarTitle.foreground#999
- statusBar.background#1b1c1f
- statusBar.border#17171a
- statusBar.debuggingBackground#948c6e
- statusBar.debuggingForeground#1f2023
- statusBar.foreground#ffb20d
- statusBar.noFolderBackground#1f2023
- statusBar.noFolderForeground#bcb28d
- tab.activeBackground#1f2023
- tab.activeBorder#c77100
- tab.activeForeground#ff9900
- tab.border#17171a
- tab.hoverBackground#282b31
- tab.inactiveBackground#212121
- tab.inactiveForeground#646464
- terminal.ansiBlack#2c5a65
- terminal.ansiBlue#58b2dc
- terminal.ansiBrightBlack#666666
- terminal.ansiBrightBlue#58b2dc
- terminal.ansiBrightCyan#93a1a1
- terminal.ansiBrightGreen#5c8490
- terminal.ansiBrightMagenta#646695
- terminal.ansiBrightRed#d1500a
- terminal.ansiBrightWhite#fdf6e3
- terminal.ansiBrightYellow#ffc400
- terminal.ansiCyan#69b0ac
- terminal.ansiGreen#5de7b9
- terminal.ansiMagenta#e03c8a
- terminal.ansiRed#E03C8A
- terminal.ansiWhite#eee8d5
- terminal.ansiYellow#e6844f
- terminal.background#1b1c1f
- terminal.foreground#bcb28d
- terminalCursor.background#eee8d5
- terminalCursor.foreground#657b83
- textLink.activeForeground#ff9100
- textLink.foreground#ce7500
- titleBar.activeBackground#1b1c1f
- titleBar.activeForeground#fdd599
- titleBar.border#17171a
- titleBar.inactiveBackground#31343c
- titleBar.inactiveForeground#9c7c4b
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| emphasis | — | |
| strong | — | bold |
| header | #000080 | — |
| comment | #707C74 | italic |
| constant.language | #58b2dc | — |
| constant.numeric | #986DB2 | — |
| constant.regexp | #646695 | — |
| entity.name.tag | #E03C8A | — |
| entity.name.tag.css | #E03C8A | |
| entity.other.attribute-name | #E6844F | |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css, entity.other.attribute-name.class.mixin.css, entity.other.attribute-name.parent-selector.css, source.css.less entity.other.attribute-name.id, entity.other.attribute-name.attribute.scss, entity.other.attribute-name.scss | #66A866 | |
| source.css.less entity.other.attribute-name.id, entity.other.attribute-name.id.css | #14b0ee | |
| entity.other.attribute-name.pseudo-element.css, entity.other.attribute-name.pseudo-class.css | #6796e6 | — |
| invalid | #f44747 | — |
| markup.underline | — | underline |
| markup.bold | #58b2dc | bold |
| markup.heading | #E03C8A | bold |
| markup. | — | |
| markup.inserted | #b5cea8 | — |
| markup.deleted | #ce9178 | — |
| markup.changed | #58b2dc | — |
| beginning.punctuation.definition.quote.markdown | #608b4e | — |
| beginning.punctuation.definition.list.markdown | #6796e6 | — |
| markup.inline.raw | #E6844F | — |
| meta.selector | #d7ba7d | — |
| punctuation.definition.tag | #808080 | — |
| meta.preprocessor | #58b2dc | — |
| meta.preprocessor.string | #ce9178 | — |
| meta.preprocessor.numeric | #b5cea8 | — |
| meta.diff.header | #58b2dc | — |
| storage | #58b2dc | — |
| meta.brace.round, punctuation.definition.parameters.begin, punctuation.definition.parameters.end, punctuation.definition.group | #c3aeae | — |
| meta.function-call meta.group.braces.curly meta.class.body, meta.function , support.function.dom | #E6844F | |
| meta.brace.square | #c3aeae | — |
| meta.brace.curly, meta.object-literal | #c3aeae | — |
| storage.type | #E03C8A | |
| storage.modifier | #58b2dc | — |
| string | #66A866 | — |
| string.tag | #ce9178 | — |
| string.value | #ce9178 | — |
| string.regexp | #d16969 | — |
| punctuation.definition.template-expression.begin.js, punctuation.definition.template-expression.begin.ts, punctuation.definition.template-expression.end.ts, punctuation.definition.template-expression.end.js | #58b2dc | — |
| support.type.vendored.property-name, support.type.property-name, variable.css, variable.scss, variable.other.less | #E6844F | |
| keyword | #E03C8A | — |
| keyword.operator | #B9B3B3 | — |
| keyword.operator.expression, keyword.operator.cast, keyword.operator.sizeof | #58b2dc | — |
| keyword.other.unit | #E03C8A | — |
| punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php | #58b2dc | — |
| support.function.git-rebase | #9cdcfe | — |
| constant.sha.git-rebase | #b5cea8 | — |
| storage.modifier.import.java, variable.language.wildcard.java, storage.modifier.package.java | #d4d4d4 | — |
| variable.language | #E03C8A | |
| entity.name.function, support.function, support.constant.handlebars | #58B2DC | — |
| meta.return-type, support.class, support.type, entity.name.type, entity.name.class, storage.type.cs, storage.type.generic.cs, storage.type.modifier.cs, storage.type.variable.cs, storage.type.annotation.java, storage.type.generic.java, storage.type.java, storage.type.object.array.java, storage.type.primitive.array.java, storage.type.primitive.java, storage.type.token.java, storage.type.groovy, storage.type.annotation.groovy, storage.type.parameters.groovy, storage.type.generic.groovy, storage.type.object.array.groovy, storage.type.primitive.array.groovy, storage.type.primitive.groovy | #58B2DC | — |
| meta.type.cast.expr, meta.type.new.expr, support.constant.math, support.constant.dom, support.constant.json, entity.other.inherited-class | #4EC9B0 | — |
| keyword.control | #58B2DC | |
| keyword.operator.assignment | #bcb28d | — |
| meta.definition.variable.name, support.variable | #bcb28d | — |
| meta.object-literal.key, meta.object-literal.key entity.name.function | #E6844F | — |
| support.constant.property-value, support.constant.font-name, support.constant.media-type, support.constant.media, constant.other.color.rgb-value, constant.other.rgb-value, support.constant.color | #bcb28d | — |
| support.class, variable, entity.name.type, entity.other.inherited-class, keyword.operator, keyword.operator.arithmetic | #E6844F | — |
| string, string.regexp, keyword.operator | #66A866 | — |
| keyword.control | #58b2dc | |
| entity.name.type.module.js, entity.name.type.module.js.jsx, entity.other.inherited-class.js, entity.other.inherited-class.js.jsx | — | |
| keyword.operator.new | #E03C8A | |
| constant.numeric | #DDA52D | — |
| markup.underline.link.markdown | #58b2dc | — |
| meta.separator.markdown, punctuation.definition.list.begin.markdown | #DDA52D | — |
| keyword.operator.accessor.js, keyword.operator.assignment.js | #bcb28d | — |
| meta.function-call.generic.python, meta.function-call.python, keyword.operator.logical.python, constant.other.caps.python, entity.other.inherited-class.python | #58b2dc | — |
| meta.function-call.arguments.python, meta.item-access.python, punctuation.definition.decorator.python, variable.language.special.self.python | #E6844F | — |
| storage.type.function.python, storage.type.class.python, keyword.control.flow.python | #E03C8A | — |
| punctuation.separator.arguments.python, punctuation.separator.element.python, punctuation.separator.period.python, keyword.operator.assignment.python, keyword.operator.python, meta.attribute.python | #bcb28d | — |
| meta.structure.dictionary.key.python | #9cdcfe | — |
| string.quoted.docstring.multi.python | #707C74 | — |
| punctuation.definition.string.begin.python, punctuation.definition.string.end.python | #66A866 | — |