Grain Theme

Thèmes VS Code minimalistes : la syntaxe de Min Theme, inchangée, posée sur les fonds et les gris des palettes neutres de Tailwind CSS v4. Chaque palette existe en Light et Dark.

Stone · Taupe · Olive · Neutral · Zinc · Mauve · Gray · Slate · Mist

Le générateur prend chaque gris de Min et le remplace par la teinte Tailwind de même luminosité (calculée en oklch). Les couleurs de code, les icônes de debug et les diffs gardent exactement les valeurs de Min.

Installation

code --install-extension grain-theme-1.0.0.vsix

Puis ⌘K ⌘T → choisir par ex. Grain Stone Dark.

Pour suivre le mode système :

"window.autoDetectColorScheme": true,
"workbench.preferredDarkColorTheme": "Grain Stone Dark",
"workbench.preferredLightColorTheme": "Grain Stone Light"

Modifier / régénérer

Tout est généré par scripts/build.py, qui lit directement tailwindcss/theme.css (oklch → hex) :

python3 scripts/build.py scripts/theme.css   # régénère themes/*.json + package.json
python3 scripts/preview.py                   # régénère preview.html
npx @vscode/vsce package

Ajouter une palette = un nom dans FAMILIES. Les thèmes Min d'origine sont dans scripts/min/.

Crédits

Structure et couleurs de syntaxe : Min Theme de Miguel Solorio (MIT). Couleurs : Tailwind CSS v4.3.