Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Not optimized for dark themes. Menu not showing. #386

Open
Spam-Spamych opened this issue Nov 8, 2023 · 2 comments
Open

Not optimized for dark themes. Menu not showing. #386

Spam-Spamych opened this issue Nov 8, 2023 · 2 comments

Comments

@Spam-Spamych
Copy link

Not optimized for dark themes. The menu is not displayed.
The menu only shows when you hover your mouse over the menu.

ThunderBIrd Supernova v.115.4.2 (64-Bit).
QuickText v.5.14

image

@Shogix
Copy link

Shogix commented Jan 14, 2024

I tried to to adjust the display and colors with userChrome.css. But some parts of the window are not customizable (html:input, html:textarea, the list of scripts in the scripts tab and the tabs box.
qtxt

In my userChrome.css:
#quicktextSettingsWindow {
color: rgb(102,6,48) !important;
background-color: #26262c !important;
padding: 10px !important;
width: 800px !important;
height: 600px !important;
}
#quicktextSettingsWindow fieldset{
background-color: #26262c !important;
border: none !important;
padding: 0 !important
margin: 10px 0 0 0 !important
}

/*#quicktextSettingsWindow button {

background-color: inherit !important;

}*/

#quicktextSettingsWindow menubar{

color: white !important;
background-color: #26262c !important;
width: 800px !important;
padding: 5px 0px !important;

}

#quicktextSettingsWindow #tabbox-main{
background-color: #26262c !important;
border: none !important;
margin:0 !important;

}

#quicktextSettingsWindow treechildren{
background: rgb(0,0,0) !important;
background: linear-gradient(349deg, rgba(0,0,0,1) 0%, rgba(62,55,102,1) 55%) !important;
color: white !important;

}

#quicktextSettingsWindow tabpanel#tab-general,
#quicktextSettingsWindow tabpanel#tab-templates,
#quicktextSettingsWindow tabpanel#tab-scripts
{

background-color: #26262c !important;
color: white !important;

}
#quicktextSettingsWindow .textarea-container{

background: rgb(0,0,0) !important;
background: linear-gradient(349deg, rgba(0,0,0,1) 0%, rgba(76,74,85,1) 55%) !important;
color: black !important;

}

#quicktextSettingsWindow legend
{
background-color: #26262c !important;
color: white !important;
border: 2px outset black !important;
padding: 5px !important;
margin-left: 5px !important;

}

@yongkhun
Copy link

I tried to to adjust the display and colors with userChrome.css. But some parts of the window are not customizable (html:input, html:textarea, the list of scripts in the scripts tab and the tabs box. qtxt

In my userChrome.css: #quicktextSettingsWindow { color: rgb(102,6,48) !important; background-color: #26262c !important; padding: 10px !important; width: 800px !important; height: 600px !important; } #quicktextSettingsWindow fieldset{ background-color: #26262c !important; border: none !important; padding: 0 !important margin: 10px 0 0 0 !important }

/*#quicktextSettingsWindow button {

background-color: inherit !important;

}*/

#quicktextSettingsWindow menubar{

color: white !important; background-color: #26262c !important; width: 800px !important; padding: 5px 0px !important;

}

#quicktextSettingsWindow #tabbox-main{ background-color: #26262c !important; border: none !important; margin:0 !important;

}

#quicktextSettingsWindow treechildren{ background: rgb(0,0,0) !important; background: linear-gradient(349deg, rgba(0,0,0,1) 0%, rgba(62,55,102,1) 55%) !important; color: white !important;

}

#quicktextSettingsWindow tabpanel#tab-general, #quicktextSettingsWindow tabpanel#tab-templates, #quicktextSettingsWindow tabpanel#tab-scripts {

background-color: #26262c !important; color: white !important;

} #quicktextSettingsWindow .textarea-container{

background: rgb(0,0,0) !important; background: linear-gradient(349deg, rgba(0,0,0,1) 0%, rgba(76,74,85,1) 55%) !important; color: black !important;

}

#quicktextSettingsWindow legend { background-color: #26262c !important; color: white !important; border: 2px outset black !important; padding: 5px !important; margin-left: 5px !important;

}

Thanks for this tweak and I managed fix the input and textarea color as well. Just go to your Thunderbird profile folder, under extensions and look for the quicktext xpi (which is in hex code), open the xpi file with 7-zip, edit the \chrome\skin\quicktext.css and locate the lines with textarea and edit to the following instead:

input,
textarea {
margin: 0px;
resize: none;
color: white !important;
background-color: #26262c !important;
border: 1px solid lightgray !important;
}

Then save and update back to the xpi file and restart Thunderbird. Enjoy the dark world...

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants