ft-paper
Publisher: Camille HodoulThemes in package: 1
Light theme generated from the ft-paper palette of camillehdl.dev.
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.activeBorder#0f5499
- activityBar.background#f7e7d8
- activityBar.border#b8afa5
- activityBar.foreground#4a4f59
- activityBar.inactiveForeground#6b6259
- activityBarBadge.background#0f5499
- activityBarBadge.foreground#fff1e5
- badge.background#0f5499
- badge.foreground#fff1e5
- breadcrumb.activeSelectionForeground#262a33
- breadcrumb.background#fff1e5
- breadcrumb.focusForeground#262a33
- breadcrumb.foreground#6b6259
- breadcrumbPicker.background#fff9f2
- button.background#0f5499
- button.foreground#fff1e5
- button.hoverBackground#1e6ec4
- button.secondaryBackground#f2dfce
- button.secondaryForeground#262a33
- button.secondaryHoverBackground#efdcca
- charts.blue#0f5499
- charts.foreground#262a33
- charts.green#00733a
- charts.lines#b8afa5
- charts.orange#bf6626
- charts.purple#593380
- charts.red#cc0000
- charts.yellow#99521f
- checkbox.background#fff9f2
- checkbox.border#b8afa5
- checkbox.foreground#262a33
- debugConsole.errorForeground#cc0000
- debugConsole.infoForeground#0f5499
- debugConsole.sourceForeground#6b6259
- debugConsole.warningForeground#99521f
- debugConsoleInputIcon.foreground#0f5499
- debugIcon.breakpointCurrentStackframeForeground#99521f
- debugIcon.breakpointDisabledForeground#7d746b
- debugIcon.breakpointForeground#cc0000
- debugIcon.breakpointStackframeForeground#00733a
- debugIcon.breakpointUnverifiedForeground#8a827a
- debugIcon.continueForeground#0f5499
- debugIcon.disconnectForeground#cc0000
- debugIcon.pauseForeground#0f5499
- debugIcon.restartForeground#00733a
- debugIcon.startForeground#00733a
- debugIcon.stepBackForeground#0f5499
- debugIcon.stepIntoForeground#0f5499
- debugIcon.stepOutForeground#0f5499
- debugIcon.stepOverForeground#0f5499
- debugIcon.stopForeground#cc0000
- debugTokenExpression.boolean#99521f
- debugTokenExpression.error#cc0000
- debugTokenExpression.name#593380
- debugTokenExpression.number#99521f
- debugTokenExpression.string#00733a
- debugTokenExpression.type#0d7680
- debugTokenExpression.value#262a33
- debugToolBar.background#fff9f2
- debugToolBar.border#b8afa5
- descriptionForeground#6b6259
- diffEditor.border#b8afa5
- diffEditor.diagonalFill#b8afa566
- diffEditor.insertedLineBackground#00994d33
- diffEditor.insertedTextBackground#00994d33
- diffEditor.removedLineBackground#cc000029
- diffEditor.removedTextBackground#cc000029
- diffEditor.unchangedRegionBackground#f7e7d8
- diffEditor.unchangedRegionForeground#6b6259
- diffEditorGutter.insertedLineBackground#00994d33
- diffEditorGutter.removedLineBackground#cc000029
- diffEditorOverview.insertedForeground#00733a99
- diffEditorOverview.removedForeground#cc000099
- disabledForeground#b8afa5
- dropdown.background#fff9f2
- dropdown.border#b8afa5
- dropdown.foreground#262a33
- dropdown.listBackground#fff9f2
- editor.background#fff1e5
- editor.findMatchBackground#990f3d66
- editor.findMatchHighlightBackground#bf662657
- editor.findRangeHighlightBackground#b8afa533
- editor.focusedStackFrameHighlightBackground#00994d33
- editor.foldBackground#b8afa526
- editor.foreground#262a33
- editor.hoverHighlightBackground#b8afa533
- editor.inactiveSelectionBackground#b8afa54d
- editor.lineHighlightBorder#efdcca
- editor.linkedEditingBackground#1e6ec429
- editor.rangeHighlightBackground#b8afa533
- editor.selectionBackground#f2dfce
- editor.selectionHighlightBackground#b8afa540
- editor.snippetFinalTabstopHighlightBorder#0f5499
- editor.snippetTabstopHighlightBackground#b8afa540
- editor.stackFrameHighlightBackground#bf662657
- editor.symbolHighlightBackground#b8afa540
- editor.wordHighlightBackground#b8afa540
- editor.wordHighlightStrongBackground#b8afa566
- editor.wordHighlightTextBackground#b8afa540
- editorBracketHighlight.foreground1#6b6259
- editorBracketHighlight.foreground2#6b6259
- editorBracketHighlight.foreground3#6b6259
- editorBracketHighlight.foreground4#6b6259
- editorBracketHighlight.foreground5#6b6259
- editorBracketHighlight.foreground6#6b6259
- editorBracketHighlight.unexpectedBracket.foreground#cc0000
- editorBracketMatch.background#f2dfce
- editorBracketMatch.border#990f3d
- editorCodeLens.foreground#6b6259
- editorCursor.foreground#262a33
- editorError.foreground#cc0000
- editorGhostText.foreground#7d746b
- editorGroup.border#b8afa5
- editorGroup.dropBackground#1e6ec429
- editorGroupHeader.noTabsBackground#fff1e5
- editorGroupHeader.tabsBackground#f7e7d8
- editorGroupHeader.tabsBorder#b8afa5
- editorGutter.addedBackground#00733a
- editorGutter.background#fff1e5
- editorGutter.commentGlyphForeground#4a4f59
- editorGutter.commentRangeForeground#efdcca
- editorGutter.commentUnresolvedGlyphForeground#4a4f59
- editorGutter.deletedBackground#cc0000
- editorGutter.foldingControlForeground#6b6259
- editorGutter.modifiedBackground#0f5499
- editorHint.foreground#0d7680
- editorHoverWidget.background#fff9f2
- editorHoverWidget.border#b8afa5
- editorHoverWidget.foreground#262a33
- editorHoverWidget.highlightForeground#990f3d
- editorHoverWidget.statusBarBackground#f7e7d8
- editorIndentGuide.activeBackground1#b8afa5
- editorIndentGuide.background1#efdcca
- editorInfo.foreground#0f5499
- editorInlayHint.background#f7e7d8
- editorInlayHint.foreground#6b6259
- editorLightBulb.foreground#99521f
- editorLightBulbAi.foreground#593380
- editorLightBulbAutoFix.foreground#0f5499
- editorLineNumber.activeForeground#4a4f59
- editorLineNumber.foreground#6b6259
- editorLink.activeForeground#0f5499
- editorMarkerNavigation.background#fff9f2
- editorMarkerNavigationError.background#cc0000
- editorMarkerNavigationError.headerBackground#cc000029
- editorMarkerNavigationInfo.background#0f5499
- editorMarkerNavigationInfo.headerBackground#1e6ec429
- editorMarkerNavigationWarning.background#99521f
- editorMarkerNavigationWarning.headerBackground#bf662657
- editorOverviewRuler.addedForeground#00733a99
- editorOverviewRuler.border#efdcca
- editorOverviewRuler.bracketMatchForeground#990f3d
- editorOverviewRuler.deletedForeground#cc000099
- editorOverviewRuler.errorForeground#cc0000
- editorOverviewRuler.findMatchForeground#bf6626b3
- editorOverviewRuler.infoForeground#0f5499
- editorOverviewRuler.modifiedForeground#0f549999
- editorOverviewRuler.selectionHighlightForeground#b8afa5b3
- editorOverviewRuler.warningForeground#99521f
- editorOverviewRuler.wordHighlightForeground#b8afa5b3
- editorOverviewRuler.wordHighlightStrongForeground#4a4f5980
- editorRuler.foreground#efdcca
- editorStickyScroll.background#fff1e5
- editorStickyScrollHover.background#f7e7d8
- editorSuggestWidget.background#fff9f2
- editorSuggestWidget.border#b8afa5
- editorSuggestWidget.focusHighlightForeground#990f3d
- editorSuggestWidget.foreground#262a33
- editorSuggestWidget.highlightForeground#990f3d
- editorSuggestWidget.selectedBackground#efdcca
- editorSuggestWidget.selectedForeground#262a33
- editorUnicodeHighlight.border#99521f
- editorWarning.foreground#99521f
- editorWhitespace.foreground#b8afa5
- editorWidget.background#fff9f2
- editorWidget.border#b8afa5
- editorWidget.foreground#262a33
- errorForeground#cc0000
- extensionButton.background#0f5499
- extensionButton.foreground#fff1e5
- extensionButton.hoverBackground#1e6ec4
- extensionButton.prominentBackground#0f5499
- extensionButton.prominentForeground#fff1e5
- extensionButton.prominentHoverBackground#1e6ec4
- extensionIcon.preReleaseForeground#593380
- extensionIcon.sponsorForeground#990f3d
- extensionIcon.starForeground#99521f
- extensionIcon.verifiedForeground#0f5499
- focusBorder#0f5499
- foreground#262a33
- gitDecoration.addedResourceForeground#00733a
- gitDecoration.conflictingResourceForeground#99521f
- gitDecoration.deletedResourceForeground#cc0000
- gitDecoration.ignoredResourceForeground#7d746b
- gitDecoration.modifiedResourceForeground#0f5499
- gitDecoration.renamedResourceForeground#0f5499
- gitDecoration.stageDeletedResourceForeground#cc0000
- gitDecoration.stageModifiedResourceForeground#0f5499
- gitDecoration.submoduleResourceForeground#593380
- gitDecoration.untrackedResourceForeground#00733a
- icon.foreground#4a4f59
- input.background#fff9f2
- input.border#b8afa5
- input.foreground#262a33
- input.placeholderForeground#6b6259
- inputOption.activeBackground#efdcca
- inputOption.activeBorder#0f5499
- inputOption.activeForeground#262a33
- inputValidation.errorBackground#fff9f2
- inputValidation.errorBorder#cc0000
- inputValidation.infoBackground#fff9f2
- inputValidation.infoBorder#0f5499
- inputValidation.warningBackground#fff9f2
- inputValidation.warningBorder#99521f
- keybindingLabel.background#f2dfce
- keybindingLabel.border#b8afa5
- keybindingLabel.bottomBorder#b8afa5
- keybindingLabel.foreground#262a33
- list.activeSelectionBackground#f2dfce
- list.activeSelectionForeground#262a33
- list.dropBackground#efdcca
- list.errorForeground#cc0000
- list.filterMatchBackground#bf662657
- list.focusBackground#f2dfce
- list.focusHighlightForeground#990f3d
- list.focusOutline#0f5499
- list.highlightForeground#990f3d
- list.hoverBackground#fff1e5
- list.hoverForeground#262a33
- list.inactiveSelectionBackground#f2dfce
- list.inactiveSelectionForeground#262a33
- list.warningForeground#99521f
- menu.background#fff9f2
- menu.border#b8afa5
- menu.foreground#262a33
- menu.selectionBackground#f2dfce
- menu.selectionForeground#262a33
- menu.separatorBackground#b8afa5
- menubar.selectionBackground#f2dfce
- menubar.selectionForeground#262a33
- merge.commonContentBackground#b8afa533
- merge.commonHeaderBackground#b8afa566
- merge.currentContentBackground#00994d33
- merge.currentHeaderBackground#00994d66
- merge.incomingContentBackground#1e6ec429
- merge.incomingHeaderBackground#1e6ec452
- mergeEditor.change.background#1e6ec429
- mergeEditor.change.word.background#1e6ec452
- minimap.background#fff1e5
- minimap.errorHighlight#cc0000b3
- minimap.findMatchHighlight#bf6626b3
- minimap.selectionHighlight#b8afa5b3
- minimap.warningHighlight#99521fb3
- minimapGutter.addedBackground#00733a
- minimapGutter.deletedBackground#cc0000
- minimapGutter.modifiedBackground#0f5499
- minimapSlider.activeBackground#b8afa599
- minimapSlider.background#b8afa54d
- minimapSlider.hoverBackground#b8afa573
- notificationCenterHeader.background#f7e7d8
- notificationCenterHeader.foreground#4a4f59
- notificationLink.foreground#0f5499
- notifications.background#fff9f2
- notifications.border#b8afa5
- notifications.foreground#262a33
- notificationsErrorIcon.foreground#cc0000
- notificationsInfoIcon.foreground#0f5499
- notificationsWarningIcon.foreground#99521f
- panel.background#fff1e5
- panel.border#b8afa5
- panelSection.dropBackground#1e6ec429
- panelTitle.activeBorder#0f5499
- panelTitle.activeForeground#262a33
- panelTitle.inactiveForeground#6b6259
- peekView.border#0f5499
- peekViewEditor.background#fff9f2
- peekViewEditor.matchHighlightBackground#bf662657
- peekViewEditorGutter.background#fff9f2
- peekViewResult.background#f7e7d8
- peekViewResult.fileForeground#262a33
- peekViewResult.lineForeground#4a4f59
- peekViewResult.matchHighlightBackground#bf662657
- peekViewResult.selectionBackground#f2dfce
- peekViewResult.selectionForeground#262a33
- peekViewTitle.background#f7e7d8
- peekViewTitleDescription.foreground#6b6259
- peekViewTitleLabel.foreground#262a33
- pickerGroup.border#b8afa5
- pickerGroup.foreground#0f5499
- problemsErrorIcon.foreground#cc0000
- problemsInfoIcon.foreground#0f5499
- problemsWarningIcon.foreground#99521f
- progressBar.background#0f5499
- quickInput.background#fff9f2
- quickInput.foreground#262a33
- quickInputList.focusBackground#f2dfce
- quickInputList.focusForeground#262a33
- quickInputTitle.background#f7e7d8
- sash.hoverBorder#0f5499
- scmGraph.foreground1#0f5499
- scmGraph.foreground2#00733a
- scmGraph.foreground3#99521f
- scmGraph.foreground4#593380
- scmGraph.foreground5#0d7680
- scmGraph.historyItemBaseRefColor#99521f
- scmGraph.historyItemHoverAdditionsForeground#00733a
- scmGraph.historyItemHoverDefaultLabelBackground#f2dfce
- scmGraph.historyItemHoverDefaultLabelForeground#262a33
- scmGraph.historyItemHoverDeletionsForeground#cc0000
- scmGraph.historyItemHoverLabelForeground#fff1e5
- scmGraph.historyItemRefColor#0f5499
- scmGraph.historyItemRemoteRefColor#593380
- scrollbar.shadow#262a331a
- scrollbarSlider.activeBackground#b8afa5cc
- scrollbarSlider.background#b8afa566
- scrollbarSlider.hoverBackground#b8afa599
- searchEditor.findMatchBackground#bf662657
- selection.background#f2dfce
- settings.focusedRowBackground#fff9f2
- settings.headerForeground#262a33
- settings.modifiedItemIndicator#0f5499
- settings.rowHoverBackground#fff9f2
- sideBar.background#f7e7d8
- sideBar.border#b8afa5
- sideBar.dropBackground#1e6ec429
- sideBar.foreground#262a33
- sideBarSectionHeader.background#f7e7d8
- sideBarSectionHeader.border#b8afa5
- sideBarSectionHeader.foreground#4a4f59
- sideBarTitle.foreground#4a4f59
- statusBar.background#f7e7d8
- statusBar.border#b8afa5
- statusBar.debuggingBackground#99521f
- statusBar.debuggingForeground#fff1e5
- statusBar.foreground#4a4f59
- statusBar.noFolderBackground#f7e7d8
- statusBar.noFolderForeground#4a4f59
- statusBarItem.activeBackground#efdcca
- statusBarItem.errorBackground#cc0000
- statusBarItem.errorForeground#fff1e5
- statusBarItem.hoverBackground#efdcca
- statusBarItem.prominentBackground#efdcca
- statusBarItem.prominentForeground#262a33
- statusBarItem.remoteBackground#0f5499
- statusBarItem.remoteForeground#fff1e5
- statusBarItem.warningBackground#99521f
- statusBarItem.warningForeground#fff1e5
- symbolIcon.arrayForeground#4a4f59
- symbolIcon.booleanForeground#99521f
- symbolIcon.classForeground#0d7680
- symbolIcon.colorForeground#99521f
- symbolIcon.constantForeground#99521f
- symbolIcon.constructorForeground#0f5499
- symbolIcon.enumeratorForeground#0d7680
- symbolIcon.enumeratorMemberForeground#99521f
- symbolIcon.eventForeground#0f5499
- symbolIcon.fieldForeground#4a4f59
- symbolIcon.fileForeground#6b6259
- symbolIcon.folderForeground#6b6259
- symbolIcon.functionForeground#0f5499
- symbolIcon.interfaceForeground#0d7680
- symbolIcon.keyForeground#4a4f59
- symbolIcon.keywordForeground#593380
- symbolIcon.methodForeground#0f5499
- symbolIcon.moduleForeground#0d7680
- symbolIcon.namespaceForeground#0d7680
- symbolIcon.nullForeground#99521f
- symbolIcon.numberForeground#99521f
- symbolIcon.objectForeground#4a4f59
- symbolIcon.operatorForeground#4a4f59
- symbolIcon.packageForeground#0d7680
- symbolIcon.propertyForeground#4a4f59
- symbolIcon.referenceForeground#4a4f59
- symbolIcon.snippetForeground#6b6259
- symbolIcon.stringForeground#00733a
- symbolIcon.structForeground#0d7680
- symbolIcon.textForeground#6b6259
- symbolIcon.typeParameterForeground#0d7680
- symbolIcon.unitForeground#99521f
- symbolIcon.variableForeground#4a4f59
- tab.activeBackground#fff1e5
- tab.activeBorderTop#990f3d
- tab.activeForeground#262a33
- tab.border#b8afa5
- tab.hoverBackground#f2dfce
- tab.inactiveBackground#f7e7d8
- tab.inactiveForeground#6b6259
- tab.lastPinnedBorder#b8afa5
- tab.unfocusedActiveBackground#fff1e5
- tab.unfocusedActiveBorderTop#b8afa5
- tab.unfocusedActiveForeground#4a4f59
- tab.unfocusedInactiveForeground#6b6259
- terminal.ansiBlack#262a33
- terminal.ansiBlue#0f5499
- terminal.ansiBrightBlack#8a827a
- terminal.ansiBrightBlue#1e6ec4
- terminal.ansiBrightCyan#009aa8
- terminal.ansiBrightGreen#00994d
- terminal.ansiBrightMagenta#bf5f80
- terminal.ansiBrightRed#cc0000
- terminal.ansiBrightWhite#fff9f2
- terminal.ansiBrightYellow#bf6626
- terminal.ansiCyan#0d7680
- terminal.ansiGreen#00733a
- terminal.ansiMagenta#593380
- terminal.ansiRed#990f3d
- terminal.ansiWhite#b8afa5
- terminal.ansiYellow#99521f
- terminal.background#fff1e5
- terminal.border#b8afa5
- terminal.dropBackground#1e6ec429
- terminal.findMatchBackground#990f3d66
- terminal.findMatchHighlightBackground#bf662657
- terminal.foreground#262a33
- terminal.hoverHighlightBackground#b8afa533
- terminal.inactiveSelectionBackground#b8afa54d
- terminal.selectionBackground#f2dfce
- terminalCommandDecoration.defaultBackground#b8afa5
- terminalCommandDecoration.errorBackground#cc0000
- terminalCommandDecoration.successBackground#00733a
- terminalCursor.foreground#262a33
- terminalOverviewRuler.cursorForeground#4a4f59
- terminalOverviewRuler.findMatchForeground#bf6626b3
- terminalStickyScroll.background#fff1e5
- terminalStickyScrollHover.background#f7e7d8
- testing.iconErrored#cc0000
- testing.iconFailed#cc0000
- testing.iconPassed#00733a
- testing.iconQueued#99521f
- testing.iconSkipped#6b6259
- testing.iconUnset#6b6259
- testing.runAction#00733a
- textBlockQuote.background#fff9f2
- textBlockQuote.border#b8afa5
- textCodeBlock.background#f2dfce
- textLink.activeForeground#990f3d
- textLink.foreground#0f5499
- textPreformat.background#f2dfce
- textPreformat.foreground#262a33
- textSeparator.foreground#b8afa5
- titleBar.activeBackground#f7e7d8
- titleBar.activeForeground#4a4f59
- titleBar.border#b8afa5
- titleBar.inactiveBackground#f7e7d8
- titleBar.inactiveForeground#6b6259
- toolbar.activeBackground#efdcca
- toolbar.hoverBackground#f2dfce
- tree.inactiveIndentGuidesStroke#efdcca
- tree.indentGuidesStroke#b8afa5
- widget.border#b8afa5
- widget.shadow#262a331f
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #6b6259 | italic |
| comment.block.documentation storage.type, comment.block.documentation entity.name.type, storage.type.class.jsdoc | #6b6259 | bold italic |
| string, punctuation.definition.string, string.quoted.docstring | #00733a | — |
| constant.character.escape, constant.other.placeholder, punctuation.definition.template-expression, punctuation.section.embedded | #990f3d | — |
| string.regexp | #0d7680 | — |
| constant.numeric, constant.language, support.constant, constant.other.color, keyword.other.unit, constant.other.enum, variable.other.enummember | #99521f | — |
| variable, variable.other, variable.other.readwrite | #262a33 | — |
| variable.parameter, meta.parameter | #4a4f59 | — |
| variable.other.property, variable.other.object.property, support.variable.property, meta.object-literal.key, support.type.property-name, entity.name.tag.yaml, entity.name.tag.toml | #4a4f59 | — |
| variable.language, support.variable.dom | #990f3d | — |
| entity.name.function, meta.function-call entity.name.function, support.function, entity.name.method | #0f5499 | — |
| support.function.builtin, support.function.magic, support.function.console | #0f5499 | italic |
| keyword, keyword.control, storage.type, storage.modifier, keyword.other, keyword.operator.new, keyword.operator.expression, keyword.operator.word, keyword.operator.logical.python, entity.name.label | #593380 | — |
| keyword.control.import, keyword.control.export, keyword.control.from, keyword.control.as, keyword.other.import, keyword.other.use, keyword.control.directive, meta.preprocessor, entity.name.function.preprocessor, entity.name.function.macro, support.function.macro | #990f3d | — |
| keyword.control.exception, keyword.control.trycatch, keyword.control.throw | #cc0000 | — |
| keyword.operator, punctuation.accessor | #4a4f59 | — |
| entity.name.type, entity.name.class, entity.name.namespace, entity.name.module, entity.other.inherited-class, support.type, support.class, entity.name.type.module, storage.type.primitive | #0d7680 | — |
| support.type.primitive, support.type.builtin, support.class.builtin | #0d7680 | italic |
| meta.decorator, entity.name.function.decorator, punctuation.decorator, storage.type.annotation, meta.attribute, entity.name.function.attribute | #990f3d | — |
| punctuation, meta.brace, punctuation.separator, punctuation.terminator | #6b6259 | — |
| entity.name.tag, support.class.component | #593380 | — |
| entity.other.attribute-name | #0f5499 | — |
| punctuation.definition.tag | #6b6259 | — |
| invalid, invalid.illegal | #cc0000 | — |
| invalid.deprecated | #99521f | strikethrough |
| markup.heading, heading.1.markdown, heading.2.markdown, heading.1.markdown entity.name.section, heading.2.markdown entity.name.section | #990f3d | bold |
| heading.3.markdown, heading.3.markdown entity.name.section | #0f5499 | bold |
| heading.4.markdown, heading.4.markdown entity.name.section | #0f5499 | |
| heading.5.markdown, heading.6.markdown, heading.5.markdown entity.name.section, heading.6.markdown entity.name.section | #0d7680 | |
| markup.bold | #262a33 | bold |
| markup.italic | — | italic |
| markup.strikethrough | — | strikethrough |
| markup.underline.link, markup.link, string.other.link, meta.link.inline.markdown, constant.other.reference.link | #0f5499 | — |
| markup.underline.link | #0f5499 | underline |
| markup.inline.raw, markup.inline.raw.string.markdown, markup.fenced_code.block.markdown, markup.raw | #4a4f59 | — |
| markup.quote | #4a4f59 | italic |
| punctuation.definition.list.begin.markdown, beginning.punctuation.definition.list.markdown, punctuation.definition.list | #990f3d | — |
| markup.inserted, punctuation.definition.inserted | #00733a | — |
| markup.deleted, punctuation.definition.deleted | #cc0000 | — |
| markup.changed, punctuation.definition.changed | #0f5499 | — |
| meta.diff.header, meta.diff.range, meta.diff.index | #6b6259 | — |
| meta.diff.header.from-file, meta.diff.header.to-file | #262a33 | bold |