How to turn white with vscode

There are three ways you can change the VS Code theme to white: Change the color scheme in the settings to "Light (default light)". Install white themes in Marketplace, such as White Carbon, Light Night, or Tomorrow Night Light. Use the theme editor to change the "foreground" and "background" values ​​in the "tokenColors" section to white.

How to turn a VS Code theme into white

Method 1: Change settings

• Open the VS Code settings ( Ctrl , or Cmd , ).
• Enter "theme" in the search bar.
• Select "Light (default light)" from the "Color Scheme" drop-down menu.

Method 2: Install the White Theme

• Search for white topics in VS Code Marketplace, for example:

  • White Carbon
  • Light Night
  • Tomorrow Night Light
• Find a theme you like in Marketplace and click the "Install" button.
• After the installation is complete, open the VS Code settings and select "Light (default light)".

Method 3: Use the theme editor

• Open the VS Code theme editor:

  • Windows/Linux: Ctrl Shift P , enter "Preferences: Open Theme JSON".
  • MacOS: Cmd Shift P , enter "Preferences: Open Theme JSON".
• Find the "tokenColors" section in the JSON file.
• Change the values ​​of the "foreground" and "background" variables to white, for example:

 <code class="json">"tokenColors": [ { "name": "Foreground", "scope": [], "settings": { "foreground": "#ffffff" } }, { "name": "Background", "scope": [], "settings": { "background": "#ffffff" } } ]</code>

• Save the JSON file.

The above is the detailed content of How to turn white with vscode. For more information, please follow other related articles on the PHP Chinese website!