MozillaZine

[Ext] Classic Theme Restorer (Fx 29-56)

Announce and Discuss the Latest Theme and Extension Releases.
Aris

User avatar
 
Posts: 3075
Joined: February 27th, 2011, 10:14 am

Post Posted December 5th, 2017, 5:19 am

@Frank Lion
Are you using the method mentioned on Ghacks with a xml and js file bound from userChrome.css? It works fine, but with the announced XBL deprecation it is just a matter of time when rebinding code like this stops working.
You are right, having to clear startup cache so see changes every time is very annoying, but then again, what don't we do to get something to work? ;-)
Lets hope userChrome.css stays a little longer.

@Prof. Martelo
Unzip the latest zip release into your browser profiles chrome folder. Add-on version number is "enabled" by default.
Customize Firefox 57+ UI || Classic Theme Restorer (Fx 29-56) || Classic Toolbar Buttons || CustomizeMyBird

How to use legacy add-ons after Firefox 57 release? Switch to Firefox 52 ESR or move to Waterfox browser or Basilisk browser.

Prof. Martelo
 
Posts: 114
Joined: January 1st, 2010, 10:40 am

Post Posted December 5th, 2017, 5:57 am

Aris wrote:@Frank Lion
Are you using the method mentioned on Ghacks with a xml and js file bound from userChrome.css? It works fine, but with the announced XBL deprecation it is just a matter of time when rebinding code like this stops working.
You are right, having to clear startup cache so see changes every time is very annoying, but then again, what don't we do to get something to work? ;-)
Lets hope userChrome.css stays a little longer.

@Prof. Martelo
Unzip the latest zip release into your browser profiles chrome folder. Add-on version number is "enabled" by default.


I was trying to put in my userchrome.css...

Aris

User avatar
 
Posts: 3075
Joined: February 27th, 2011, 10:14 am

Post Posted December 5th, 2017, 6:52 am

You have to use userContent.css for modifying "about:" pages. userChrome.css is for browser ui only not for content pages.
Customize Firefox 57+ UI || Classic Theme Restorer (Fx 29-56) || Classic Toolbar Buttons || CustomizeMyBird

How to use legacy add-ons after Firefox 57 release? Switch to Firefox 52 ESR or move to Waterfox browser or Basilisk browser.

Prof. Martelo
 
Posts: 114
Joined: January 1st, 2010, 10:40 am

Post Posted December 5th, 2017, 7:36 am

Aris wrote:You have to use userContent.css for modifying "about:" pages. userChrome.css is for browser ui only not for content pages.


Thanks.

Frank Lion

User avatar
 
Posts: 19526
Joined: April 23rd, 2004, 6:59 pm
Location: ... The Exorcist....United Kingdom

Post Posted December 5th, 2017, 12:27 pm

Aris wrote:@Frank Lion
Are you using the method mentioned on Ghacks with a xml and js file bound from userChrome.css?

First time I've seen that Ghacks stuff, but the method looks very similar so they probably both came from the same original source.

Don't forget, my goal on this stuff is different to yours, so I'm not bothered how long it lasts - mine is a 'proof of concept' of making a 100% working Complete Theme for Firefox 57 and it made sense to mainly use my existing code and to make it look like one of my old ones, to save making new images. Plus, it's a nice bonus for some of my selected users to have a proper theme at the end of it.

As you know, my 'new' method lends itself to userChrome.css far more than the conventional 'replacement' theme method would do. The only surprise really, was just how little Firefox has actually changed UI code-wise over the years.

So, that's another one done, just got to check my SM and T/bird themes for breakers (they only ever did on the Firefox 41(?) small buttons fiasco and I caught that on the beta releases) and then that's me for the year. :)
Metal Lion latest SeaMonkey & Thunderbird Themes - Sea Monkey and Silver Sea Monkey
"The only thing necessary for the triumph of evil, is for good men to do nothing." - Edmund Burke (attrib.)

BlohoJo
 
Posts: 14
Joined: August 8th, 2012, 10:25 am

Post Posted December 5th, 2017, 1:36 pm

I think I already know the answer to this, but I thought I'd ask anyway to be sure...

In Windows 7 with Aero enabled, Windows 8, and Windows 10, the location bar has a "focus highlight" around it when the user is typing in the bar:

Image
Location bar with "focus highlight"

Image
Location bar without highlight

I hate this. It bugs me enough to ask here if it's possible to disable it. (I probably wouldn't mind it as much if it the border thickness didn't change around the icon section on the left side of the bar.)

I did some Google searching and found 4 or 5 articles, and every single thing posted, every CSS trick and such, does not work on this. The most I can do is add an ugly glow to it.

I would think that this would be something that would be in Classic Theme Restorer by now if it was possible to disable this. Or am I wrong? :-)

Frank Lion

User avatar
 
Posts: 19526
Joined: April 23rd, 2004, 6:59 pm
Location: ... The Exorcist....United Kingdom

Post Posted December 5th, 2017, 1:49 pm

BlohoJo wrote:every CSS trick and such, does not work on this. The most I can do is add an ugly glow to it.

Here you go, put this in the addressbar and press Enter - chrome://browser/skin/browser.css

I'm sure you'd prefer to fix this yourself, so do a search there for the word 'focus' and the bit you want is just above the /* ::::: URL Bar Zoom Reset Button ::::: */ stuff and then just code that border into oblivion in userChrome.css.
Metal Lion latest SeaMonkey & Thunderbird Themes - Sea Monkey and Silver Sea Monkey
"The only thing necessary for the triumph of evil, is for good men to do nothing." - Edmund Burke (attrib.)

Aris

User avatar
 
Posts: 3075
Joined: February 27th, 2011, 10:14 am

Post Posted December 5th, 2017, 1:54 pm

Add this to Classic Theme Restorers custom CSS area:

Code: Select all
#main-window[defaultfxtheme="true"] #urlbar,
#main-window[defaultfxtheme="true"] .searchbar-textbox {
  border: 1px solid ThreeDShadow !important;
}
#main-window[defaultfxtheme="true"] #urlbar:not(:-moz-lwtheme)[focused],
#main-window[defaultfxtheme="true"] .searchbar-textbox:not(:-moz-lwtheme)[focused] {
  border: 1px solid ThreeDShadow !important;
}


Edit
@Frank, you were faster than me ;-)
I just copy/pasted this from CTR... I think this one is a bit harder for users not familiar with CTRs code, as it has a few different cases harder to override with "default" CSS code.
Customize Firefox 57+ UI || Classic Theme Restorer (Fx 29-56) || Classic Toolbar Buttons || CustomizeMyBird

How to use legacy add-ons after Firefox 57 release? Switch to Firefox 52 ESR or move to Waterfox browser or Basilisk browser.

Frank Lion

User avatar
 
Posts: 19526
Joined: April 23rd, 2004, 6:59 pm
Location: ... The Exorcist....United Kingdom

Post Posted December 5th, 2017, 2:10 pm

Aris wrote:Edit
@Frank, you were faster than me ;-)

Sorry, I was just passing. I'll let you get on with doing your Support stuff. ;)
Metal Lion latest SeaMonkey & Thunderbird Themes - Sea Monkey and Silver Sea Monkey
"The only thing necessary for the triumph of evil, is for good men to do nothing." - Edmund Burke (attrib.)

FineWine

User avatar
 
Posts: 184
Joined: July 16th, 2004, 12:21 am

Post Posted December 6th, 2017, 2:12 pm

Can someone provide me with the css userChrome code to slightly darken (grey) the following bars please:

OS titlbar
Menubar
Navigation Toolbar
Tabs Toolbar
Bookmarks Toolbar
Additional Toolbar
Add-on Bar

The present default & light themes are too light and the dark theme to is dark

FineWine

User avatar
 
Posts: 184
Joined: July 16th, 2004, 12:21 am

Post Posted December 7th, 2017, 3:18 pm

Apologises, thanks to Aris Github page I found the code for; Navbar, Bookmarkbar & Findbar so just require the others.

As far as the colour choice goes I will be using different grey variants: #D3D3D3 #D4D4D4 #D5D5D5 #D6D6D6

Thanks

RazzMaTazz007
 
Posts: 5
Joined: October 9th, 2012, 10:50 pm

Post Posted December 8th, 2017, 7:34 pm

Is it possible to edit the search bar below the logo via custom css code?

> https://puu.sh/yC0WH/723576016d.png

Do note I'm using Waterfox 56 with CTR 1.7.3.4 so it still has the full functionality of CTR.
Last edited by LIMPET235 on December 9th, 2017, 2:38 am, edited 1 time in total.
Reason: Image tags removed to restore the forum layout.

FineWine

User avatar
 
Posts: 184
Joined: July 16th, 2004, 12:21 am

Post Posted December 8th, 2017, 7:45 pm

FineWine wrote:Can someone provide me with the css userChrome code to slightly darken (grey) the following bars please:

OS titlbar
Menubar
Navigation Toolbar
Tabs Toolbar
Bookmarks Toolbar
Additional Toolbar
Add-on Bar

The present default & light themes are too light and the dark theme to is dark

FineWine wrote:Apologises, thanks to Aris Github page I found the code for; Navbar, Bookmarkbar & Findbar so just require the others.

As far as the colour choice goes I will be using different grey variants: #D3D3D3 #D4D4D4 #D5D5D5 #D6D6D6

Thanks


Shouldn't have been SO LAZY. After a bit of research was able to answer all my own questions - DOH

Aris

User avatar
 
Posts: 3075
Joined: February 27th, 2011, 10:14 am

Post Posted December 9th, 2017, 2:28 am

@FineWine
No problem, forums reset notifications again and I receive any for a few days.
You can always use DOM Inspector as mentioned in OP to fine ids and classes very fast.

@RazzMaTazz007
The required code can be found inside this file. (It is not only for Fx57+)
https://github.com/Aris-t2/CustomCSSfor ... arance.css

Add the code you need to CTRs custom CSS area on prefwindow.
Customize Firefox 57+ UI || Classic Theme Restorer (Fx 29-56) || Classic Toolbar Buttons || CustomizeMyBird

How to use legacy add-ons after Firefox 57 release? Switch to Firefox 52 ESR or move to Waterfox browser or Basilisk browser.

BlohoJo
 
Posts: 14
Joined: August 8th, 2012, 10:25 am

Post Posted December 12th, 2017, 11:01 am

Aris wrote:Add this to Classic Theme Restorers custom CSS area:

Code: Select all
#main-window[defaultfxtheme="true"] #urlbar,
#main-window[defaultfxtheme="true"] .searchbar-textbox {
  border: 1px solid ThreeDShadow !important;
}
#main-window[defaultfxtheme="true"] #urlbar:not(:-moz-lwtheme)[focused],
#main-window[defaultfxtheme="true"] .searchbar-textbox:not(:-moz-lwtheme)[focused] {
  border: 1px solid ThreeDShadow !important;
}


Edit
@Frank, you were faster than me ;-)
I just copy/pasted this from CTR... I think this one is a bit harder for users not familiar with CTRs code, as it has a few different cases harder to override with "default" CSS code.


Sorry it took me awhile to get back... I am not regularly at the Windows 10 computer I'm trying to fix. :P

Anyways, the most I could get was a reduction of the location bar highlight to 1 pixel. I was unable to obliterate it completely.

Here's what it looks like when I use the CSS you posted:

Image

yields

Image


I tried a border width of 0 pixels, I tried a transparent and hidden border, finally I tried a border type of none. The best I can get with anything is a thinner border of 1 pixel wide, which is better than nothing I guess. (It does disappear from around the location bar left icon.)

Image

yields

Image


If anyone has any other ideas on how to obliterate it completely I'll try it.

Of course this is an extremely important issue and must be dealt with ASAP. ;P

Return to Extension/Theme Releases


Who is online

Users browsing this forum: No registered users and 6 guests