Where are the CSS files for code-server located?

Locating the CSS files for code-server can be a bit tricky because the file paths may vary depending on the installation method and operating system. However, the CSS files are generally bundled within the code-server application's assets.

Here are common locations and strategies to find them:

1. Within the Application Directory:

- If you installed code-server manually or via a script, look within its installation directory. A typical path might be similar to:

/opt/code-server/lib/vscode/out/vs/code/browser/

- Inside, you might find a folder named 'static', 'resources', or 'assets'. This is where many of the CSS files are typically placed. Within these folders look for css file extensions (.css).

- For Example: /opt/code-server/lib/vscode/out/vs/code/browser/static/ or /opt/code-server/lib/vscode/out/vs/code/browser/resources/

2. NPM/Yarn Installation:

- If you installed code-server via npm or yarn, they usually go into the node_modules folder. In this case, the directory would be something like:

./node_modules/code-server/lib/vscode/out/vs/code/browser/

- Inside, similar to the manual installation, the assets folder could contain the CSS files you're looking for.

3. Docker Container:

- For Docker deployments, the files are located within the container. You can access the container with docker exec -it [container_id] /bin/bash and navigate to the directories similar to those above. Look for the 'assets' or 'static' subfolders to find the css resources.

4. Checking the source code of the web application:

- You can also use your browser's developer tools (e.g. F12) to locate the CSS files. On the 'Network' tab, filter to find CSS files by their extension. The path can reveal where the CSS file is located in the server application, or the container when using Docker.

Note on Customizations

It's strongly advised to not modify core files directly (such as those under 'lib/vscode') because this can lead to issues during updates. If you want to make customizations, it's generally better to use custom themes or extensions.

Remember that these paths can be different depending on how you have deployed code-server. Use these tips as starting points to navigate to the CSS files.

Learn more about this