%% generate tags start %% #software-engineering %% generate tags end %% #obsidian #software-engineering/css ## Publish CSS > [!info] See also > [Customize your site - Obsidian Help](https://help.obsidian.md/Obsidian+Publish/Customize+your+site) You can customize your site by [publishing](https://help.obsidian.md/Obsidian+Publish/Publish+and+unpublish+notes#Publish%20notes) the following files to your site: - `publish.css` to add custom CSS - `publish.js` to add custom JavaScript - `favicon-32x32.png` to set the favicon **Notes:** - Since Obsidian doesn't support CSS or JavaScript files, you need to use another application to create and edit them. - By default, `publish.css` and `publish.js` don't appear in the file explorer, but you can still publish them from the **Publish changes** dialog. - To use custom JavaScript with `publish.js`, you need to [Set up a custom domain](https://help.obsidian.md/Obsidian+Publish/Set+up+a+custom+domain). For favicons, Obsidian Publish supports the following naming conventions, where `32` is the icon dimensions in pixels: - `favicon-32.png` - `favicon-32x32.png` - `favicon.ico` We recommend that you provide one or more of the following dimensions: - `favicon-32x32.png` - `favicon-128x128.png` - `favicon-152x152.png` - `favicon-167x167.png` - `favicon-180x180.png` - `favicon-192x192.png` - `favicon-196x196.png` > [!warning] > make sure you also customise the obsidian app css. > ## CSS Variables you can see list of css variables in the developer doc: [Headings - Developer Documentation (obsidian.md)](https://docs.obsidian.md/Reference/CSS+variables/Editor/Headings) ## Some CSS that I have been using 1. [[obsidian modular css]] 2. [[Obsidian multi-column css]] 3. [[Obsidian image adjustment]] 4. [[Obsidian Dashboard++]] 5. [[Obsidian canvas candy]]