Saudi Culture Themes

Name: Saudi Culture Themes
Author: faris

Publisher: farisThemes in package: 6

Saudi Culture Themes is a VS Code and Cursor theme pack inspired by Saudi heritage

Open in VS Code

Color themes

VS Code preview

Full workbench mockup using this variant's colors and tokenColors.

Saudi Culture Themes — Al-Balad

fetchUser.ts

index.ts

README.md

srccomponentsfetchUser.tsfetchUser

Problems1

Output

Debug Console

Terminal

Ports

~/my-project $ pnpm dev
▲ Next.js ready on http://localhost:3000
✓ compiled client and server successfully in 412ms
wait - compiling /theme/vscode...
~/my-project

main*

Copilot

Ln 5, Col 12

Spaces: 2

UTF-8

TypeScript

Dark+

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.activeBackground#1E1A14
activityBar.activeBorder#A5845A
activityBar.background#151311
activityBar.border#39261B
activityBar.foreground#A5845A
activityBar.inactiveForeground#8A7A68
activityBarBadge.background#A5845A
activityBarBadge.foreground#151311
badge.background#A5845A
badge.foreground#151311
breadcrumb.activeSelectionForeground#E7D8C5
breadcrumb.background#12110F
breadcrumb.focusForeground#A5845A
breadcrumb.foreground#A9947C
button.background#7B563B
button.foreground#E7D8C5
button.hoverBackground#A5845A
button.secondaryBackground#1E1A14
button.secondaryForeground#D9C3AB
button.secondaryHoverBackground#4C3326
debugIcon.disconnectForeground#7B563B
debugIcon.pauseForeground#D2A46E
debugIcon.restartForeground#6F8F8E
debugIcon.startForeground#8FAF8A
debugIcon.stepIntoForeground#80A7B3
debugIcon.stepOutForeground#80A7B3
debugIcon.stepOverForeground#80A7B3
debugIcon.stopForeground#D07A5C
debugToolBar.background#1E1A14
debugToolBar.border#4C3326
descriptionForeground#A9947C
diffEditor.border#4C3326
diffEditor.insertedLineBackground#8FAF8A14
diffEditor.insertedTextBackground#8FAF8A24
diffEditor.removedLineBackground#D07A5C18
diffEditor.removedTextBackground#D07A5C28
dropdown.background#1E1A14
dropdown.border#4C3326
dropdown.foreground#D9C3AB
editor.background#12110F
editor.findMatchBackground#A5845A7D
editor.findMatchHighlightBackground#7B563B60
editor.findRangeHighlightBackground#A5845A20
editor.foreground#D9C3AB
editor.hoverHighlightBackground#6F8F8E24
editor.lineHighlightBackground#1B1712
editor.lineHighlightBorder#00000000
editor.rangeHighlightBackground#7B563B24
editor.selectionBackground#3C5D5F66
editor.selectionHighlightBackground#7B563B38
editor.wordHighlightBackground#4C332650
editor.wordHighlightStrongBackground#A5845A40
editorBracketHighlight.foreground1#A5845A
editorBracketHighlight.foreground2#6F8F8E
editorBracketHighlight.foreground3#C08A55
editorBracketHighlight.foreground4#D9C3AB
editorBracketHighlight.foreground5#7B563B
editorBracketHighlight.foreground6#E7D8C5
editorBracketHighlight.unexpectedBracket.foreground#D07A5C
editorCursor.foreground#A5845A
editorError.foreground#D07A5C
editorGroup.border#4C3326
editorGroup.dropBackground#A5845A22
editorGroupHeader.tabsBackground#151311
editorGroupHeader.tabsBorder#4C3326
editorGutter.addedBackground#8FAF8A
editorGutter.deletedBackground#D07A5C
editorGutter.modifiedBackground#A5845A
editorHint.foreground#8FAF8A
editorHoverWidget.background#1E1A14
editorHoverWidget.border#4C3326
editorHoverWidget.foreground#D9C3AB
editorIndentGuide.activeBackground1#A5845A
editorIndentGuide.background1#39261B
editorInfo.foreground#6F8F8E
editorInlayHint.background#1E1A14
editorInlayHint.foreground#A9947C
editorLineNumber.activeForeground#A5845A
editorLineNumber.foreground#6B5B4D
editorOverviewRuler.addedForeground#8FAF8AAA
editorOverviewRuler.border#12110F
editorOverviewRuler.deletedForeground#D07A5CAA
editorOverviewRuler.errorForeground#D07A5C
editorOverviewRuler.infoForeground#6F8F8E
editorOverviewRuler.modifiedForeground#A5845AAA
editorOverviewRuler.warningForeground#D2A46E
editorSuggestWidget.background#1E1A14
editorSuggestWidget.border#4C3326
editorSuggestWidget.focusHighlightForeground#E7D8C5
editorSuggestWidget.foreground#D9C3AB
editorSuggestWidget.highlightForeground#A5845A
editorSuggestWidget.selectedBackground#2D5D60
editorWarning.foreground#D2A46E
editorWhitespace.foreground#4C332680
editorWidget.background#1E1A14
editorWidget.border#4C3326
editorWidget.foreground#D9C3AB
errorForeground#D07A5C
focusBorder#A5845ACC
foreground#D9C3AB
gitDecoration.addedResourceForeground#8FAF8A
gitDecoration.conflictingResourceForeground#D07A5C
gitDecoration.deletedResourceForeground#D07A5C
gitDecoration.ignoredResourceForeground#8A7A68
gitDecoration.modifiedResourceForeground#A5845A
gitDecoration.submoduleResourceForeground#80A7B3
gitDecoration.untrackedResourceForeground#6F8F8E
input.background#1E1A14
input.border#4C3326
input.foreground#D9C3AB
input.placeholderForeground#8A7A68
inputOption.activeBorder#A5845A
inputValidation.errorBorder#D07A5C
inputValidation.infoBorder#6F8F8E
inputValidation.warningBorder#D2A46E
list.activeSelectionBackground#2D5D60
list.activeSelectionForeground#E7D8C5
list.dropBackground#A5845A22
list.errorForeground#D07A5C
list.focusBackground#30271E
list.focusForeground#E7D8C5
list.highlightForeground#A5845A
list.hoverBackground#1E1A14
list.hoverForeground#E7D8C5
list.inactiveSelectionBackground#241E17
list.warningForeground#D2A46E
menu.background#1E1A14
menu.foreground#D9C3AB
menu.selectionBackground#2D5D60
menu.selectionForeground#E7D8C5
menu.separatorBackground#4C3326
menubar.selectionBackground#1E1A14
menubar.selectionForeground#E7D8C5
notificationCenterHeader.background#191510
notificationCenterHeader.foreground#E7D8C5
notifications.background#1E1A14
notifications.border#4C3326
notifications.foreground#D9C3AB
panel.background#191510
panel.border#4C3326
panelTitle.activeBorder#A5845A
panelTitle.activeForeground#E7D8C5
panelTitle.inactiveForeground#A9947C
pickerGroup.border#4C3326
pickerGroup.foreground#A5845A
progressBar.background#A5845A
quickInput.background#1E1A14
quickInput.foreground#D9C3AB
quickInputList.focusBackground#2D5D60
quickInputList.focusForeground#E7D8C5
scrollbarSlider.activeBackground#A5845AAA
scrollbarSlider.background#4C332655
scrollbarSlider.hoverBackground#7B563B7A
selection.background#6F8F8E44
settings.dropdownBackground#1E1A14
settings.dropdownBorder#4C3326
settings.dropdownForeground#D9C3AB
settings.headerForeground#A5845A
settings.modifiedItemIndicator#A5845A
settings.textInputBackground#1E1A14
settings.textInputBorder#4C3326
settings.textInputForeground#D9C3AB
sideBar.background#171410
sideBar.border#4C3326
sideBar.foreground#D9C3AB
sideBarSectionHeader.background#1E1A14
sideBarSectionHeader.border#4C3326
sideBarSectionHeader.foreground#A5845A
sideBarTitle.foreground#E7D8C5
statusBar.background#2D5D60
statusBar.border#4C3326
statusBar.debuggingBackground#7B563B
statusBar.debuggingForeground#E7D8C5
statusBar.foreground#E7D8C5
statusBar.noFolderBackground#1E1A14
statusBar.noFolderForeground#D9C3AB
statusBarItem.errorBackground#D07A5C
statusBarItem.errorForeground#151311
statusBarItem.hoverBackground#6F8F8E33
statusBarItem.remoteBackground#A5845A
statusBarItem.remoteForeground#151311
statusBarItem.warningBackground#D2A46E
statusBarItem.warningForeground#151311
tab.activeBackground#12110F
tab.activeBorderTop#A5845A
tab.activeForeground#E7D8C5
tab.activeModifiedBorder#6F8F8E
tab.border#151311
tab.hoverBackground#1E1A14
tab.hoverForeground#E7D8C5
tab.inactiveBackground#151311
tab.inactiveForeground#A9947C
tab.unfocusedActiveForeground#D9C3AB
tab.unfocusedInactiveForeground#8A7A68
terminal.ansiBlack#12110F
terminal.ansiBlue#80A7B3
terminal.ansiBrightBlack#1E1A14
terminal.ansiBrightBlue#9FC0CA
terminal.ansiBrightCyan#93B8B6
terminal.ansiBrightGreen#A9C9A2
terminal.ansiBrightMagenta#C19C98
terminal.ansiBrightRed#E59476
terminal.ansiBrightWhite#F1E5D5
terminal.ansiBrightYellow#E4BA80
terminal.ansiCyan#6F8F8E
terminal.ansiGreen#8FAF8A
terminal.ansiMagenta#A9827E
terminal.ansiRed#D07A5C
terminal.ansiWhite#E7D8C5
terminal.ansiYellow#D2A46E
terminal.background#12110F
terminal.foreground#D9C3AB
terminalCursor.foreground#A5845A
titleBar.activeBackground#151311
titleBar.activeForeground#E7D8C5
titleBar.inactiveBackground#151311
titleBar.inactiveForeground#8A7A68

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#7B705F	italic
string, string.quoted, string.template	#D2A46E	—
constant.numeric, constant.language, constant.character, constant.other	#C08A55	—
keyword, storage, storage.type, storage.modifier	#6F8F8E	bold
keyword.operator, punctuation.separator, punctuation.accessor	#A5845A	—
entity.name.function, support.function, meta.function-call, variable.function	#E7D8C5	—
entity.name.type, entity.name.class, support.type, support.class, storage.type.class	#A5845A	—
variable, variable.other, support.variable, meta.object-literal.key	#D9C3AB	—
variable.parameter, meta.parameter	#E5D4BF	—
meta.decorator, punctuation.decorator, storage.type.annotation	#C08A55	—
entity.name.tag, support.class.component	#6F8F8E	—
entity.other.attribute-name	#A5845A	—
punctuation, meta.brace, meta.delimiter	#A9947C	—
invalid, invalid.illegal	#D07A5C	bold
markup.heading, entity.name.section	#A5845A	bold
markup.bold	#E7D8C5	bold
markup.italic	#D9C3AB	italic
markup.underline.link, string.other.link	#6F8F8E	—
support.type.property-name.json, meta.mapping.key.yaml	#A5845A	—
support.type.property-name.css, support.type.vendored.property-name.css	#6F8F8E	—
support.constant.property-value.css, constant.other.color.rgb-value.css	#D2A46E	—