Skip to content

Sistema de Iconos de Carpetas - AudioLab

Sistema completo y organizado para gestionar iconos de carpetas en VSCode usando Material Icon Theme.

📁 Estructura de Carpetas

icons/
├── config/              # Configuración
│   ├── folder-icons.config          ⭐ EDITA AQUÍ
│   └── all-folder-icons.txt         (Lista de 307 iconos)
│
├── scripts/             # Scripts de gestión
│   ├── apply-folder-icons.ps1       🚀 EJECUTA ESTO
│   ├── configure-folder-icons.ps1   (Alternativo todo-en-uno)
│   ├── create-icon-samples.ps1
│   └── create-icon-samples-COMPLETE.ps1
│
├── docs/                # Documentación
│   ├── README-FOLDER-ICONS.md       📖 Guía completa
│   ├── COMPLETE-FOLDER-ICONS-CATALOG.md (307 iconos)
│   ├── icon-reference.md            (92 iconos comunes)
│   ├── root-folders-icon-proposal.md
│   └── ICON_SETUP_GUIDE.md
│
├── samples/             # Muestras visuales
│   └── _icon_samples/   (307 carpetas para explorar)
│
└── _icon_samples_org/   # ⭐ Iconos verificados por color
    ├── BLUE/            (29 iconos azules)
    ├── BROWN/           (3 iconos marrones + alfabético)
    ├── GREEN/           (37 iconos verdes)
    ├── GRIS/            (20 iconos grises)
    ├── ORANGE/          (39 iconos naranjas)
    ├── PURPLE/          (23 iconos púrpuras)
    └── RED/             (19 iconos rojos)

🚀 Uso Rápido

1. Edita la configuración

# Abre el archivo de config
notepad config\folder-icons.config

2. Aplica los cambios

cd scripts
.\apply-folder-icons.ps1

3. Recarga VSCode

Ctrl + Shift + P → Developer: Reload Window

✅ Iconos Actualizados (Verificados)

Las carpetas que no se veían han sido reemplazadas con iconos verificados:

Carpeta Icono Anterior Icono Nuevo Color
01_RESEARCH experiment review BLUE
02_PLANNING calendar project BLUE
04_CORE cpu core BLUE
10_DOCUMENTATION book docs BLUE
12_BETA_PROGRAM users examples GREEN
15_MARKETING trending stack ORANGE
16_COMMERCE shop → cart GREEN
17_ANALYTICS dashboard api ORANGE
20_MIGRATIONS sync update GREEN

🎨 Explorar Iconos por Color

Los iconos están verificados y organizados en _icon_samples_org/:

🔵 BLUE (29 iconos)

Perfecto para: Investigación, Planificación, Documentación

benchmark, changesets, client, contract, core, docker, docs, document, expo,
fastlane, flutter, godot, interface, kubernetes, layout, less, package, plugin,
policy, project, public, python, queue, review, theme, tools, typescript, unity,
windows

🟢 GREEN (37 iconos)

Perfecto para: Desarrollo, Testing, Examples, Updates

android, bloc, cart, console, context, download, enum, environment, examples,
gamemaker, gitea, gradle, helper, images, keys, lib, log, lottie, mappings, meta,
node, organism, pipe, prisma, repository, routes, seeders, settings, shop, src,
taskfile, temp, test, update, utils, verdaccio, vuepress

🟠 ORANGE (39 iconos)

Perfecto para: APIs, Security, Services, Analytics

api, archive, aws, blender, certificate, chat, controller, custom, database,
debug, export, favicon, firebase, git, interceptor, javascript, json, jupyter,
linux, messages, mjml, mojo, molecule, other, private, pytorch, resource, rust,
secure, server, services, snippet, stack, svelte, svg, television, upload, video,
views

🟣 PURPLE (23 iconos)

Perfecto para: Infraestructura, Shared, Global

animation, apollo, astro, attachment, css, decorators, element, filter, global,
hook, i18n, link, middleware, moon, obsidian, prompts, sass, shader, shared,
storybook, tasks, terraform, zeabur

🔴 RED (19 iconos)

Perfecto para: Build, Production, Critical

app, audio, build, class, delta, dist, error, export, git, home, mail, metro,
mobile, private, robot, rules, scons, syntax, trash

📖 Documentación

🛠️ Comandos Útiles

Ver preview sin aplicar cambios

cd scripts
.\apply-folder-icons.ps1 -DryRun

Ver configuración actual

cd scripts
.\apply-folder-icons.ps1 -ShowCurrent

Regenerar muestras

cd scripts
.\create-icon-samples-COMPLETE.ps1

💡 Tips

  1. Explora visualmente: Navega a _icon_samples_org/ para ver iconos por color
  2. Iconos verificados: Todos los iconos en _icon_samples_org/ están probados y funcionan
  3. Gradiente de colores: Organiza tus carpetas con colores coherentes
  4. Edición fácil: Solo edita config/folder-icons.config y ejecuta el script

🎯 Configuración Actual (20 Carpetas Raíz)

# FASE 1: DISCOVERY (BLUE)
01_RESEARCH = review
02_PLANNING = project

# FASE 2: FOUNDATION (PURPLE/BLUE)
03_INFRA = terraform
04_CORE = core

# FASE 3: BUILD (GREEN)
05_MODULES = lib
06_GRAPHICS = theme
07_ASSETS = audio
08_PLUGINS = plugin

# FASE 4: INTEGRATE (GREEN/ORANGE)
09_DAW_COMPATIBILITY = interface

# FASE 5: DOCUMENT (BLUE)
10_DOCUMENTATION = docs

# FASE 6: TEST (ORANGE/GREEN)
11_TESTING = benchmark
12_BETA_PROGRAM = examples

# FASE 7: SECURE & DEPLOY (RED/ORANGE)
13_SECURITY = secure
14_PRODUCTION = dist

# FASE 8: MONETIZE (ORANGE)
15_MARKETING = stack
16_COMMERCE = cart
17_ANALYTICS = api

# FASE 9: MAINTAIN (GREEN)
18_SUSTAINING = helper
19_RELEASES = git
20_MIGRATIONS = update

Total de iconos oficiales: 307 Iconos verificados por color: 170 Iconos configurados: 104 Material Icon Theme: v5.27.0