https://github.com/Aris-t2/CustomCSSforTb

Custom user styles for Thunderbird
https://github.com/Aris-t2/CustomCSSforTb

Last synced: 5 days ago
JSON representation

Custom user styles for Thunderbird

• Host: GitHub
• URL: https://github.com/Aris-t2/CustomCSSforTb
• Owner: Aris-t2
• License: gpl-3.0
• Created: 2019-09-08T14:04:09.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2023-10-02T07:59:19.000Z (about 1 year ago)
• Last Synced: 2024-08-01T16:38:13.747Z (3 months ago)
• Language: CSS
• Homepage:
• Size: 224 KB
• Stars: 69
• Watchers: 13
• Forks: 5
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

README

        
## Downloads for Thunderbird

**[CustomCSSforTb releases & changelog](https://github.com/Aris-t2/CustomCSSforTb/releases)**  

## Want to support this project?

**[[ Paypal Me ]](https://www.paypal.me/tkpay)**  

## Instructions / Howto / Readme

- [Unlock custom CSS usage in Thunderbird](#unlock-custom-css-usage-in-thunderbird)

- [Where to find Thundebird profile folder? The correct location for user styles.](#where-to-find-thunderbird-profile-folder-the-correct-location-for-user-styles)  

- [How to use custom user styles?](#how-to-use-custom-user-styles)  

- [How to find item ids and attributes?](#how-to-find-item-ids-and-attributes)  

## Unlock custom CSS usage in Thunderbird

`Settings/Options` > `Advanced` > `General` > `Config Editor...`    

`toolkit.legacyUserProfileCustomizations.stylesheets` > `true`  

## Where to find Thunderbird profile folder? The correct location for user styles.

**1.** Find your profile folder  

**Windows**  

`C:\Users\ USERNAME \AppData\Roaming\Thunderbird\Profiles\ PROFILE FOLDER NAME \`  

Hidden files must be visible to see `AppData` folder. Alternatively open `%APPDATA%\Thunderbird\Profiles\` from explorers location bar.  

**Linux**  

`/home/ username /.thunderbird/ profile folder name /`  

Hidden files must be visible to see `.mozilla` folder.  

**Mac OS X**  

`~\Library\Thunderbird\Profiles\ PROFILE FOLDER NAME \` or  

`~\Library\Application Support\Thunderbird\Profiles\ PROFILE FOLDER NAME \`  

`\Users\ USERNAME \Library\Application\Support\Thunderbird\Profiles\`  

**2.** User styles belong into `\chrome\` folder. Create it, if there is none yet. It should look like this afterwards:  

`\ PROFILE FOLDER NAME \chrome\`  

**3.** Copy `userChrome.css`, `userContent.css` and `\config\`, `\css\`, `\images\` folders into `\chrome\` folder. It should look like this afterwards:  

`\chrome\config\`  

`\chrome\css\`  

`\chrome\image\`  

`\chrome\userChrome.css`  

`\chrome\userContent.css`  

## How to use custom user styles?

The _userChrome.css_ and _userContent.css_ files works like an options\configurations file. All main "features" can be enabled and disabled there.  

Edit _userChrome.css_ and _userContent.css_ with any text editor (**[Notepad++](https://notepad-plus-plus.org/download/)** recommended on Windows) and enable or disable any feature you like by modifying, removing or outcommenting available `@import` strings.  

Restart Thunderbird after every modification for changes to take effect.  

**Example**  

If "classic button appearance for navigation toolbar buttons" should be enabled, the corresponding line has to look like this:  

`@import "./css/buttons/ctb_on_main_toolbars.css"; /**/`  

If "classic button appearance for navigation toolbar buttons" should be disabled, the corresponding line has to look like this:  

`/* @import "./css/buttons/ctb_on_main_toolbars.css"; /**/`  

Note  

Code between `/*` and `*/` won't be used by Thunderbird unless there are other `/*` or `*/` in-between.  

## How to find item ids and attributes?

Hit `Ctrl+Alt+Shift+I` or open 'Tools > WebDeveloper > Browser Toolbox'.  

Inspect ui or web content.  

Force popups to stay open for inspection: 

Click on 'Customize Tools and get help button' (= button with three dots) and select 'Disable popup auto-hide'.