MozillaZine

Colour schemes in devtools for SM 2.45

Discussion about Seamonkey builds
Anonymosity
 
Posts: 8438
Joined: May 7th, 2007, 12:07 pm

Post Posted August 22nd, 2016, 8:57 pm

I noticed (after extracting the default theme stylesheets) that there are supposed to be 3 different colour schemes for the web developer tools in SeaMonkey 2.45, but I can see no way to change the theme when using the browser console. How do you change the theme?

Andy Boze

User avatar
 
Posts: 2755
Joined: June 30th, 2005, 9:53 pm
Location: South Bend, IN

Post Posted August 22nd, 2016, 9:15 pm

Click the "cog" icon in the top right corner of the developer tools frame/window. If you mouse over the cog, the tooltip says Toolbox Options. One of the sections is labeled Themes, in which you can select "Dark", "Light" or "Firebug".
But then again, I may be wrong.

rsx11m
Moderator
 
Posts: 14412
Joined: May 3rd, 2007, 7:40 am
Location: US

Post Posted August 22nd, 2016, 9:39 pm

Hmm, interesting. The heading of the toolbox reads "Default Firefox Developer Tools" so apparently the application name is somewhere hardwired in those devtools. 8-)

Edit: That's options.selectDefaultTools.label, I'll see if something is pending already and work out a patch tomorrow otherwise.

isaacschemm
 
Posts: 166
Joined: January 20th, 2015, 12:29 pm

Post Posted August 23rd, 2016, 6:29 am

The light theme was a little bit too light for me at first. Maybe this will come in handy for someone else.
Might not work well with dark GTK themes though.

Code: Select all
/* userChrome.css */

.theme-light .devtools-tabbar {
   background: threedface !important;
   border-top: 1px solid threedshadow !important;
   border-bottom: 1px solid threedshadow !important;
}
.theme-light .theme-toolbar,
.theme-light .devtools-toolbar,
.theme-light .devtools-sidebar-tabs tabs,
.theme-light .devtools-sidebar-alltabs,
.theme-light .cm-s-mozilla .CodeMirror-dialog {
   background: threedface !important;
   border-color: threedshadow !important;
}
.theme-light .devtools-tab {
   border-color: threedshadow !important;
}
.theme-light .devtools-tab[selected],
.theme-light .devtools-tab[selected]:hover:active {
   background-color: Highlight !important;
   color: HighlightText !important;
}

rsx11m
Moderator
 
Posts: 14412
Joined: May 3rd, 2007, 7:40 am
Location: US

Post Posted August 23rd, 2016, 7:32 am

The "Firebug" theme looks best IMO (picking from the default options, at least), also goes well with the MozillaZine colors. ;-)

Anonymosity
 
Posts: 8438
Joined: May 7th, 2007, 12:07 pm

Post Posted August 23rd, 2016, 10:28 am

Thanks for the info. I had forgotten how to use the devtools since I gave up using Firefox. The dark theme is much better for me.

rsx11m
Moderator
 
Posts: 14412
Joined: May 3rd, 2007, 7:40 am
Location: US

Post Posted August 23rd, 2016, 5:29 pm

rsx11m wrote:Hmm, interesting. The heading of the toolbox reads "Default Firefox Developer Tools" so apparently the application name is somewhere hardwired in those devtools. 8-)

Filed bug 1297546.

Return to SeaMonkey Builds


Who is online

Users browsing this forum: Google [Bot] and 2 guests