Skip to main content
Coding Theme

I 💚 GTT

Publisher: restardThemes in package: 2

GovTech東京に着想を得た、緑が主役の非公式VS Code theme。Light / Dark・ファイルアイコン・Product Iconを同梱。

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.activeBorder#72BF8B
  • activityBar.background#18181A
  • activityBar.foreground#72BF8B
  • activityBar.inactiveForeground#99999F
  • activityBarBadge.background#145E26
  • activityBarBadge.foreground#FFFFFF
  • badge.background#333338
  • badge.foreground#E2E2E5
  • button.background#145E26
  • button.foreground#FFFFFF
  • button.hoverBackground#197A4B
  • descriptionForeground#99999F
  • diffEditor.insertedLineBackground#008A3818
  • diffEditor.insertedTextBackground#008A382B
  • diffEditor.insertedTextBorder#72BF8BAA
  • diffEditor.removedLineBackground#B72E4218
  • diffEditor.removedTextBackground#B72E4246
  • diffEditor.removedTextBorder#FF9999AA
  • diffEditorGutter.insertedLineBackground#00A34266
  • diffEditorGutter.removedLineBackground#E0334966
  • disabledForeground#99999F
  • dropdown.background#18181A
  • dropdown.border#303034
  • dropdown.foreground#E2E2E5
  • editor.background#1E1E20
  • editor.findMatchBackground#95670041
  • editor.findMatchBorder#00000000
  • editor.findMatchHighlightBackground#DCA63310
  • editor.findMatchHighlightBorder#00000000
  • editor.foreground#E2E2E5
  • editor.inactiveSelectionBackground#24352B99
  • editor.lineHighlightBackground#262629
  • editor.selectionBackground#24352B
  • editor.selectionHighlightBackground#89958F15
  • editor.selectionHighlightBorder#00000000
  • editor.wordHighlightBackground#89958F24
  • editor.wordHighlightBorder#00000000
  • editor.wordHighlightStrongBackground#72BF8B24
  • editor.wordHighlightStrongBorder#00000000
  • editor.wordHighlightTextBackground#89958F24
  • editor.wordHighlightTextBorder#00000000
  • editorBracketHighlight.foreground1#50D984
  • editorBracketHighlight.foreground2#80B3EB
  • editorBracketHighlight.foreground3#EAC887
  • editorBracketHighlight.foreground4#BCADC5
  • editorBracketHighlight.foreground5#9DC9C4
  • editorBracketHighlight.foreground6#A2CFAF
  • editorBracketMatch.background#72BF8B18
  • editorBracketMatch.border#00000000
  • editorCodeLens.foreground#99999F
  • editorCursor.foreground#72BF8B
  • editorError.border#00000000
  • editorError.foreground#FF9999
  • editorGroup.border#303034
  • editorGroupHeader.tabsBackground#18181A
  • editorGutter.addedBackground#72BF8B
  • editorGutter.deletedBackground#FF9999
  • editorGutter.modifiedBackground#9ACFF0
  • editorHoverWidget.background#252528
  • editorHoverWidget.border#505057
  • editorHoverWidget.foreground#E2E2E5
  • editorHoverWidget.highlightForeground#72BF8B
  • editorHoverWidget.statusBarBackground#18181A
  • editorIndentGuide.activeBackground1#55555E
  • editorIndentGuide.background1#303034
  • editorInfo.foreground#9ACFF0
  • editorLineNumber.activeForeground#E2E2E5
  • editorLineNumber.foreground#99999F
  • editorOverviewRuler.errorForeground#FF9999CC
  • editorOverviewRuler.infoForeground#9ACFF0AA
  • editorOverviewRuler.warningForeground#EAC887CC
  • editorSuggestWidget.background#252528
  • editorSuggestWidget.border#505057
  • editorSuggestWidget.focusHighlightForeground#72BF8B
  • editorSuggestWidget.foreground#E2E2E5
  • editorSuggestWidget.highlightForeground#72BF8B
  • editorSuggestWidget.selectedBackground#24352B
  • editorSuggestWidget.selectedForeground#E2E2E5
  • editorSuggestWidget.selectedIconForeground#72BF8B
  • editorSuggestWidgetStatus.foreground#99999F
  • editorWarning.border#00000000
  • editorWarning.foreground#EAC887
  • editorWidget.background#252528
  • editorWidget.border#303034
  • errorForeground#FF9999
  • focusBorder#72BF8B
  • foreground#E2E2E5
  • gitDecoration.addedResourceForeground#72BF8B
  • gitDecoration.conflictingResourceForeground#EAC887
  • gitDecoration.deletedResourceForeground#FF9999
  • gitDecoration.ignoredResourceForeground#99999F
  • gitDecoration.modifiedResourceForeground#9ACFF0
  • gitDecoration.untrackedResourceForeground#72BF8B
  • input.background#222225
  • input.border#303034
  • input.foreground#E2E2E5
  • inputOption.activeBackground#24352B
  • inputOption.activeBorder#72BF8B
  • inputOption.activeForeground#72BF8B
  • inputValidation.errorBackground#342326
  • inputValidation.errorBorder#FF9999
  • inputValidation.errorForeground#FF9999
  • inputValidation.infoBackground#232C35
  • inputValidation.infoBorder#9ACFF0
  • inputValidation.infoForeground#9ACFF0
  • inputValidation.warningBackground#302A20
  • inputValidation.warningBorder#EAC887
  • inputValidation.warningForeground#EAC887
  • list.activeSelectionBackground#24352B
  • list.activeSelectionForeground#72BF8B
  • list.focusAndSelectionOutline#00000000
  • list.focusBackground#24352B
  • list.focusForeground#72BF8B
  • list.focusOutline#00000000
  • list.hoverBackground#262629
  • list.inactiveFocusOutline#00000000
  • list.inactiveSelectionBackground#37373F
  • list.inactiveSelectionForeground#E2E2E5
  • notificationCenterHeader.background#18181A
  • notificationCenterHeader.foreground#E2E2E5
  • notifications.background#18181A
  • notifications.border#303034
  • notifications.foreground#E2E2E5
  • panel.background#18181A
  • panel.border#303034
  • panelTitle.activeBorder#72BF8B
  • panelTitle.activeForeground#72BF8B
  • problemsErrorIcon.foreground#FF9999
  • problemsInfoIcon.foreground#9ACFF0
  • problemsWarningIcon.foreground#EAC887
  • progressBar.background#72BF8B
  • quickInput.background#252528
  • sideBar.background#18181A
  • sideBar.border#303034
  • sideBar.foreground#E2E2E5
  • sideBarSectionHeader.background#232D27
  • sideBarSectionHeader.border#72BF8B
  • sideBarSectionHeader.foreground#E2E2E5
  • statusBar.background#18181A
  • statusBar.border#303034
  • statusBar.debuggingBackground#5B451D
  • statusBar.debuggingForeground#E2E2E5
  • statusBar.foreground#E2E2E5
  • statusBar.noFolderBackground#18181A
  • statusBar.noFolderForeground#E2E2E5
  • statusBarItem.remoteBackground#18181A
  • statusBarItem.remoteForeground#E2E2E5
  • tab.activeBackground#1E1E20
  • tab.activeBorderTop#72BF8B
  • tab.activeForeground#72BF8B
  • tab.activeModifiedBorder#EAC887
  • tab.border#00000000
  • tab.hoverBackground#28282D
  • tab.hoverBorder#72BF8B66
  • tab.hoverForeground#E2E2E5
  • tab.inactiveBackground#18181A
  • tab.inactiveForeground#99999F
  • tab.inactiveModifiedBorder#EAC887
  • tab.unfocusedActiveBorderTop#526F5C
  • tab.unfocusedActiveForeground#E2E2E5
  • tab.unfocusedActiveModifiedBorder#EAC887
  • tab.unfocusedHoverBackground#28282D
  • tab.unfocusedHoverBorder#72BF8B44
  • tab.unfocusedHoverForeground#E2E2E5
  • tab.unfocusedInactiveForeground#99999F
  • tab.unfocusedInactiveModifiedBorder#EAC887
  • terminal.ansiBlack#A0A0A8
  • terminal.ansiBlue#9ACFF0
  • terminal.ansiBrightBlack#99999F
  • terminal.ansiBrightBlue#B2DFFF
  • terminal.ansiBrightCyan#ACECE1
  • terminal.ansiBrightGreen#A2E8B4
  • terminal.ansiBrightMagenta#E1C9F7
  • terminal.ansiBrightRed#FFB0AB
  • terminal.ansiBrightWhite#FFFFFF
  • terminal.ansiBrightYellow#F5DCA5
  • terminal.ansiCyan#7CD8CB
  • terminal.ansiGreen#72BF8B
  • terminal.ansiMagenta#D2B7EE
  • terminal.ansiRed#FF9999
  • terminal.ansiWhite#D8D8DC
  • terminal.ansiYellow#EAC887
  • terminal.background#1E1E20
  • terminal.border#303034
  • terminal.findMatchBackground#95670041
  • terminal.findMatchBorder#00000000
  • terminal.findMatchHighlightBackground#DCA63310
  • terminal.findMatchHighlightBorder#00000000
  • terminal.foreground#E2E2E5
  • terminal.hoverHighlightBackground#72BF8B15
  • terminal.inactiveSelectionBackground#24352B88
  • terminal.selectionBackground#24352B
  • terminal.tab.activeBorder#72BF8B
  • terminalCommandDecoration.defaultBackground#99999F
  • terminalCommandDecoration.errorBackground#FF9999
  • terminalCommandDecoration.successBackground#72BF8B
  • terminalCommandGuide.foreground#72BF8B77
  • terminalCursor.background#1E1E20
  • terminalCursor.foreground#72BF8B
  • terminalOverviewRuler.cursorForeground#72BF8B
  • terminalOverviewRuler.findMatchForeground#D4AC55
  • textLink.activeForeground#98DBAF
  • textLink.foreground#72BF8B
  • titleBar.activeBackground#008532
  • titleBar.activeForeground#FFFFFF
  • titleBar.border#008532
  • titleBar.inactiveBackground#236C40
  • titleBar.inactiveForeground#FFFFFF
  • widget.shadow#00000040

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#99999F—
keyword, storage.type, storage.modifier#50D984—
string#9DC9C4—
constant.numeric, constant.language, constant.character#EAC887—
entity.name.function, support.function#80B3EB—
entity.name.type, entity.name.class, support.type#A2CFAF—
variable#E2E2E5—
variable.other.property, entity.other.attribute-name, support.type.property-name#B0BFCD—
entity.name.tag#50D984—
punctuation#99999F—
markup.heading, entity.name.section#50D984bold
markup.bold#E2E2E5bold
markup.italic#E2E2E5italic
markup.underline.link#80B3EB—
markup.inserted#50D984—
markup.deleted#FF9999—
invalid#FF9999—
keyword.operator.assignment, keyword.operator.arithmetic, keyword.operator.comparison, keyword.operator.logical, keyword.operator.ternary, keyword.operator.spread#99999F—
support.type.primitive, support.type.builtin, support.class#BCADC5—
variable.other.constant#94BAD1—
punctuation.definition.string#9DC9C4—
I 💚 GTT by restard - VS Code Theme