doc: Add VSCode color customization tip (#1461)

This commit is contained in:
LemmusLemmus 2025-06-14 14:51:08 +02:00 committed by GitHub
parent c79ad48561
commit 751d6c5df0
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

View file

@ -6,4 +6,28 @@
Flameopathic
danth
];
description = ''
When theming is enabled for VSCode, Stylix will create and apply its own
VSCode theme, as well as configure settings concerning fonts.
> [!TIP]
> The theme created is called
> [`Stylix`](
> https://github.com/nix-community/stylix/blob/master/modules/vscode/templates/theme.nix),
> and if one so desires, its colors can be changed using
> `programs.vscode.profiles.<name>.userSettings`
> (exactly as one would customize any other VSCode theme).
> See the example below; the syntax is explained in the
> [VSCode documentation](
> https://code.visualstudio.com/docs/configure/themes#_customize-a-color-theme).
> ```nix
> programs.vscode.profiles.default.userSettings = {
> "workbench.colorCustomizations" = {
> "[Stylix]" = {
> "editor.wordHighlightBackground" = "#''${colors.base02}66";
> "editor.hoverHighlightBackground" = "#''${colors.base02}66";
> };
> };
> };
> ```
'';
}