Fjord Theme
Publisher: jshuntleyThemes in package: 1
A Nordic color theme — dusk-blue base, leaf-green accents, crisp blue/cyan separation.
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#1F3239
- activityBar.foreground#E8F0F3
- activityBar.inactiveForeground#6C7A86
- activityBarBadge.background#9DD99A
- activityBarBadge.foreground#1B2C32
- badge.background#9DD99A
- badge.foreground#1B2C32
- button.background#9DD99A
- button.foreground#1B2C32
- button.hoverBackground#A3D5A0
- checkbox.background#1F3239
- checkbox.foreground#E8F0F3
- debugToolBar.background#1F3239
- descriptionForeground#6C7A86
- diffEditor.diagonalFill#233941
- diffEditor.insertedTextBackground#9DD99A35
- diffEditor.removedTextBackground#F37C7C35
- dropdown.background#1F3239
- dropdown.foreground#E8F0F3
- editor.background#1B2C32
- editor.foldBackground#1F3239AC
- editor.foreground#E8F0F3
- editor.inactiveSelectionBackground#B8E7E928
- editor.lineHighlightBackground#1F3239
- editor.selectionBackground#B8E7E955
- editor.selectionHighlightBackground#B8E7E930
- editor.wordHighlightBackground#B8E7E928
- editor.wordHighlightStrongBackground#B8E7E940
- editorBracketHighlight.foreground1#9DD99A
- editorBracketHighlight.foreground2#B8E7E9
- editorBracketHighlight.foreground3#9DD99A
- editorBracketHighlight.foreground4#FFD285
- editorBracketHighlight.foreground5#B9A0F8
- editorBracketHighlight.unexpectedBracket.foreground#FF9B9B
- editorBracketMatch.background#233941
- editorBracketMatch.border#7BB8FF
- editorCursor.foreground#9DD99A
- editorGroup.border#233941
- editorGroupHeader.tabsBackground#1F3239
- editorGutter.background#1B2C32
- editorHoverWidget.background#1F3239
- editorHoverWidget.border#233941
- editorIndentGuide.activeBackground1#6C7A86
- editorIndentGuide.background1#51606B
- editorLineNumber.activeForeground#E8F0F3
- editorLineNumber.foreground#6C7A86
- editorRuler.foreground#233941
- editorWhitespace.foreground#51606B
- editorWidget.background#1F3239
- editorWidget.border#233941
- focusBorder#9DD99A
- foreground#E8F0F3
- gitDecoration.addedResourceForeground#A3D5A0
- gitDecoration.conflictingResourceForeground#D4C6F7
- gitDecoration.deletedResourceForeground#FF9B9B
- gitDecoration.ignoredResourceForeground#6C7A86
- gitDecoration.modifiedResourceForeground#7BB8FF
- gitDecoration.untrackedResourceForeground#9DD99A
- input.background#1F3239
- input.border#233941
- input.foreground#E8F0F3
- input.placeholderForeground#6C7A86
- list.activeSelectionBackground#233941
- list.activeSelectionForeground#E8F0F3
- list.focusBackground#1F3239
- list.highlightForeground#7BB8FF
- list.hoverBackground#1F3239
- list.inactiveSelectionBackground#1F3239
- list.inactiveSelectionForeground#E8F0F3
- notificationCenterHeader.background#1F3239
- notifications.background#1F3239
- notifications.border#233941
- panel.background#1F3239
- panel.border#233941
- panelTitle.activeForeground#E8F0F3
- panelTitle.inactiveForeground#6C7A86
- peekView.border#233941
- peekViewEditor.background#1B2C32
- peekViewEditor.matchHighlightBackground#FFE0A366
- peekViewResult.background#1F3239
- peekViewTitle.background#1F3239
- scrollbarSlider.activeBackground#6C7A86CC
- scrollbarSlider.background#6C7A8680
- scrollbarSlider.hoverBackground#6C7A86A6
- sideBar.background#1F3239
- sideBar.border#233941
- sideBar.foreground#E8F0F3
- sideBarSectionHeader.background#1F3239
- sideBarSectionHeader.foreground#E8F0F3
- statusBar.background#1F3239
- statusBar.debuggingBackground#9DD99A
- statusBar.debuggingForeground#1B2C32
- statusBar.foreground#E8F0F3
- statusBar.noFolderBackground#1F3239
- statusBarItem.remoteBackground#9DD99A
- statusBarItem.remoteForeground#1B2C32
- tab.activeBackground#1B2C32
- tab.activeBorderTop#9DD99A
- tab.activeForeground#E8F0F3
- tab.border#233941
- tab.inactiveBackground#1F3239
- tab.inactiveForeground#6C7A86
- terminal.ansiBlack#212128
- terminal.ansiBlue#5DA6EA
- terminal.ansiBrightBlack#51606B
- terminal.ansiBrightBlue#7BB8FF
- terminal.ansiBrightCyan#A1E9DE
- terminal.ansiBrightGreen#A3D5A0
- terminal.ansiBrightMagenta#D4C6F7
- terminal.ansiBrightRed#FF9B9B
- terminal.ansiBrightWhite#EFFAFF
- terminal.ansiBrightYellow#FFE0A3
- terminal.ansiCyan#B8E7E9
- terminal.ansiGreen#9DD99A
- terminal.ansiMagenta#B9A0F8
- terminal.ansiRed#F37C7C
- terminal.ansiWhite#E8F0F3
- terminal.ansiYellow#FFD285
- terminal.background#1B2C32
- terminal.foreground#E8F0F3
- terminal.selectionBackground#B8E7E9
- terminalCursor.foreground#9DD99A
- titleBar.activeBackground#1F3239
- titleBar.activeForeground#E8F0F3
- titleBar.inactiveBackground#1F3239
- titleBar.inactiveForeground#6C7A86
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #6C7A86 | — |
| string, string.quoted, meta.template.expression string | #9DD99A | — |
| constant.character.escape | #B8E7E9 | — |
| constant.numeric | #7BB8FF | — |
| constant, variable.other.constant | #7BB8FF | — |
| keyword | #5DA6EA | — |
| storage, storage.type, storage.modifier | #9DD99A | — |
| keyword.directive, keyword.control.directive, meta.preprocessor, keyword.preprocessor, keyword.preprocessor.c, meta.preprocessor.directive.include, meta.preprocessor.directive.pragma, punctuation.definition.preprocessor | #7BB8FF | — |
| keyword.control, keyword.control.conditional, keyword.control.loop, keyword.control.return, keyword.control.flow | #7BB8FF | — |
| keyword.control.directive, keyword.directive.c, keyword.control.directive.c | #7BB8FF | |
| keyword.operator, keyword.operator.assignment, keyword.operator.arithmetic, keyword.operator.logical, punctuation.separator.key-value | #7BB8FF | — |
| entity.name.function, support.function, meta.function-call, meta.function, variable.function | #B8E7E9 | — |
| entity.name.type.instance, entity.other.inherited-class | #5DA6EA | — |
| entity.name.type, support.type, support.class, entity.other.attribute-name.class | #5DA6EA | — |
| support.type.builtin, storage.type.builtin | #7BB8FF | — |
| variable, meta.definition.variable | #E8F0F3 | — |
| variable.other.property, variable.other.member | #B8E7E9 | — |
| variable.parameter | #E8F0F3 | — |
| variable.language.this, variable.language.this.js, variable.language.self | #B8E7E9 | — |
| keyword.operator.assignment, keyword.operator.logical, keyword.operator.arithmetic, punctuation.separator.key-value | #7BB8FF | — |
| punctuation, punctuation.definition.parameters, punctuation.section, punctuation.separator, meta.brace, meta.bracket | #E8F0F3 | — |
| entity.name.tag, support.class.component | #5DA6EA | — |
| entity.other.attribute-name, entity.other.attribute-name.id, meta.tag entity.other.attribute-name | #B8E7E9 | — |
| meta.decorator, storage.type.annotation, punctuation.decorator | #D4C6F7 | — |
| punctuation.special | #B8E7E9 | — |
| variable.builtin, variable.language | #B8E7E9 | — |
| function.special | #B8E7E9 | — |
| function.macro | #D4C6F7 | — |
| keyword.function | #5DA6EA | — |
| string.special, string.special.path | #5DA6EA | — |
| string.special.symbol | #F37C7C | — |
| entity.name.namespace | #5DA6EA | — |
| string.regexp | #B8E7E9 | — |
| invalid, invalid.illegal | #1B2C32 | — |
| invalid.deprecated | #1B2C32 | — |