jobisoft / quicktext

An extension for Thunderbird that lets you create templates that can be easily inserted into your own emails.
Mozilla Public License 2.0
188 stars 53 forks source link

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

Open Spam-Spamych opened 1 year ago

Spam-Spamych commented 1 year ago

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 commented 10 months ago

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 commented 8 months ago

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...