Bureau — CONTROL Fan Theme

English · Español

Clearance granted. Turn VS Code into the Federal Bureau of Control.
Acceso autorizado. Convierte VS Code en la Agencia Federal de Control.

Beta · By Normalxxnavi · This is unofficial fan work not approved or endorsed by Remedy Entertainment Plc or its affiliates.

English

Bureau dresses Visual Studio Code in the brutalist world of the Federal Bureau of Control: the concrete of the Oldest House, the white void of the Astral Plane and the patterned Manhattan of CONTROL Resonant. It is not just a colour palette — the frame of the editor becomes Bureau signage, every file carries a dossier label, VS Code's own icons are reissued as Objects of Power, and the games' typography and sounds are one click away.

What's inside

	CONTROL Dark (The Oldest House), CONTROL Black (OLED), CONTROL Resonant (patterned Manhattan) and CONTROL Astral (the light Astral Plane).
	498 file and folder icons: 340 file extensions, 284 well-known file names, 84 languages and 278 folder names, in dark and light variants.
	350 of VS Code's own icons redrawn with 118 glyphs from the lore, in two versions: the theme colour or the game's real colours.
	Free fonts inspired by the games for the editor, terminal and chat, installed only for your user.
	Optional sound effects with a console in the status bar — no settings.json needed.

The themes

CONTROL Dark — The Oldest House

The reference theme, inspired by Control (2019). Warm charcoal concrete, bone-white text and FBC red as the accent — the colour of the Bureau's signage and of Jesse's Service Weapon. Red is used with restraint: the frame, the active elements and the control-flow keywords (if, return, throw), while declarations stay in muted tones so the code remains calm to read for hours.

CONTROL Black — The Astral Plane in negative

True black for OLED screens. The signage lines, the cursor and the glows switch to astral white, as if the Astral Plane had been printed in negative; FBC red is kept only for the selection and small details. The darkest theme of the set, with the same contrast guarantees as CONTROL Dark. In the screenshot: the colour product icons.

CONTROL Resonant — Patterned Manhattan

Inspired by Control Resonant (2026), where Dylan Faden crosses a Manhattan of floating, rotated buildings: cold wet-asphalt greys, steel blue and the pale resonance cyan. Following the game's art direction, red belongs to the Hiss — it only appears for errors and deletions, so when you see red, something really is wrong. Pairs with the Resonant typography (Space Mono and Space Grotesk).

CONTROL Astral — The Astral Plane

The only light theme: a white void framed by black geometry, like the Astral Plane, with FBC red reserved for small details. Body text reaches 16.8:1 (AAA) and the code colours — red keywords, blue types, ochre strings, orange numbers — are vivid enough to tell apart from the black text at a glance, while staying above 4.5:1 (AA).

More than colours: Bureau signage

• The monolith. The activity bar, status bar and title bar form a dark block — also in Astral — that holds the editor, the sidebar and the panel.
• Signage headers. Sidebar titles are monolith bands with an accent line underneath; sections are separated by thin accent rules.
• Astral light. Active elements of the frame glow in pure white, like the light of the Astral Plane.
• Accent glow. Floating widgets and the edge of scrolled content glow with the theme colour: FBC red, resonance cyan or astral white.
• Editor details. The current line number, the active indent guide, matching brackets and rulers use the accent; the line-number gutter is a darker concrete band.
• Full coverage. 687 UI colour keys (including the modern UI of VS Code 1.140), the terminal's 16 ANSI colours, Git, diff and merge editors, bracket pairs and semantic highlighting (including C#/Roslyn and Razor). Every text colour is checked against WCAG before packaging.

Install

1. Install Bureau — CONTROL Fan Theme from the Marketplace (or run code --install-extension bureau-theme-<version>.vsix).
2. Press Ctrl+K Ctrl+T (Cmd+K Cmd+T on macOS) and pick CONTROL Dark, CONTROL Black, CONTROL Resonant or CONTROL Astral.
3. Run Preferences: File Icon Theme → Bureau Icons.
4. Run Preferences: Product Icon Theme → Bureau Product Icons (theme colour) or Bureau Product Icons (Color) (the game's real colours).
5. The first time the extension starts it offers the game typography; the sound console is the icon in the status bar.

Bureau Icons

Every file carries the label of a Bureau dossier: its code (TS, C#, PY…) or a pictogram in the colour of its language, over a classification band with an astral notch — large, pixel-aligned shapes that stay sharp at 16 px. Every folder is solid, coloured by category and carries an emblem: </> for src, a check for test, a mountain for images, a hex nut for .vscode, a cube for node_modules, a globe for l10n…

• The root folder of a multi-root workspace is the Oldest House itself.
• .git, .gitignore and friends carry the Ashtray Maze — every branch leads somewhere.
• AI instruction files (CLAUDE.md, AGENTS.md, *.prompt.md…) carry Polaris, the light that guides Jesse.
• .env files are a classified, redacted document; tests carry the Hedron.

Coverage: programming languages, web, .NET (.csproj, .sln, appsettings.json…), configuration for the usual tools (Vite, Webpack, ESLint, Prettier, Jest, Vitest, Playwright, Tailwind, Next, Nuxt, Angular…), package managers and lockfiles, Docker and CI files, documents, images, audio, video, fonts, archives, certificates and keys.

Bureau Product Icons

VS Code's own icons, reissued by the Bureau: geometric, brutalist glyphs (octagons instead of circles, square dots, thick strokes) that work with the activity bar on the side, on top or at the bottom. Two themes are included:

• Bureau Product Icons — every icon in the theme colour, like VS Code's own icons.
• Bureau Product Icons (Color) — every icon in colour: the objects in their real colours and the interface in the Bureau's steel blue, with green for go, amber for caution and red for stop. It is a colour font (COLR/CPAL), so the colours are fixed and do not dim when inactive.

Objects of Power in your toolbar

From the game	In VS Code
	Explorer
	Source Control and merges
	The Git branch in the status bar — marked amber with changes, green when staged, red on conflicts
	Run and Debug — the teleporting Altered Item, for rubber duck debugging
	Testing
	Copilot, chat and AI — with a mark for each state: working, warning, error, done, unavailable or snoozed
	Notifications — crossed out in Do Not Disturb mode
	Accounts
	Save — the Object of Power the Bureau took from the Russians
	Timeline and history
	Debug Console
	Output
	Workspace trust and archives
	Clear all
	Keys and keyboard shortcuts
	Home
	Remote connections
	Tools — Dylan's shape-shifting weapon from CONTROL Resonant
	Music and sound packs
	Packages
	The sound console in the status bar

Plus the whole interface: panels (new, split, kill, maximize, close, more actions), trees (chevrons, new file and folder, refresh, collapse all, filter), the title bar (back and forward, layout toggles, window controls), the debug toolbar, errors, warnings and the remote indicator. Only icons that VS Code identifies by name can be replaced; extensions that draw their own image keep it.

Typography

Control is set in commercial typefaces (Interstate for signage and interface, ITC Avant Garde Gothic for titles, Akzidenz-Grotesk for documents), so they cannot be bundled. The extension includes free alternatives under the SIL Open Font License and offers them the first time it starts:

• If you own Interstate Mono or Interstate, the Bureau option uses them first.
• The fonts are installed only for your user, without administrator rights. Restart VS Code once after choosing.
• Keep my font restores your previous settings; CONTROL: Remove Installed Fonts also deletes the font files.

Sounds and the sound console

Short sound effects inspired by both games, off by default — including the sound of every key you type in the editor, which never interrupts the other sounds. You never need to edit settings.json: click the resonance icon in the status bar (or run CONTROL: Open Sound Console…) and the Bureau's switchboard lets you:

• turn the sounds on or off;
• pick the pack — Control, Resonant or follow the theme;
• set the volume (it plays a sample so you can hear it);
• tick, one by one, the moments that should make a sound;
• preview every sound;
• and, under Advanced: when to sound for errors, whether to play only with CONTROL themes, the pause between sounds and a folder with your own sounds.

Experienced users can hide the icon from the console itself, with CONTROL: Show/Hide Sound Icon in Status Bar, by right-clicking the status bar, or with "bureauTheme.sounds.statusBarItem": false.

All sounds are original recreations synthesized from scratch and mastered to be heard over background music — no audio, music or voices from the games are included or downloaded. See sounds/LICENSES.md. VS Code has no audio API for extensions, so the extension uses the system player (PowerShell on Windows, afplay on macOS, paplay, pw-play or aplay on Linux); with Remote-SSH, WSL or Codespaces the sounds play on your local machine.

Settings

Comments, parameters and type parameters are italic. To turn italics off:

{
  "editor.tokenColorCustomizations": {
    "[CONTROL Dark][CONTROL Black][CONTROL Resonant][CONTROL Astral]": {
      "textMateRules": [
        {
          "scope": ["comment", "variable.parameter", "entity.name.type.type-parameter", "variable.language", "markup.quote"],
          "settings": { "fontStyle": "" }
        }
      ]
    }
  },
  "editor.semanticTokenColorCustomizations": {
    "[CONTROL Dark][CONTROL Black][CONTROL Resonant][CONTROL Astral]": {
      "rules": { "parameter": { "italic": false }, "typeParameter": { "italic": false }, "*.abstract": { "italic": false } }
    }
  }
}

How it's made

Everything in the pack is generated by code — no drawing programs and no assets taken from the games.

Tested languages and known limitations

C#, Razor, JavaScript, TypeScript, JSON, HTML, CSS, SCSS, SQL, Markdown, XML, YAML, Python, Bash, diff and Git merge conflicts.

• Semantic colours depend on each language extension (for C# and Razor, the official C# extension).
• The theme colours the Markdown editor; the Markdown preview uses its own stylesheet.
• Panels from other extensions (for example AI chat panels) are web views and only follow the theme colours they choose to use.
• On Linux, sounds need paplay, pw-play or aplay; the terminal command failed sound requires shell integration.

The extension is in beta: versions are numbered 0.day.build until the first stable release, 1.0.0. See the CHANGELOG for the release history.

Privacy and security

The extension makes no network connections and collects no telemetry. The themes and icons are static files; the optional sounds and typography only use the system audio player and your user fonts folder. SECURITY.md explains exactly what it does on your computer and how to report a vulnerability privately. It also works in untrusted workspaces.

Credits and disclaimer

Made by Normalxxnavi. Fonts: Overpass, Overpass Mono, Space Mono and Space Grotesk (SIL Open Font License, see fonts/). Everything else — colours, icons, glyphs and sounds — is original and released under the MIT license.

This is unofficial fan work not approved or endorsed by Remedy Entertainment Plc or its affiliates. CONTROL and CONTROL Resonant are trademarks of their respective owners and are only used to describe what inspired this theme. It is free and has no commercial purpose. No game assets (images, logos, audio, music, fonts or text) are included.

Back to top · Español

Español

Bureau viste Visual Studio Code con el mundo brutalista de la Agencia Federal de Control: el hormigón de la Casa Inmemorial, el vacío blanco del Plano Astral y el Manhattan alterado de CONTROL Resonant. No es solo una paleta de colores: el marco del editor se convierte en señalética de la Agencia, cada archivo lleva la etiqueta de un expediente, los iconos del propio VS Code se reeditan como Objetos de Poder, y la tipografía y los sonidos de los juegos están a un clic.

Qué incluye

	CONTROL Dark (la Casa Inmemorial), CONTROL Black (OLED), CONTROL Resonant (el Manhattan alterado) y CONTROL Astral (el Plano Astral, tema claro).
	498 iconos de archivos y carpetas: 340 extensiones, 284 nombres de archivo conocidos, 84 lenguajes y 278 nombres de carpeta, con variantes oscura y clara.
	350 iconos del propio VS Code redibujados con 118 glifos del lore, en dos versiones: el color del tema o los colores reales del juego.
	Fuentes libres inspiradas en los juegos para el editor, la terminal y el chat, instaladas solo para tu usuario.
	Efectos de sonido opcionales con una consola en la barra de estado: sin tocar settings.json.

Los temas

CONTROL Dark — La Casa Inmemorial

El tema de referencia, inspirado en Control (2019). Hormigón gris carbón cálido, texto color hueso y rojo FBC como acento: el color de la señalética de la Agencia y del Arma de Servicio de Jesse. El rojo se usa con moderación: el marco, los elementos activos y las palabras clave de control de flujo (if, return, throw), mientras que las declaraciones van en tonos apagados para que el código se lea con calma durante horas.

CONTROL Black — El Plano Astral en negativo

Negro puro para pantallas OLED. Las líneas de señalética, el cursor y los brillos pasan a blanco astral, como si el Plano Astral se hubiera impreso en negativo; el rojo FBC queda solo para la selección y pequeños detalles. Es el tema más oscuro del conjunto, con las mismas garantías de contraste que CONTROL Dark. En la captura: los iconos de producto a color.

CONTROL Resonant — El Manhattan alterado

Inspirado en Control Resonant (2026), donde Dylan Faden recorre un Manhattan de edificios que flotan girados: grises fríos de asfalto mojado, azul acero y el cian de resonancia pálido. Siguiendo la dirección de arte del juego, el rojo pertenece al Siseo: solo aparece en errores y eliminaciones, así que cuando ves rojo, algo va mal de verdad. Combina con la tipografía Resonant (Space Mono y Space Grotesk).

CONTROL Astral — El Plano Astral

El único tema claro: un vacío blanco enmarcado por geometría negra, como el Plano Astral, con el rojo FBC reservado para pequeños detalles. El texto llega a 16,8:1 (AAA) y los colores del código (palabras clave rojas, tipos azules, cadenas ocre, números naranjas) son lo bastante vivos para distinguirlos del texto negro de un vistazo, sin bajar de 4,5:1 (AA).

Más que colores: la señalética de la Agencia

• El monolito. La barra de actividad, la barra de estado y la barra de título forman un bloque oscuro (también en Astral) que sostiene el editor, la barra lateral y el panel.
• Cabeceras de señalética. Los títulos de la barra lateral son bandas de monolito con una línea de acento debajo; las secciones se separan con finas líneas de acento.
• Luz astral. Los elementos activos del marco brillan en blanco puro, como la luz del Plano Astral.
• Brillo de acento. Los elementos flotantes y el borde del contenido desplazado brillan con el color del tema: rojo FBC, cian de resonancia o blanco astral.
• Detalles del editor. El número de la línea actual, la guía de sangría activa, los corchetes emparejados y las reglas usan el acento; el margen de números de línea es una franja de hormigón más oscura.
• Cobertura completa. 687 claves de color de la interfaz (incluida la interfaz moderna de VS Code 1.140), los 16 colores ANSI de la terminal, Git, editores de diferencias y fusión, pares de corchetes y resaltado semántico (incluidos C#/Roslyn y Razor). Todos los colores de texto se comprueban con WCAG antes de empaquetar.

Instalación

1. Instala Bureau — CONTROL Fan Theme desde el Marketplace (o ejecuta code --install-extension bureau-theme-<versión>.vsix).
2. Pulsa Ctrl+K Ctrl+T (Cmd+K Cmd+T en macOS) y elige CONTROL Dark, CONTROL Black, CONTROL Resonant o CONTROL Astral.
3. Ejecuta Preferencias: Tema de icono de archivo → Bureau Icons.
4. Ejecuta Preferencias: Tema de icono de producto → Bureau Product Icons (color del tema) o Bureau Product Icons (Color) (los colores reales del juego).
5. La primera vez que se inicia, la extensión ofrece la tipografía de los juegos; la consola de sonido es el icono de la barra de estado.

Bureau Icons

Cada archivo lleva la etiqueta de un expediente de la Agencia: su código (TS, C#, PY…) o un pictograma del color de su lenguaje, sobre una banda de clasificación con su muesca astral; formas grandes y alineadas a los píxeles para que se vean nítidas a 16 px. Cada carpeta es maciza, del color de su categoría, y lleva un emblema: </> para src, un check para test, una montaña para images, una tuerca para .vscode, un cubo para node_modules, un globo para l10n…

• La carpeta raíz de un área de trabajo con varias raíces es la propia Casa Inmemorial.
• .git, .gitignore y compañía llevan el Laberinto del Cenicero: cada rama lleva a algún sitio.
• Los archivos de instrucciones para IA (CLAUDE.md, AGENTS.md, *.prompt.md…) llevan a Polaris, la luz que guía a Jesse.
• Los .env son un documento clasificado y censurado; los tests llevan el Hedrón.

Cobertura: lenguajes de programación, web, .NET (.csproj, .sln, appsettings.json…), configuración de las herramientas habituales (Vite, Webpack, ESLint, Prettier, Jest, Vitest, Playwright, Tailwind, Next, Nuxt, Angular…), gestores de paquetes y archivos de bloqueo, Docker y CI, documentos, imágenes, audio, vídeo, fuentes, archivos comprimidos, certificados y claves.

Bureau Product Icons

Los iconos del propio VS Code, reeditados por la Agencia: glifos geométricos y brutalistas (octógonos en lugar de círculos, puntos cuadrados, trazos gruesos) que funcionan con la barra de actividad a un lado, arriba o abajo. Incluye dos temas:

• Bureau Product Icons: todos los iconos en el color del tema, como los del propio VS Code.
• Bureau Product Icons (Color): todos los iconos a color: los objetos con sus colores reales y la interfaz en el azul acero de la Agencia, con verde para seguir, ámbar para precaución y rojo para parar. Es una fuente de color (COLR/CPAL), así que los colores son fijos y no se atenúan cuando el icono está inactivo.

Objetos de Poder en tu barra de herramientas

Del juego	En VS Code
	Explorador
	Control de código fuente y fusiones
	La rama de Git en la barra de estado: marca ámbar con cambios, verde con cambios preparados y roja con conflictos
	Ejecutar y depurar: el Objeto Alterado que se teletransporta, para el rubber duck debugging
	Pruebas
	Copilot, el chat y la IA, con una marca para cada estado: trabajando, aviso, error, listo, no disponible o en pausa
	Notificaciones; tachada en modo No molestar
	Cuentas
	Guardar: el Objeto de Poder que la Agencia se llevó de los rusos
	Línea de tiempo e historial
	Consola de depuración
	Salida
	Confianza del área de trabajo y archivos
	Borrar todo
	Claves y atajos de teclado
	Inicio
	Conexiones remotas
	Herramientas: el arma que cambia de forma de Dylan en CONTROL Resonant
	Música y packs de sonido
	Paquetes
	La consola de sonido de la barra de estado

Y toda la interfaz: paneles (nuevo, dividir, cerrar proceso, maximizar, cerrar, más acciones), árboles (flechas, nuevo archivo y carpeta, actualizar, contraer todo, filtrar), la barra de título (atrás y adelante, botones de diseño, controles de ventana), la barra de depuración, errores, advertencias y el indicador remoto. Solo se pueden sustituir los iconos que VS Code identifica por su nombre; las extensiones que dibujan su propia imagen la mantienen.

Tipografía

Control usa tipografías comerciales (Interstate para la señalética y la interfaz, ITC Avant Garde Gothic para los títulos, Akzidenz-Grotesk para los documentos), así que no se pueden incluir. La extensión trae alternativas libres con licencia SIL Open Font License y las ofrece la primera vez que se inicia:

• Si tienes Interstate Mono o Interstate, la opción Bureau las usa primero.
• Las fuentes se instalan solo para tu usuario, sin permisos de administrador. Reinicia VS Code una vez después de elegir.
• Mantener mi fuente restaura tu configuración anterior; CONTROL: Quitar las tipografías instaladas borra además los archivos.

Sonidos y consola de sonido

Efectos de sonido cortos inspirados en los dos juegos, desactivados por defecto, incluido el sonido de cada tecla que escribes en el editor, que nunca interrumpe a los demás sonidos. No hace falta tocar settings.json: pulsa el icono de la resonancia en la barra de estado (o ejecuta CONTROL: Abrir la consola de sonido…) y la centralita de la Agencia te deja:

• activar o desactivar los sonidos;
• elegir el pack: Control, Resonant o según el tema;
• ajustar el volumen (suena una muestra para que lo oigas);
• marcar uno a uno los momentos que deben sonar;
• probar todos los sonidos;
• y, en Avanzado: cuándo suenan los errores, si solo suenan con temas CONTROL, la pausa entre sonidos y una carpeta con tus propios sonidos.

Si ya te manejas bien, puedes ocultar el icono desde la propia consola, con CONTROL: Mostrar/ocultar el icono de sonido en la barra de estado, con el botón derecho sobre la barra de estado o con "bureauTheme.sounds.statusBarItem": false.

Todos los sonidos son recreaciones originales sintetizadas desde cero y masterizadas para oírse aunque tengas música de fondo: no se incluye ni se descarga audio, música ni voces de los juegos. Consulta sounds/LICENSES.md. VS Code no tiene una API de audio para extensiones, así que la extensión usa el reproductor del sistema (PowerShell en Windows, afplay en macOS, paplay, pw-play o aplay en Linux); con Remote-SSH, WSL o Codespaces los sonidos suenan en tu equipo local.

Configuración

Los comentarios, los parámetros y los parámetros de tipo van en cursiva. Para quitarla:

{
  "editor.tokenColorCustomizations": {
    "[CONTROL Dark][CONTROL Black][CONTROL Resonant][CONTROL Astral]": {
      "textMateRules": [
        {
          "scope": ["comment", "variable.parameter", "entity.name.type.type-parameter", "variable.language", "markup.quote"],
          "settings": { "fontStyle": "" }
        }
      ]
    }
  },
  "editor.semanticTokenColorCustomizations": {
    "[CONTROL Dark][CONTROL Black][CONTROL Resonant][CONTROL Astral]": {
      "rules": { "parameter": { "italic": false }, "typeParameter": { "italic": false }, "*.abstract": { "italic": false } }
    }
  }
}

Cómo está hecho

Todo el pack se genera con código: sin programas de dibujo y sin recursos sacados de los juegos.

Lenguajes probados y limitaciones conocidas

C#, Razor, JavaScript, TypeScript, JSON, HTML, CSS, SCSS, SQL, Markdown, XML, YAML, Python, Bash, diff y conflictos de fusión de Git.

• Los colores semánticos dependen de la extensión de cada lenguaje (para C# y Razor, la extensión oficial de C#).
• El tema colorea el editor de Markdown; la vista previa de Markdown usa su propia hoja de estilos.
• Los paneles de otras extensiones (por ejemplo, los chats de IA) son vistas web y solo siguen los colores del tema que ellas decidan usar.
• En Linux, los sonidos necesitan paplay, pw-play o aplay; el sonido de falla un comando de la terminal necesita la integración del shell.

La extensión está en beta: las versiones se numeran 0.día.compilación hasta la primera versión estable, la 1.0.0. Consulta el CHANGELOG para ver el historial de versiones.

Privacidad y seguridad

La extensión no se conecta a internet ni recoge telemetría. Los temas y los iconos son archivos estáticos; los sonidos y la tipografía opcionales solo usan el reproductor de audio del sistema y tu carpeta de fuentes de usuario. SECURITY.md detalla qué hace exactamente en tu equipo y cómo informar de una vulnerabilidad en privado. También funciona en áreas de trabajo no confiables.

Créditos y aviso legal

Hecho por Normalxxnavi. Fuentes: Overpass, Overpass Mono, Space Mono y Space Grotesk (SIL Open Font License, ver fonts/). Todo lo demás (colores, iconos, glifos y sonidos) es original y se publica con licencia MIT.

Esta es una obra fan no oficial, no aprobada ni respaldada por Remedy Entertainment Plc ni sus filiales (This is unofficial fan work not approved or endorsed by Remedy Entertainment Plc or its affiliates.). CONTROL y CONTROL Resonant son marcas registradas de sus respectivos propietarios y solo se usan para describir en qué se inspira este tema. Es gratuito y no tiene fines comerciales. No incluye ningún recurso de los juegos (imágenes, logotipos, audio, música, fuentes ni textos).

Volver arriba · English