Android Studio Default Themes

Name: Android Studio Default Themes
Author: Shayan Ahmed Khan

Publisher: Shayan Ahmed KhanThemes in package: 3

Default themes used in Android Studio

GitHub

Color themes

VS Code preview

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

Android Studio Default Themes — Dark - Android Studio

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#4b4c4f
activityBar.activeBorder#00000000
activityBar.background#2b2d30
activityBar.border#1e1f22
activityBar.foreground#ced0d6
activityBar.inactiveForeground#ced0d6
activityBarBadge.background#ced0d6
activityBarBadge.foreground#2b2d30
breadcrumb.background#2b2d30
button.background#3574f0
debugConsole.errorForeground#f75464
debugConsole.infoForeground#e0bb65
debugConsole.sourceForeground#00ff00
debugConsole.warningForeground#bcbec4
diffEditor.insertedLineBackground#294436
diffEditor.removedLineBackground#484a4a
diffEditor.removedTextBackground#294436
diffEditorGutter.insertedLineBackground#222e2a
diffEditorGutter.removedLineBackground#2f3032
dropdown.background#2b2d30
dropdown.border#43454a
editor.background#1e1f22
editor.findMatchBackground#214283
editor.findMatchBorder#ced0d6
editor.findMatchHighlightBackground#00f1ff33
editor.findMatchHighlightBorder#165e70
editor.foldBackground#00000000
editor.foreground#bcbec4
editor.inactiveSelectionBackground#2B5BC699
editor.lineHighlightBackground#26282e
editor.selectionBackground#214283
editor.selectionHighlightBackground#9bab9533
editor.wordHighlightBackground#9bab9533
editorBracketHighlight.foreground1#bcbec4
editorBracketHighlight.foreground2#bcbec4
editorBracketHighlight.foreground3#bcbec4
editorBracketHighlight.foreground4#bcbec4
editorBracketHighlight.foreground5#bcbec4
editorBracketHighlight.foreground6#bcbec4
editorBracketMatch.background#43454a
editorBracketMatch.border#00000000
editorError.foreground#fa6675
editorGroupHeader.tabsBackground#1e1f22
editorGroupHeader.tabsBorder#393b40
editorGutter.background#1e1f22
editorHoverWidget.border#43454a
editorIndentGuide.activeBackground1#313438
editorIndentGuide.background1#313438
editorInfo.foreground#857042
editorInlayHint.background#2d2e32
editorInlayHint.foreground#858a94
editorLineNumber.activeForeground#a1a3ab
editorLineNumber.foreground#4b5059
editorSuggestWidget.border#43454a
editorSuggestWidget.focusHighlightForeground#548af7
editorSuggestWidget.highlightForeground#548af7
editorSuggestWidget.selectedBackground#2e436e
editorSuggestWidget.selectedForeground#bcbec4
editorUnnecessaryCode.opacity#000000e0
editorWarning.foreground#f2c55c
editorWidget.background#2b2d30
focusBorder#00000000
foreground#dfe1e5
gitDecoration.addedResourceForeground#73bd79
gitDecoration.conflictingResourceForeground#ff0000
gitDecoration.deletedResourceForeground#6f737a
gitDecoration.ignoredResourceForeground#d69a6b
gitDecoration.modifiedResourceForeground#70aeff
gitDecoration.renamedResourceForeground#70aeff
gitDecoration.stageDeletedResourceForeground#6f737a
gitDecoration.stageModifiedResourceForeground#70aeff
gitDecoration.submoduleResourceForeground#dfe1e5
gitDecoration.untrackedResourceForeground#e88f89
input.background#00000000
input.border#393b40
inputOption.activeBackground#35538f
inputOption.activeBorder#00000000
inputOption.hoverBackground#313235
list.activeSelectionBackground#2e436e
list.hoverBackground#00000000
list.inactiveSelectionBackground#43454a
menu.border#43454a
menu.separatorBackground#43454a
menubar.selectionBackground#414245
panelTitle.activeBorder#3574f0
sideBar.background#2b2d30
sideBarSectionHeader.background#00000000
statusBar.background#2b2d30
statusBar.border#1e1f22
statusBar.debuggingBackground#2b2d30
statusBar.foreground#ced0d6
statusBar.noFolderBackground#2b2d30
statusBarItem.remoteBackground#00000000
statusBarItem.remoteForeground#ced0d6
tab.activeBorder#3574f0
tab.border#00000000
tab.inactiveBackground#00000000
terminal.ansiBlue#3993d4
terminal.ansiBrightBlue#1fb0ff
terminal.ansiBrightCyan#00e5e5
terminal.ansiBrightGreen#4fc414
terminal.ansiBrightMagenta#ed7eed
terminal.ansiBrightRed#ff4050
terminal.ansiBrightWhite#ffffff
terminal.ansiBrightYellow#e5bf00
terminal.ansiCyan#00a3a3
terminal.ansiGreen#5c962c
terminal.ansiMagenta#a771bf
terminal.ansiRed#f0524f
terminal.ansiWhite#808080
terminal.ansiYellow#a68a0d
titleBar.activeBackground#2b2d30
titleBar.inactiveBackground#3c3f41

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment	#7a7e85	—
comment.block.javadoc.java, comment.block.documentation.cpp	#5f826b	italic
keyword, storage, keyword.declaration, variable.language, keyword.operator.instanceof, keyword.operator.delete, keyword.other.important.css, keyword.operator.logical.only.media.css, keyword.operator.logical.and.media.css	#cf8e6d	—
variable.other.definition, variable.other.object.property, support.variable	#c77dbb	—
meta.method.identifier.java, entity.name.function.dart, entity.name.function.definition.cpp, entity.name.function.definition.special.constructor.cpp	#56a8f5
constant.numeric	#2aacbb	—
string.quoted.single, string.quoted.double, string.quoted.triple, string.quoted.other, string.interpolated, string.template, string.other.link.description.title.markdown	#6aab73	—
constant.character.escape	#cf8e6d	—
entity.name.tag, punctuation.definition.tag	#d5b778	—
meta.tag	#bababa	—
constant.language	#cf8e6d
punctuation.separator	#bcbec4
keyword.other.documentation.javadoc	#67a37c	—
storage.type.annotation, punctuation.definition.annotation	#b3ae60
keyword.control.ternary, keyword.operator, storage.type.generic, storage.type.java, variable.parameter, storage.modifier.import, storage.modifier.package, storage.type.object.array.java	#bcbec4	—
punctuation.definition.directive, keyword.control.directive	#b3ae60
entity.name.function.preprocessor.cpp	#908b25
variable.other.property.cpp	#9373a5	—
entity.name.type.class.cpp, entity.name.type.struct.cpp, entity.name.namespace.cpp, entity.name.scope-resolution.cpp	#b5b6e3
entity.other.attribute-name.namespace	#c77dbb	—
entity.name.tag.xml	#bcbec4	—
variable.parameter.function.kotlin	#c77dbb	—
support.type.property-name.json	#c77dbb
meta.property-name.css	#174ad4	—
keyword.other.unit, support.constant.property-value.css	#067d17	—
meta.selector.css	#0033b3	—
support.constant.media.css	#067d17	—
support.type.property-name.media.css	#0033b3	—
support.type.vendored.property-name.media.css	#174ad4	—
constant.other.color.rgb-value.hex.css	#0033b3	—
punctuation.definition.entity.css	#000000	—
support.function.calc.css, support.function.shape.css	#0033b3	—
variable.parameter.misc.css	#0033b3	—
variable.other.object.js	#830091	—
variable.other.readwrite.js, variable.other.constant.js	#248f8f	—
meta.function-call.js	#7a7a43	—
meta.definition.function.js	#080808	—
variable.parameter.js	#080808	underline
punctuation.definition.list.begin.markdown, punctuation.definition.bold.markdown, punctuation.definition.italic.markdown, punctuation.definition.heading, punctuation.definition.constant, meta.separator.markdown, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown, constant.other.reference.link.markdown, punctuation.definition.raw.markdown, punctuation.definition.markdown, punctuation.definition.table.markdown, punctuation.separator.table.markdown	#cf8e6d	—
markup.strikethrough.markdown	—	strikethrough
markup.heading.markdown	#c77dbb	italic
markup.bold.markdown	—	bold
markup.underline.link	—	italic
punctuation.definition.link, string.other.link.description, string.other.link.title, markup.underline.link	#56a8f5	—
punctuation.definition.metadata.markdown	#087d17	—
markup.fenced_code.block.markdown, markup.inline.raw.string.markdown, markup.raw.block.markdown, markup.quote.markdown	#6aab73	—

Shiki preview

TypeScript sample highlighted with this variant's colors and tokenColors.

export interface User {
  id: string;
  name: string;
  role: "admin" | "member";
  tags: string[];
}

/**
 * Fetch user data by ID
 * @param id  
 * @returns User object or null if ID is invalid
 */
export async function fetchUser(id: string): Promise<User | null> {
  if (!id) {
    return null;
  }

  const response = await fetch(`/api/users/${id}`, {
    method: "GET",
    headers: { Accept: "application/json" },
  });

  if (!response.ok) {
    throw new Error(`HTTP ${response.status}`);
  }

  return (await response.json()) as User;
}

function greet(user: User): string {
  // Simple greeting function that uses the user's name
  return `Hello, ${user.name}!`;
}