[Ext] Classic Theme Restorer

Announce and Discuss the Latest Theme and Extension Releases.
Post Reply
spiron
Posts: 10
Joined: February 10th, 2014, 6:54 am

Re: [Ext] Classic Theme Restorer (Customize UI) #2

Post by spiron »

Hi Aris I tried the option "remove background color windows 10" in latest beta with"firefox titlebar" checked and now I am getting this:Image
Now I don't know how to code but I like to mess around and I found this code https://userstyles.org/styles/97962/firefox-with-windows-8-windows-10-colors in userstyles.org and I tweaked it to apply only to titlebar like this:

Code: Select all

/*
By Ben-Kaniobi
https://gist.github.com/Ben-Kaniobi
Versions:
0.1.3  Updated for Firefox 40 on Windows 10
0.1.2  Added info on how to make it work on Windows 10
0.1.1  Update for Firefox 29 (Australis)
0.1.0  First release

Install:
- Save to "(Firefox profile directory)/chrome/userChrome.css"
or
- Use Stylish addon (https://addons.mozilla.org/de/firefox/addon/stylish/) and install this style at
  http://userstyles.org/styles/97962/firefox-with-windows-8-colors

For Windows 10, you may first do this:
  http://www.windowscentral.com/replace-those-white-title-bars-windows-10-colors-theme
*/

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);


/* Bars on top and bottom transparent and borderless */
#TabsToolbar {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}



/* Only for Windows 10 */
@media (-moz-os-version: windows-win10) {
    /* Change the appearance to glass */
    #main-window:not([customizing]){
        -moz-appearance: -moz-win-glass !important;
        background: transparent !important;
    }
   
   
    /* Fix colors of buttons in title bar */
    .titlebar-button {
        opacity: 0 !important;
        background: black !important;
    }
    #titlebar-close {
        background: #e81123 !important;
    }
    .titlebar-button:not(#titlebar-close) > .toolbarbutton-icon {
        opacity: 0 !important;
    }
    .titlebar-button:hover {
        opacity: 0.1 !important;
    }
    #titlebar-close:hover {
        opacity: 1 !important;
    }
}

Now it looks like this:
Image
I am using default dpi,in a 1366/768 monitor(don't know if that matters) and captionheight in registry must be at least -330 otherwise the shadows for min/max buttons when hovering are off.
Maybe you can improve it for all dpi settings because as I told I don't know how to code.
Thanx for the great addon.
User avatar
PhiliP190
Posts: 41
Joined: August 12th, 2015, 2:04 am

Re: [Ext] Classic Theme Restorer (Customize UI) #2

Post by PhiliP190 »

@ Spiron

Code: Select all

/* Fix colors of buttons in title bar */

.titlebar-button {
opacity: 0 !important;
background: black !important;
}

#titlebar-close {
background: #e81123 !important;
}

.titlebar-button:not(#titlebar-close) > .toolbarbutton-icon {
opacity: 0 !important;
}

.titlebar-button:hover {
opacity: 0.1 !important;
}

#titlebar-close:hover {
opacity: 1 !important;
}


That's the piece of code i was looking at edit : for (my bad english).

Even more, the red superposition for close cross is available and the grey rectangle for max and min to...

Thank you very much for sharing.
Last edited by PhiliP190 on August 18th, 2015, 5:18 am, edited 1 time in total.
French guy.
User avatar
Aris
Posts: 3248
Joined: February 27th, 2011, 10:14 am

Re: [Ext] Classic Theme Restorer (Customize UI) #2

Post by Aris »

FirefoxUser39 wrote:...

That didn't work very well. But this works with tabs not on top (v2), except part of it is still visible in full screen mode.
Maybe Fx2 style border can be an option in a future version of CTR?
https://lh3.googleusercontent.com/-NsHw ... refox6.jpg


This code is way too "special" for CTR.

It only works properly for:
- "gray/brown" (XP-like) default themes
- tabs not on top v2
- Windows OS titlebar

There are many cases on every OS and OS theme which would require adjustments.


spiron wrote:Hi Aris I tried the option "remove background color windows 10" in latest beta with"firefox titlebar" checked and now I am getting this:Image
Now I don't know how to code but I like to mess around and I found this code https://userstyles.org/styles/97962/firefox-with-windows-8-windows-10-colors in userstyles.org and I tweaked it to apply only to titlebar like this:

Code: Select all

/*
By Ben-Kaniobi
https://gist.github.com/Ben-Kaniobi
Versions:
0.1.3  Updated for Firefox 40 on Windows 10
0.1.2  Added info on how to make it work on Windows 10
0.1.1  Update for Firefox 29 (Australis)
0.1.0  First release

Install:
- Save to "(Firefox profile directory)/chrome/userChrome.css"
or
- Use Stylish addon (https://addons.mozilla.org/de/firefox/addon/stylish/) and install this style at
  http://userstyles.org/styles/97962/firefox-with-windows-8-colors

For Windows 10, you may first do this:
  http://www.windowscentral.com/replace-those-white-title-bars-windows-10-colors-theme
*/

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);


/* Bars on top and bottom transparent and borderless */
#TabsToolbar {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}



/* Only for Windows 10 */
@media (-moz-os-version: windows-win10) {
    /* Change the appearance to glass */
    #main-window:not([customizing]){
        -moz-appearance: -moz-win-glass !important;
        background: transparent !important;
    }
   
   
    /* Fix colors of buttons in title bar */
    .titlebar-button {
        opacity: 0 !important;
        background: black !important;
    }
    #titlebar-close {
        background: #e81123 !important;
    }
    .titlebar-button:not(#titlebar-close) > .toolbarbutton-icon {
        opacity: 0 !important;
    }
    .titlebar-button:hover {
        opacity: 0.1 !important;
    }
    #titlebar-close:hover {
        opacity: 1 !important;
    }
}

Now it looks like this:
Image
I am using default dpi,in a 1366/768 monitor(don't know if that matters) and captionheight in registry must be at least -330 otherwise the shadows for min/max buttons when hovering are off.
Maybe you can improve it for all dpi settings because as I told I don't know how to code.
Thanx for the great addon.


Thanks, these tweaks will improve CTRs current option.
FirefoxUser39
Posts: 12
Joined: August 9th, 2015, 11:58 am

Re: [Ext] Classic Theme Restorer (Customize UI) #2

Post by FirefoxUser39 »

This code is way too "special" for CTR.

It only works properly for:
- "gray/brown" (XP-like) default themes
- tabs not on top v2
- Windows OS titlebar

There are many cases on every OS and OS theme which would require adjustments.

I didn't mean use this exact code, but have the older classic Firefox tabs not on top appearance available as an included option.
User avatar
Aris
Posts: 3248
Joined: February 27th, 2011, 10:14 am

Re: [Ext] Classic Theme Restorer (Customize UI) #2

Post by Aris »

FirefoxUser39 wrote:
This code is way too "special" for CTR.

It only works properly for:
- "gray/brown" (XP-like) default themes
- tabs not on top v2
- Windows OS titlebar

There are many cases on every OS and OS theme which would require adjustments.

I didn't mean use this exact code, but have the older classic Firefox tabs not on top appearance available as an included option.


These are the results after running some tests:

The 4px bottom line needs
1. Different top margins for 'tabs not top' v1 and v2
2. Different top margins for 'tabs in titlebar' (=OS/Fx titlebar) enabled and disabled cases
3. Different colors for every default OS theme and thats a major problem, because except of AeroBlue colors on Windows Vista/7 all other default OS colors for tabs bottom area are created by combining two background colors, the "-moz-dialog" color with a second color like this "linear-gradient(rgba(255,255,255,.7), rgba(255,255,255,.4) 50%)". For this "bottom line" to work properly the border colors would require a combination of both colors too, but that is not possible with css.

CTRs colors work with all default OS themes automatically, but this "feature" would not, so before adding something that won't be accurate and won't work properly in all cases, it is better not to add something like this at all. Complete Themes do not have to take care of all possible OS colors like CTR, because they use one color for all cases.

I hope you now can see the best solution for this is using an individual code, that only covers users own case (OS, OS theme, configuration).
User avatar
Virtual_ManPL
Posts: 2052
Joined: July 24th, 2008, 5:52 am
Contact:

Re: [Ext] Classic Theme Restorer (Customize UI) #2

Post by Virtual_ManPL »

Aris wrote:
Virtual_ManPL wrote:Feature request:
2. remove also Reading List http://i.imgur.com/jKOQ4Mt.png from the Bookmarks, when "Reader mode" is disabled in Advanced settings
this will be fixed on next beta.
Regression bug:
You also removed separator between "Bookmarks Toolbar" and all bookmarks located in "Bookmarks Menu". It's visible only when you enable "Bookmarks menu button: panel menu appearance" under "General UI (1)" tab in CTR options.

Aris wrote:
Virtual_ManPL wrote:Regression bugs:
3. button placed on the far right in the Navigation Toolbar isn't adjusted properly to the browser right edge, it can be moved 3px more to the right
bad (right side on Navigation Toolbar - 800%): http://i.imgur.com/cdIlIaI.png
good (left side on Navigation Toolbar - 800%): http://i.imgur.com/5VY0ms1.png
good (right side on Bookmarks Toolbar - 800%): http://i.imgur.com/c9KErhm.png
3. The gap has to be like this. If not, some buttons get lost inside the nav-bar panel menu >> sometimes, if you resize the window for example.
But still you fixed it! =D>

Aris wrote:
Virtual_ManPL wrote:Regression bugs:
4. identity block, separator and location bar adjustments
-separator to left by 5px,
-URL in location bar to left by 5px
-identity block to the left by 3px
Firefox 42.0a1 (2015-07-22) + Classic Theme Restorer 1.3.6beta5 [300%] - http://i.imgur.com/SdCAudp.png
Firefox 42.0a1 (2015-07-23) + Classic Theme Restorer 1.3.6beta5 [300%] - http://i.imgur.com/edzUe28.png
Firefox 42.0a1 (2015-07-23) + Classic Theme Restorer 1.3.6beta6 [300%] - http://i.imgur.com/QIEiJ9X.png
Firefox 43.0a1 (2015-08-14) + Classic Theme Restorer 1.3.8beta2 [300%] - http://i.imgur.com/20rDrPq.png
Firefox 43.0a1 (2015-08-14) + Classic Theme Restorer 1.3.8beta2 "PATCHED" [300%] - http://i.imgur.com/E2hPXuU.png
4. I will look into that. Told you Mozilla is gonna change this again. ;-)
Yep and they changed it again, mostly due to my bug report Bug 1189704 - Identity block, separator and URL move when URL is edited :twisted:
So move:
-separator to right by 3px,
-URL in location bar to right by 3px
-identity block to the right by 3px
and it will be like before.
Virtualfox persona
Tired of constant Firefox UI changes? XUL extensions are not working anymore? Try SeaMonkey, Waterfox Classic, Pale Moon.
User avatar
Aris
Posts: 3248
Joined: February 27th, 2011, 10:14 am

Re: [Ext] Classic Theme Restorer (Customize UI) #2

Post by Aris »

Virtual_ManPL wrote:
1. Regression bug:
You also removed separator between "Bookmarks Toolbar" and all bookmarks located in "Bookmarks Menu". It's visible only when you enable "Bookmarks menu button: panel menu appearance" under "General UI (1)" tab in CTR options.

2. But still you fixed it! =D>

3.
So move:
-separator to right by 3px,
-URL in location bar to right by 3px
-identity block to the right by 3px
and it will be like before.


1. Removing the obsolete reading list entry caused the mentioned option to hide the menu separator, but this was not intended.

2. I mistook that glitch for a different one. The "default" non-movalbe panel menu button got an addition separator, which had to be removed.

3. Why do they have to move identity box content at least once a week? :? Now we have three different cases for this ui area: Fx41, Fx42, Fx43+
User avatar
Virtual_ManPL
Posts: 2052
Joined: July 24th, 2008, 5:52 am
Contact:

Re: [Ext] Classic Theme Restorer (Customize UI) #2

Post by Virtual_ManPL »

@ Aris - Thank you very much! =D>
in Classic Theme Restorer 1.3.8beta5 everything looks now perfect :twisted:
and let's hope it's the last change and Fx42 should has the same appearance like Fx43 per near uplift.
Virtualfox persona
Tired of constant Firefox UI changes? XUL extensions are not working anymore? Try SeaMonkey, Waterfox Classic, Pale Moon.
User avatar
notonymous
Posts: 157
Joined: November 6th, 2002, 6:57 pm
Location: Beyond the fringe

Re: [Ext] Classic Theme Restorer (Customize UI) #2

Post by notonymous »

notonymous wrote:[Posted Fri 27th Mar 2015 8:42am]
I have Fx configured to notify me of [Aurora] updates but to let me select when I download and install them. After a download and installation is complete, Fx normally (i.e. without CTR installed) displays a little white arrow on a green background over the hamburger icon indicating that a restart is required. However, with CTR installed, the green background is missing.


This problem seems to have returned with the latest version of Aurora 42.0a2 (buildID 20150821004008) and CTR (1.3.8beta3). In fact, I don't see anything at all overlaying the hamburger icon.
alexo
Posts: 199
Joined: January 23rd, 2005, 7:21 pm
Location: Canada, GTA

Re: [Ext] Classic Theme Restorer (Customize UI) #2

Post by alexo »

How will the changes mentioned in https://blog.mozilla.org/addons/2015/08 ... x-add-ons/ affect CTR?
CTR and a handful of other extensions are the main reason that I still use Firefox.
User avatar
Aris
Posts: 3248
Joined: February 27th, 2011, 10:14 am

Re: [Ext] Classic Theme Restorer (Customize UI) #2

Post by Aris »

notonymous wrote:
notonymous wrote:[Posted Fri 27th Mar 2015 8:42am]
I have Fx configured to notify me of [Aurora] updates but to let me select when I download and install them. After a download and installation is complete, Fx normally (i.e. without CTR installed) displays a little white arrow on a green background over the hamburger icon indicating that a restart is required. However, with CTR installed, the green background is missing.


This problem seems to have returned with the latest version of Aurora 42.0a2 (buildID 20150821004008) and CTR (1.3.8beta3). In fact, I don't see anything at all overlaying the hamburger icon.


I will look into that. Edit: Next build will fix that. Seems CTRs movable panel menu button clone missed the "never" badge-button class to joind the party. Did Fx release or beta also offered such badge notifications on panel menu button or was it DevEdition/Nightly only?

Alexo wrote:How will the changes mentioned in https://blog.mozilla.org/addons/2015/08 ... x-add-ons/ affect CTR?
CTR and a handful of other extensions are the main reason that I still use Firefox.


If CTR won't be able to use css tweaks/hacks or to modify, move, create or remove ui elements (like buttons, toolbars, menuitems, colors etc.) anymore, it will most likely be discontinued along with many many other add-ons on AMO.
User avatar
FineWine
Posts: 230
Joined: July 16th, 2004, 12:21 am

Tools MenuItem Label Icon being over-riden

Post by FineWine »

I use and have done for years, CuteButtons - Crystal SVG by ChoGGi but his code keeps over-riding other extensions Tools MenuItem Label Icon's, including CTR. I have sent him various emails by various means but with no result. I know he is updating his Add-on because he just updated it on August 14 to version 0.3.9.

My question is: can I over-ride his icon and point Firefox to the original CTR icon using userChrome.css? if so what would that code be? If this works I would then be doing this to several other extensions:TMP+, ChromEdit Plus to name two.
User avatar
PhiliP190
Posts: 41
Joined: August 12th, 2015, 2:04 am

Re: [Ext] Classic Theme Restorer (Customize UI) #2

Post by PhiliP190 »

Would you please implement "Fly over a tab to select it" in order me not to use TabmixPlus anymore (no conflict anymore) ?

Please :).
French guy.
max2
Posts: 278
Joined: September 17th, 2011, 5:37 pm

Re: [Ext] Classic Theme Restorer (Customize UI) #2

Post by max2 »

Aris wrote:
notonymous wrote:
notonymous wrote:[Posted Fri 27th Mar 2015 8:42am]
I have Fx configured to notify me of [Aurora] updates but to let me select when I download and install them. After a download and installation is complete, Fx normally (i.e. without CTR installed) displays a little white arrow on a green background over the hamburger icon indicating that a restart is required. However, with CTR installed, the green background is missing.


This problem seems to have returned with the latest version of Aurora 42.0a2 (buildID 20150821004008) and CTR (1.3.8beta3). In fact, I don't see anything at all overlaying the hamburger icon.


I will look into that. Edit: Next build will fix that. Seems CTRs movable panel menu button clone missed the "never" badge-button class to joind the party. Did Fx release or beta also offered such badge notifications on panel menu button or was it DevEdition/Nightly only?

Alexo wrote:How will the changes mentioned in https://blog.mozilla.org/addons/2015/08 ... x-add-ons/ affect CTR?
CTR and a handful of other extensions are the main reason that I still use Firefox.


If CTR won't be able to use css tweaks/hacks or to modify, move, create or remove ui elements (like buttons, toolbars, menuitems, colors etc.) anymore, it will most likely be discontinued along with many many other add-ons on AMO.



That would be a sad day if it happens :(
robertgf
Posts: 1
Joined: October 1st, 2005, 1:22 am

Re: [Ext] Classic Theme Restorer (Customize UI) #2

Post by robertgf »

Hello,
This is the first time I am posting in this forum, so I apologize if I make mistakes.
I am using FF 39.0.3 on Ubuntu Linux, and of course the latest Classic Theme Restorer. I notice that, on the toolbar, at the right of the search bar, some icons are missing : specifically, those on the right of the "Start a conversation" icon : did I make a mistake in configuring Classic Theme Restorer ?

icons with Classic Theme Restorer enabled:
Image

icons with Classic Theme Restorer disabled:
Image

Best regards
R. Grasso
Post Reply