Skip to main content
Coding Theme

Sarkari Theme - Government Website Aesthetic

Publisher: Spaghetti SenseiThemes in package: 2

Experience the authentic Indian government website aesthetic in your code editor. Cluttered, harsh, and gloriously bureaucratic.

Open in VS Code (opens extension in VS Code)

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#000080
  • activityBar.border#FF9933
  • activityBar.foreground#FFD700
  • activityBar.inactiveForeground#CCCCFF
  • activityBarBadge.background#FF0000
  • activityBarBadge.foreground#FFFFFF
  • badge.background#FF0000
  • badge.foreground#FFFFFF
  • banner.background#FF9933
  • banner.foreground#000080
  • banner.iconForeground#800000
  • breadcrumb.activeSelectionForeground#FF0000
  • breadcrumb.focusForeground#800000
  • breadcrumb.foreground#000080
  • breadcrumbPicker.background#F5F5DC
  • button.background#000080
  • button.foreground#FFFFFF
  • button.hoverBackground#0000CC
  • button.secondaryBackground#808080
  • button.secondaryForeground#FFFFFF
  • button.secondaryHoverBackground#666666
  • commandCenter.activeBackground#FFD70044
  • commandCenter.activeForeground#800000
  • commandCenter.background#F5F5DC
  • commandCenter.border#FF9933
  • commandCenter.foreground#000080
  • descriptionForeground#800000
  • diffEditor.insertedLineBackground#00800015
  • diffEditor.insertedTextBackground#00FF0022
  • diffEditor.removedLineBackground#80000015
  • diffEditor.removedTextBackground#FF000022
  • dropdown.background#FFFFFF
  • dropdown.border#000080
  • dropdown.foreground#000080
  • dropdown.listBackground#FFFFFF
  • editor.background#FFFFFF
  • editor.findMatchBackground#FF000044
  • editor.findMatchHighlightBackground#FFFF0044
  • editor.foreground#000080
  • editor.lineHighlightBackground#FFFFCC
  • editor.lineHighlightBorder#FFD700
  • editor.selectionBackground#3366CC88
  • editor.selectionHighlightBackground#FFFF0055
  • editor.wordHighlightBackground#00FF0033
  • editorBracketHighlight.foreground1#FF0000
  • editorBracketHighlight.foreground2#0000FF
  • editorBracketHighlight.foreground3#008000
  • editorBracketHighlight.foreground4#FF9933
  • editorBracketHighlight.foreground5#800080
  • editorBracketHighlight.foreground6#008080
  • editorBracketMatch.background#FFFF0044
  • editorBracketMatch.border#FF0000
  • editorCursor.foreground#FF0000
  • editorError.foreground#FF0000
  • editorGroupHeader.tabsBackground#C0C0C0
  • editorGroupHeader.tabsBorder#000080
  • editorGutter.addedBackground#008000
  • editorGutter.deletedBackground#FF0000
  • editorGutter.modifiedBackground#FF9933
  • editorHoverWidget.background#FFFFF0
  • editorHoverWidget.border#800000
  • editorIndentGuide.activeBackground1#FF0000
  • editorIndentGuide.background1#C0C0C0
  • editorInfo.foreground#0000FF
  • editorLineNumber.activeForeground#FF0000
  • editorLineNumber.foreground#800000
  • editorOverviewRuler.addedForeground#008000
  • editorOverviewRuler.border#800000
  • editorOverviewRuler.bracketMatchForeground#FFD700
  • editorOverviewRuler.deletedForeground#FF0000
  • editorOverviewRuler.errorForeground#FF0000
  • editorOverviewRuler.findMatchForeground#FF0000
  • editorOverviewRuler.infoForeground#0000FF
  • editorOverviewRuler.modifiedForeground#FF9933
  • editorOverviewRuler.warningForeground#FF9933
  • editorOverviewRuler.wordHighlightForeground#008000
  • editorRuler.foreground#FF000033
  • editorStickyScroll.background#E8E8D0
  • editorStickyScroll.border#800000
  • editorStickyScrollHover.background#FFFFCC
  • editorSuggestWidget.background#FFFFF0
  • editorSuggestWidget.border#800000
  • editorSuggestWidget.foreground#000080
  • editorSuggestWidget.highlightForeground#FF0000
  • editorSuggestWidget.selectedBackground#FFD70044
  • editorWarning.foreground#FF9933
  • editorWhitespace.foreground#C0C0C088
  • editorWidget.background#F5F5DC
  • editorWidget.border#000080
  • editorWidget.foreground#000080
  • errorForeground#FF0000
  • focusBorder#FF9933
  • foreground#000080
  • gitDecoration.addedResourceForeground#008000
  • gitDecoration.conflictingResourceForeground#FF00FF
  • gitDecoration.deletedResourceForeground#FF0000
  • gitDecoration.ignoredResourceForeground#808080
  • gitDecoration.modifiedResourceForeground#CC7700
  • gitDecoration.stageModifiedResourceForeground#0000FF
  • gitDecoration.untrackedResourceForeground#800080
  • icon.foreground#000080
  • input.background#FFFFFF
  • input.border#000080
  • input.foreground#000080
  • input.placeholderForeground#808080
  • inputOption.activeBackground#FFD70044
  • inputOption.activeBorder#FF9933
  • inputValidation.errorBackground#FFCCCC
  • inputValidation.errorBorder#FF0000
  • inputValidation.warningBackground#FFFFCC
  • inputValidation.warningBorder#FF9933
  • keybindingLabel.background#E0E0D0
  • keybindingLabel.border#808080
  • keybindingLabel.bottomBorder#666666
  • keybindingLabel.foreground#000080
  • list.activeSelectionBackground#000080
  • list.activeSelectionForeground#FFFFFF
  • list.focusHighlightForeground#800000
  • list.highlightForeground#FF0000
  • list.hoverBackground#FFFFCC
  • list.hoverForeground#0000FF
  • list.inactiveSelectionBackground#C0C0C0
  • merge.currentContentBackground#00800022
  • merge.currentHeaderBackground#00800044
  • merge.incomingContentBackground#00008022
  • merge.incomingHeaderBackground#00008044
  • minimap.background#F0F0E8
  • minimap.errorHighlight#FF000088
  • minimap.findMatchHighlight#FFFF0088
  • minimap.foregroundOpacity#FF
  • minimap.selectionHighlight#FF000088
  • minimap.warningHighlight#FF993388
  • minimapSlider.activeBackground#FF993388
  • minimapSlider.background#FF993344
  • minimapSlider.hoverBackground#FF993366
  • notificationCenter.border#FF0000
  • notifications.background#FFFFF0
  • notifications.border#FF9933
  • notifications.foreground#800000
  • notificationsErrorIcon.foreground#FF0000
  • notificationsInfoIcon.foreground#000080
  • notificationsWarningIcon.foreground#FF9933
  • notificationToast.border#FF0000
  • panel.background#F5F5DC
  • panel.border#800000
  • panelTitle.activeBorder#FF9933
  • panelTitle.activeForeground#800000
  • panelTitle.inactiveForeground#000080
  • peekView.border#800000
  • peekViewEditor.background#FFFFF0
  • peekViewEditor.matchHighlightBackground#FFFF0066
  • peekViewResult.background#F0F0E8
  • peekViewResult.fileForeground#800000
  • peekViewResult.lineForeground#000080
  • peekViewResult.matchHighlightBackground#FFD70066
  • peekViewResult.selectionBackground#000080
  • peekViewResult.selectionForeground#FFFFFF
  • peekViewTitle.background#000080
  • peekViewTitleDescription.foreground#FFD700
  • peekViewTitleLabel.foreground#FFFFFF
  • quickInput.background#F5F5DC
  • quickInput.foreground#000080
  • quickInputList.focusBackground#FFD70044
  • quickInputList.focusForeground#800000
  • quickInputTitle.background#000080
  • sash.hoverBorder#FF9933
  • scrollbar.shadow#000080
  • scrollbarSlider.activeBackground#FF9933CC
  • scrollbarSlider.background#80800088
  • scrollbarSlider.hoverBackground#808000AA
  • settings.focusedRowBackground#FFFFCC
  • settings.headerForeground#800000
  • settings.modifiedItemIndicator#FF9933
  • sideBar.background#F0F0E8
  • sideBar.border#800000
  • sideBar.foreground#000080
  • sideBarSectionHeader.background#000080
  • sideBarSectionHeader.border#FF9933
  • sideBarSectionHeader.foreground#FFD700
  • sideBarTitle.foreground#800000
  • statusBar.background#138808
  • statusBar.border#000080
  • statusBar.debuggingBackground#FF0000
  • statusBar.debuggingForeground#FFFFFF
  • statusBar.foreground#FFFFFF
  • statusBar.noFolderBackground#800000
  • statusBar.noFolderForeground#FFFFFF
  • statusBarItem.errorBackground#FF0000
  • statusBarItem.errorForeground#FFFFFF
  • statusBarItem.hoverBackground#0B6B06
  • statusBarItem.prominentBackground#FF9933
  • statusBarItem.prominentForeground#000000
  • statusBarItem.warningBackground#FFD700
  • statusBarItem.warningForeground#000000
  • tab.activeBackground#FFFFFF
  • tab.activeBorder#000080
  • tab.activeBorderTop#FF9933
  • tab.activeForeground#800000
  • tab.border#808080
  • tab.hoverBackground#FFFFCC
  • tab.inactiveBackground#D4D4C8
  • tab.inactiveForeground#000080
  • tab.unfocusedActiveBackground#E8E8DC
  • terminal.ansiBlack#000000
  • terminal.ansiBlue#000080
  • terminal.ansiBrightBlack#808080
  • terminal.ansiBrightBlue#0000FF
  • terminal.ansiBrightCyan#00FFFF
  • terminal.ansiBrightGreen#00FF00
  • terminal.ansiBrightMagenta#FF00FF
  • terminal.ansiBrightRed#FF0000
  • terminal.ansiBrightWhite#FFFFFF
  • terminal.ansiBrightYellow#FFFF00
  • terminal.ansiCyan#008080
  • terminal.ansiGreen#008000
  • terminal.ansiMagenta#800080
  • terminal.ansiRed#CC0000
  • terminal.ansiWhite#C0C0C0
  • terminal.ansiYellow#CC7700
  • terminal.background#FFFFF0
  • terminal.foreground#000080
  • titleBar.activeBackground#FF9933
  • titleBar.activeForeground#FFFFFF
  • titleBar.border#000080
  • titleBar.inactiveBackground#CC7A29
  • titleBar.inactiveForeground#EEEEEE
  • walkThrough.embeddedEditorBackground#FFFFF0
  • welcomePage.tileBackground#F0F0E8
  • welcomePage.tileBorder#000080
  • widget.shadow#00008044

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#808000italic
string, string.quoted#800000
constant.numeric#CC0000bold
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical, storage.type, storage.modifier#000080bold
entity.name.function, meta.function-call, support.function#006400bold
entity.name.type, entity.name.class, support.type, support.class, entity.other.inherited-class#800080bold underline
variable, variable.other, variable.parameter#008080—
constant, constant.language, variable.other.constant#FF0000bold
keyword.operator#556B2F—
punctuation, meta.brace#8B4513—
variable.other.property, variable.other.object.property, support.variable.property, meta.object-literal.key#00008B—
entity.name.tag#0000FFbold
entity.other.attribute-name#800000italic
support.type.property-name.css#006400—
support.constant.property-value.css, meta.property-value.css#000080—
entity.other.attribute-name.css#800080bold
string.regexp#FF00FF—
constant.character.escape#FF0000bold
meta.decorator, punctuation.decorator#FF8C00italic
keyword.control.import, keyword.control.from, keyword.control.export#006666bold
punctuation.definition.template-expression, string.template#B22222—
support.type.property-name.json#000080bold
heading.1.markdown, heading.2.markdown, heading.3.markdown, markup.heading#800000bold underline
markup.bold#000080bold
markup.italic#800080italic
markup.underline.link, string.other.link#0000FFunderline
markup.inline.raw, markup.fenced_code#556B2F—
entity.name.type.parameter#FF8C00italic
entity.name.namespace, entity.name.module#4B0082bold
variable.other.enummember#8B4513bold
entity.name.type.interface#006666bold underline
variable.language.this, variable.language.self, variable.language.special.self#CC0000bold italic
string.quoted.docstring, comment.block.documentation#6B8E23italic
storage.type.class.jsdoc, punctuation.definition.block.tag.jsdoc#CC6600bold
Sarkari Theme - Government Website Aesthetic by Spaghetti Sensei - VS Code Theme