[Ext] Classic Theme Restorer
- Aris
- Posts: 3248
- Joined: February 27th, 2011, 10:14 am
Re: [Ext] Classic Theme Restorer
Strange, this did not happen on my tests yesterday before uploading 1.6.1, but I can reproduce the loop today.
Install latest CTR beta and report, if the issue is still present. Also test with latest "Private Tab" version installed.
Install latest CTR beta and report, if the issue is still present. Also test with latest "Private Tab" version installed.
- juozas
- Posts: 53
- Joined: November 9th, 2009, 2:55 am
- Location: Lithuania
- Contact:
Re: [Ext] Classic Theme Restorer
Appears to be fixed; Enabling private url option doesn't break private tab function any more. Thanks
p.s. I reported the issue about Private Tab 0.2.1 (latest) not working (on new profile) on github, no newer version was available at the time of posting, so it's latest.
p.s. I reported the issue about Private Tab 0.2.1 (latest) not working (on new profile) on github, no newer version was available at the time of posting, so it's latest.
Сделано в СССР
- Xetmes
- Posts: 676
- Joined: December 7th, 2011, 8:54 am
- Location: Poland/Germany
- juozas
- Posts: 53
- Joined: November 9th, 2009, 2:55 am
- Location: Lithuania
- Contact:
Re: [Ext] Classic Theme Restorer
Have to wait for AMO to sign the release so update will be available; can't install unsigned any way.
Сделано в СССР
- FineWine
- Posts: 230
- Joined: July 16th, 2004, 12:21 am
Re: [Ext] Classic Theme Restorer
Tabs > Tabs color & text
add the ability to change the Tab Text colour plus background colour automatically when in Private Tab mode. (using Private Tab ext)
Have also made the suggestion in the Private Tab ext forum - Maybe 'infocatcher' & 'Aris' could liaise over this or even TMP+.
add the ability to change the Tab Text colour plus background colour automatically when in Private Tab mode. (using Private Tab ext)
Have also made the suggestion in the Private Tab ext forum - Maybe 'infocatcher' & 'Aris' could liaise over this or even TMP+.
- Aris
- Posts: 3248
- Joined: February 27th, 2011, 10:14 am
Re: [Ext] Classic Theme Restorer
@FineWine
Maybe could give you css code for your specific case, if you tell me the tab appearance/position you are using and the colors your private tabs should have, but I won't double the amount of CTRs tab color settings for "private tab" case, sorry.
Maybe could give you css code for your specific case, if you tell me the tab appearance/position you are using and the colors your private tabs should have, but I won't double the amount of CTRs tab color settings for "private tab" case, sorry.
- FineWine
- Posts: 230
- Joined: July 16th, 2004, 12:21 am
Re: [Ext] Classic Theme Restorer
Thanks ArisAris wrote:@FineWine
Maybe could give you css code for your specific case, if you tell me the tab appearance/position you are using and the colors your private tabs should have, but I won't double the amount of CTRs tab color settings for "private tab" case, sorry.
CTR Tab settings
Appearance = Curved tabs (alternative)
Position = Tabs not on top (v1)
Tab title position = (default)
Tab colors & text:
'Selected Tab' decorations =
Background = #33CC00 & #006600
Text = #FFFFFF
Bold
Would prefer to have:
.tabbrowser-tab[privateTab-isPrivate] text and multi-line text color to be BOLD red and the text to blink at 1.5s (and not the whole Tab blinking)
At present I am using the following Style code I have pragarised from infocatcher's Github Styles page and the blinking tab code from Stackoverflow
Code: Select all
/* AGENT_SHEET */
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
/* Add icons to menu items & dashed underlines, icon & change text color to private tabs, https://addons.mozilla.org/addon/private-tab/ */
@-moz-document url("chrome://browser/content/browser.xul"),
url("chrome://navigator/content/navigator.xul") {
/* Add icons to Private Tab's menu items https://addons.mozilla.org/addon/private-tab/ */
#privateTab-menu-openNewPrivateTab,
#privateTab-places-openInNewPrivateTab,
#privateTab-context-openInNewPrivateTab {
-moz-binding: url("chrome://global/content/bindings/menu.xml#menuitem-iconic") !important;
list-style-image: url("chrome://privatetab/content/privacy-16.png") !important;
}
#privateTab-menu-openNewPrivateTab > .menu-iconic-left,
#privateTab-places-openInNewPrivateTab > .menu-iconic-left,
#privateTab-context-openInNewPrivateTab > .menu-iconic-left {
-moz-appearance: menuimage !important;
}
/* Tab context menu: use mask icon instead of default checkbox image */
#privateTab-tabContext-toggleTabPrivate > .menu-iconic-left > .menu-iconic-icon {
display: -moz-box !important;
list-style-image: url("chrome://privatetab/content/privacy-16.png") !important;
-moz-image-region: auto !important;
}
#privateTab-tabContext-toggleTabPrivate > .menu-iconic-left {
-moz-appearance: menuimage !important;
filter: grayscale(1);
opacity: 0.6 !important;
}
#privateTab-tabContext-toggleTabPrivate[checked] > .menu-iconic-left {
filter: none !important;
opacity: 1 !important;
}
/* Add overlay icon to private tabs, https://addons.mozilla.org/addon/private-tab/ */
/* You should correct margins for your theme... */
.tabbrowser-tab[privateTab-isPrivate] .tab-content:before {
/* http://www.iconfinder.com/icondetails/11679/16/clock_small_icon */
content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAASVJREFUeNpi/P//PwMlgImBQjDwBrCgCwQFBTEwMTEJMTIymgG5ElDhF8CwOvXv379369atw28AUKEQFw9PmE9oaKgQD4+pqoYGw8kzZ05vWb169eePH1cBlbzD64Xfv39bugUEhCtrajptXLOG983Xr7wqWlpOnkFB4SA5gl749euXjIqGhrG0kBDDy5cvGeRFRBj+/PvH8F9T0xgkR9CAHz9+MDMxMjIwMzExvHr1iiEuIoJBQkKCwdnDAyxH0ICfP3++uHHp0kV5CQmbNZs2gcX+ARPb3r17L4LkiHHB4TlTpqhysbIy29jY6IHEjh09emnGpElbQHLo6hnRk7KWlhbDx48fxYH+dQNyFaHC99nY2Hbx8/O/vHbtGn4DRmBeAAgwAJR8fPChrRrjAAAAAElFTkSuQmCC") !important;
display: -moz-box !important;
position: relative !important;
z-index: 2147483647 !important;
/* Theme-specific: */
/* start + end = -16 (icon width) */
-moz-margin-start: 8px !important;
-moz-margin-end: -24px !important;
/* top + bottom = 0 */
margin-top: 4px !important;
margin-bottom: -4px !important;
}
.tabbrowser-tab[privateTab-isPrivate][pinned] .tab-content:before {
/* Theme-specific: */
/* start + end = -16 (icon width) */
-moz-margin-start: 11px !important;
-moz-margin-end: -27px !important;
}
/* Add icon to private tabs, https://addons.mozilla.org/addon/private-tab/ */
.tabbrowser-tab[privateTab-isPrivate] .tab-icon-image,
.menuitem-iconic[privateTab-isPrivate] .menu-iconic-icon {
/* Trick: change binding to break "src" attribute */
-moz-binding: url("chrome://global/content/bindings/toolbarbutton.xml#toolbarbutton") !important;
}
.tabbrowser-tab[privateTab-isPrivate] .tab-icon-image > .toolbarbutton-icon,
.menuitem-iconic[privateTab-isPrivate] .menu-iconic-icon > .toolbarbutton-icon {
/*list-style-image: url("chrome://browser/skin/privatebrowsing/favicon.svg") !important;*/
list-style-image: url("chrome://privatetab/content/privacy-16.png") !important;
display: -moz-box !important;
width: auto !important;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
}
.tabbrowser-tab[privateTab-isPrivate] .tab-icon-image > .toolbarbutton-text,
.tabbrowser-tab[privateTab-isPrivate] .tab-icon-image > .toolbarbutton-multiline-text,
.menuitem-iconic[privateTab-isPrivate] .menu-iconic-icon > .toolbarbutton-text,
.menuitem-iconic[privateTab-isPrivate] .menu-iconic-icon > .toolbarbutton-multiline-text {
display: none !important;
}
/* Always show tab icon (for Australis) */
.tabbrowser-tab[privateTab-isPrivate]:not([busy]) .tab-icon-image {
display: -moz-box !important;
}
/* Add dashed underline to private tabs */
.tabbrowser-tab[privateTab-isPrivate] {
text-decoration: underline !important;
/* Firefox 36+ */
text-decoration-color: red !important;
text-decoration-style: dashed !important;
}
.tabbrowser-tab[privateTab-isPrivate][pinned] .tab-icon-image,
.tabbrowser-tab[privateTab-isPrivate][pinned] .tab-throbber {
border-bottom: 1px dashed red !important;
}
/* Add blinking tab to private tabs */
.tabbrowser-tab[privateTab-isPrivate] {
-webkit-animation-name: blinker;
-webkit-animation-duration: 1.5s;
-webkit-animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-name: blinker;
-moz-animation-duration: 1.5s;
-moz-animation-timing-function: linear;
-moz-animation-iteration-count: infinite;
animation-name: blinker;
animation-duration: 1.5s;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@-moz-keyframes blinker {
0% { opacity: 1.0; }
50% { opacity: 0.0; }
100% { opacity: 1.0; }
}
@-webkit-keyframes blinker {
0% { opacity: 1.0; }
50% { opacity: 0.0; }
100% { opacity: 1.0; }
}
@keyframes blinker {
0% { opacity: 1.0; }
50% { opacity: 0.0; }
100% { opacity: 1.0; }
}
}
- Aris
- Posts: 3248
- Joined: February 27th, 2011, 10:14 am
Re: [Ext] Classic Theme Restorer
Active, private tab with bold red blinking text (remove [selected=true], if all private tabs should be affected by this)FineWine wrote:...
CTR Tab settings
Appearance = Curved tabs (alternative)
Position = Tabs not on top (v1)
Tab title position = (default)
Tab colors & text:
'Selected Tab' decorations =
Background = #33CC00 & #006600
Text = #FFFFFF
Bold
Would prefer to have:
.tabbrowser-tab[privateTab-isPrivate] text and multi-line text color to be BOLD red and the text to blink at 1.5s (and not the whole Tab blinking)
At present I am using the following Style code I have pragarised from infocatcher's Github Styles page and the blinking tab code from Stackoverflow
...
Thank you
Code: Select all
/*AGENT_SHEET*/
#main-window[privateTab-selectedTabIsPrivate="true"] #navigator-toolbox #TabsToolbar .tabbrowser-tab[selected=true][privateTab-isPrivate] :-moz-any(label,.tab-label,.tab-text) {
animation-name: blinker;
animation-duration: 1.5s;
animation-timing-function: linear;
animation-iteration-count: infinite;
font-weight: bold !important;
color: #FF0000 !important;
}
@keyframes blinker {
0% { opacity: 1.0; }
50% { opacity: 0.2; }
100% { opacity: 1.0; }
}
If you want to override active private tabs background color (curved tabs [alternative]):
Code: Select all
/*AGENT_SHEET*/
#main-window[privateTab-selectedTabIsPrivate="true"][fx51plus="true"] #tabbrowser-tabs::after,
#main-window[privateTab-selectedTabIsPrivate="true"][fx51plus="true"] #tabbrowser-tabs::before,
#main-window[privateTab-selectedTabIsPrivate="true"][fx51plus="true"] .tabbrowser-tab::after,
#main-window[privateTab-selectedTabIsPrivate="true"][fx51plus="true"] .tabbrowser-tab::before {
opacity: 0 !important;
}
#main-window[privateTab-selectedTabIsPrivate="true"] #navigator-toolbox #TabsToolbar .tab-background-start[selected=true]:-moz-locale-dir(ltr):not(:-moz-lwtheme)::before,
#main-window[privateTab-selectedTabIsPrivate="true"] #navigator-toolbox #TabsToolbar .tab-background-end[selected=true]:-moz-locale-dir(rtl):not(:-moz-lwtheme)::before,
#main-window[privateTab-selectedTabIsPrivate="true"] #navigator-toolbox #TabsToolbar .tab-background-end[selected=true]:-moz-locale-dir(ltr):not(:-moz-lwtheme)::before,
#main-window[privateTab-selectedTabIsPrivate="true"] #navigator-toolbox #TabsToolbar .tab-background-start[selected=true]:-moz-locale-dir(rtl):not(:-moz-lwtheme)::before,
#main-window[privateTab-selectedTabIsPrivate="true"] #navigator-toolbox #TabsToolbar .tab-background-start[selected=true]:-moz-lwtheme::before,
#main-window[privateTab-selectedTabIsPrivate="true"] #navigator-toolbox #TabsToolbar .tab-background-end[selected=true]:-moz-lwtheme::before {
background-image: unset !important;
}
#main-window[privateTab-selectedTabIsPrivate="true"] #navigator-toolbox #TabsToolbar .tab-background-start[selected=true]:-moz-locale-dir(ltr):-moz-lwtheme::before,
#main-window[privateTab-selectedTabIsPrivate="true"] #navigator-toolbox #TabsToolbar .tab-background-end[selected=true]:-moz-locale-dir(rtl):-moz-lwtheme::before,
#main-window[privateTab-selectedTabIsPrivate="true"] #navigator-toolbox #TabsToolbar .tab-background-end[selected=true]:-moz-locale-dir(ltr):-moz-lwtheme::before,
#main-window[privateTab-selectedTabIsPrivate="true"] #navigator-toolbox #TabsToolbar .tab-background-start[selected=true]:-moz-locale-dir(rtl):-moz-lwtheme::before {
clip-path: unset !important;
}
#main-window[privateTab-selectedTabIsPrivate="true"] #navigator-toolbox #TabsToolbar .tab-background-middle[selected=true],
#main-window[privateTab-selectedTabIsPrivate="true"] #navigator-toolbox #TabsToolbar .tab-background-middle[selected=true]:-moz-lwtheme {
background-color: unset !important;
background-image: unset !important;
}
#main-window[privateTab-selectedTabIsPrivate="true"] #navigator-toolbox #TabsToolbar .tab-background-start[selected=true]:-moz-lwtheme::before,
#main-window[privateTab-selectedTabIsPrivate="true"] #navigator-toolbox #TabsToolbar .tab-background-end[selected=true]:-moz-lwtheme::before,
#main-window[privateTab-selectedTabIsPrivate="true"] #navigator-toolbox #TabsToolbar .tab-background-middle[selected=true]:-moz-lwtheme {
background-color: unset !important;
}
#main-window[privateTab-selectedTabIsPrivate="true"] #navigator-toolbox #TabsToolbar .tab-background-start[selected=true]:-moz-locale-dir(ltr):not(:-moz-lwtheme)::before,
#main-window[privateTab-selectedTabIsPrivate="true"] #navigator-toolbox #TabsToolbar .tab-background-end[selected=true]:-moz-locale-dir(rtl):not(:-moz-lwtheme)::before {
background-image: url(chrome://browser/skin/tabbrowser/tab-stroke-start.png),linear-gradient(transparent, transparent 2px,#33CC00 2px, #006600) !important;
clip-path: url(chrome://browser/content/browser.xul#tab-curve-clip-path-start) !important;
}
#main-window[privateTab-selectedTabIsPrivate="true"] #navigator-toolbox #TabsToolbar .tab-background-end[selected=true]:-moz-locale-dir(ltr):not(:-moz-lwtheme)::before,
#main-window[privateTab-selectedTabIsPrivate="true"] #navigator-toolbox #TabsToolbar .tab-background-start[selected=true]:-moz-locale-dir(rtl):not(:-moz-lwtheme)::before {
background-image: url(chrome://browser/skin/tabbrowser/tab-stroke-end.png),linear-gradient(transparent, transparent 2px,#33CC00 2px, #006600) !important;
clip-path: url(chrome://browser/content/browser.xul#tab-curve-clip-path-end) !important;
}
#main-window[privateTab-selectedTabIsPrivate="true"] #navigator-toolbox #TabsToolbar .tab-background-start[selected=true]:-moz-locale-dir(ltr):-moz-lwtheme::before,
#main-window[privateTab-selectedTabIsPrivate="true"] #navigator-toolbox #TabsToolbar .tab-background-end[selected=true]:-moz-locale-dir(rtl):-moz-lwtheme::before {
background: url(chrome://browser/skin/tabbrowser/tab-stroke-start.png),linear-gradient(transparent, transparent 2px,#33CC00 2px, #006600) !important;
clip-path: url(chrome://browser/content/browser.xul#tab-curve-clip-path-start) !important;
}
#main-window[privateTab-selectedTabIsPrivate="true"] #navigator-toolbox #TabsToolbar .tab-background-end[selected=true]:-moz-locale-dir(ltr):-moz-lwtheme::before,
#main-window[privateTab-selectedTabIsPrivate="true"] #navigator-toolbox #TabsToolbar .tab-background-start[selected=true]:-moz-locale-dir(rtl):-moz-lwtheme::before {
background: url(chrome://browser/skin/tabbrowser/tab-stroke-end.png),linear-gradient(transparent, transparent 2px,#33CC00 2px, #006600) !important;
clip-path: url(chrome://browser/content/browser.xul#tab-curve-clip-path-end) !important;
}
#main-window[privateTab-selectedTabIsPrivate="true"] #navigator-toolbox #TabsToolbar .tab-background-middle[selected=true]:-moz-lwtheme,
#main-window[privateTab-selectedTabIsPrivate="true"] #navigator-toolbox #TabsToolbar .tab-background-middle[selected=true]:not(:-moz-lwtheme) {
background-color: transparent !important;
background-image: url(chrome://browser/skin/tabbrowser/tab-active-middle.png),linear-gradient(transparent, transparent 2px,#33CC00 2px, #006600), none !important;
}
Replace #33CC00 and #006600 with other color values.
EDIT
- fixed "custom tab text color does not override CTRs tab color settings" bug
- reduced font size for code
Last edited by Aris on January 23rd, 2017, 1:09 am, edited 2 times in total.
- FineWine
- Posts: 230
- Joined: July 16th, 2004, 12:21 am
Re: [Ext] Classic Theme Restorer
Thank you Aris - the blinking text now works, sort of.
The color: #FF0000 is not over-riding CTR's selected color: #FFFFFF even with the !important; statement added on or not.
So what I have ended up with is when using 'infocatcher's' private tab extension the following will occur:
The color: #FF0000 is not over-riding CTR's selected color: #FFFFFF even with the !important; statement added on or not.
So what I have ended up with is when using 'infocatcher's' private tab extension the following will occur:
- - adds icon to the left of the 'tabbrowser-tab'
- adds icon to PrivateTab File menu item label 'New Private Tab'
- adds icon to PrivateTab Tab context menu item label 'New Private Tab'
- enables alternately blinking of the Tab icon and text at a rate of 1.5 seconds
- tab text & icon blinks whether selected or not. (Note the icon & text alternately blinks, rather neat really)
Code: Select all
/* AGENT_SHEET */
/* Perform decorative changes to private tabs, https://addons.mozilla.org/addon/private-tab/ */
/* Tab icon & text alternately blinks + text color change https://addons.mozilla.org/addon/private-tab/ */
#main-window .tabbrowser-tab[privateTab-isPrivate] label,
.tabbrowser-tab[privateTab-isPrivate] .tab-icon-image > .toolbarbutton-icon {
animation-name: blinker;
animation-duration: 1.5s;
animation-timing-function: linear;
animation-iteration-count: infinite;
font-weight: bold !important;
color: #FF0000 !important;
}
@keyframes blinker {
0% { opacity: 1.0; }
50% { opacity: 0.2; }
100% { opacity: 1.0; }
}
/* Add icons to Private Tab's menu items https://addons.mozilla.org/addon/private-tab/ */
@-moz-document url("chrome://browser/content/browser.xul"),
url("chrome://navigator/content/navigator.xul") {
#privateTab-menu-openNewPrivateTab,
#privateTab-places-openInNewPrivateTab,
#privateTab-context-openInNewPrivateTab {
-moz-binding: url("chrome://global/content/bindings/menu.xml#menuitem-iconic") !important;
list-style-image: url("chrome://privatetab/content/privacy-16.png") !important;
}
#privateTab-menu-openNewPrivateTab > .menu-iconic-left,
#privateTab-places-openInNewPrivateTab > .menu-iconic-left,
#privateTab-context-openInNewPrivateTab > .menu-iconic-left {
-moz-appearance: menuimage !important;
}
/* Tab context menu: use mask icon instead of default checkbox image */
#privateTab-tabContext-toggleTabPrivate > .menu-iconic-left > .menu-iconic-icon {
display: -moz-box !important;
list-style-image: url("chrome://privatetab/content/privacy-16.png") !important;
-moz-image-region: auto !important;
}
#privateTab-tabContext-toggleTabPrivate > .menu-iconic-left {
-moz-appearance: menuimage !important;
filter: grayscale(1);
opacity: 0.6 !important;
}
#privateTab-tabContext-toggleTabPrivate[checked] > .menu-iconic-left {
filter: none !important;
opacity: 1 !important;
}
/* Add overlay icon to private tabs, https://addons.mozilla.org/addon/private-tab/ */
/* You should correct margins for your theme... */
.tabbrowser-tab[privateTab-isPrivate] .tab-content:before {
/* http://www.iconfinder.com/icondetails/11679/16/clock_small_icon */
content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAASVJREFUeNpi/P//PwMlgImBQjDwBrCgCwQFBTEwMTEJMTIymgG5ElDhF8CwOvXv379369atw28AUKEQFw9PmE9oaKgQD4+pqoYGw8kzZ05vWb169eePH1cBlbzD64Xfv39bugUEhCtrajptXLOG983Xr7wqWlpOnkFB4SA5gl749euXjIqGhrG0kBDDy5cvGeRFRBj+/PvH8F9T0xgkR9CAHz9+MDMxMjIwMzExvHr1iiEuIoJBQkKCwdnDAyxH0ICfP3++uHHp0kV5CQmbNZs2gcX+ARPb3r17L4LkiHHB4TlTpqhysbIy29jY6IHEjh09emnGpElbQHLo6hnRk7KWlhbDx48fxYH+dQNyFaHC99nY2Hbx8/O/vHbtGn4DRmBeAAgwAJR8fPChrRrjAAAAAElFTkSuQmCC") !important;
display: -moz-box !important;
position: relative !important;
z-index: 2147483647 !important;
/* Theme-specific: */
/* start + end = -16 (icon width) */
-moz-margin-start: 8px !important;
-moz-margin-end: -24px !important;
/* top + bottom = 0 */
margin-top: 4px !important;
margin-bottom: -4px !important;
}
.tabbrowser-tab[privateTab-isPrivate][pinned] .tab-content:before {
/* Theme-specific: */
/* start + end = -16 (icon width) */
-moz-margin-start: 11px !important;
-moz-margin-end: -27px !important;
}
/* Add icon to private tabs, https://addons.mozilla.org/addon/private-tab/ */
.tabbrowser-tab[privateTab-isPrivate] .tab-icon-image,
.menuitem-iconic[privateTab-isPrivate] .menu-iconic-icon {
/* Trick: change binding to break "src" attribute */
-moz-binding: url("chrome://global/content/bindings/toolbarbutton.xml#toolbarbutton") !important;
}
.tabbrowser-tab[privateTab-isPrivate] .tab-icon-image > .toolbarbutton-icon,
.menuitem-iconic[privateTab-isPrivate] .menu-iconic-icon > .toolbarbutton-icon {
/*list-style-image: url("chrome://browser/skin/privatebrowsing/favicon.svg") !important;*/
list-style-image: url("chrome://privatetab/content/privacy-16.png") !important;
display: -moz-box !important;
width: auto !important;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
}
.tabbrowser-tab[privateTab-isPrivate] .tab-icon-image > .toolbarbutton-text,
.tabbrowser-tab[privateTab-isPrivate] .tab-icon-image > .toolbarbutton-multiline-text,
.menuitem-iconic[privateTab-isPrivate] .menu-iconic-icon > .toolbarbutton-text,
.menuitem-iconic[privateTab-isPrivate] .menu-iconic-icon > .toolbarbutton-multiline-text {
display: none !important;
}
/* Always show tab icon (for Australis) */
.tabbrowser-tab[privateTab-isPrivate]:not([busy]) .tab-icon-image {
display: -moz-box !important;
}
}
- Aris
- Posts: 3248
- Joined: February 27th, 2011, 10:14 am
Re: [Ext] Classic Theme Restorer
I fixed the "not overriding" bug in the above code.FineWine wrote:Thank you Aris - the blinking text now works, sort of.
The color: #FF0000 is not over-riding CTR's selected color: #FFFFFF even with the !important; statement added on or not.
...
- FineWine
- Posts: 230
- Joined: July 16th, 2004, 12:21 am
Re: [Ext] Classic Theme Restorer
Sorry Aris that did not work. I tested it on a virgin profile with just CTR, privateTab and Stylist with just that one style. I even deleted all that code except for those few lines of code (blinking & colour change) Something is over-riding the privateTab text colour in a big way.Aris wrote: I fixed the "not overriding" bug in the above code.
- Aris
- Posts: 3248
- Joined: February 27th, 2011, 10:14 am
Re: [Ext] Classic Theme Restorer
Not sure what it is on your end, maybe macOS. (I did not test this on macOS yet.)
- Fx 50.1.0
- new profile
- only CTR 1.6.1, Stylish 2.0.7 and Private Tab 2.1.1 installed
Result: http://i.imgur.com/I5mLbva.png
- Fx 50.1.0
- new profile
- only CTR 1.6.1, Stylish 2.0.7 and Private Tab 2.1.1 installed
Result: http://i.imgur.com/I5mLbva.png
- FineWine
- Posts: 230
- Joined: July 16th, 2004, 12:21 am
Re: [Ext] Classic Theme Restorer
Sorry Aris when you said "in the above code" I did not realise you were referring to your first code post. dohAris wrote: I fixed the "not overriding" bug in the above code.
So with a bit of modification to that code I achieve what I want.
So for all those that may want this, here is the full code correctly working that adds more functionality to 'infocatcher's' private tab extension:
- - adds icon to the left of the 'tabbrowser-tab'
- adds icon to PrivateTab File menu item label 'New Private Tab'
- adds icon to PrivateTab Tab context menu item label 'New Private Tab'
- changes selected PrivateTab text to RED
- enables alternately blinking of the Tab icon and text at a rate of 1.5 seconds
- tab text & icon blinks whether selected or not. (Note the icon & text alternately blinks, rather neat really)
Code: Select all
/* AGENT_SHEET */
/* Perform decorative changes to private tabs, https://addons.mozilla.org/addon/private-tab/ */
/* Tab icon & text alternately blinks + text color change https://addons.mozilla.org/addon/private-tab/ */
#main-window #navigator-toolbox #TabsToolbar .tabbrowser-tab[privateTab-isPrivate] :-moz-any(label,.tab-label,.tab-text,.tab-icon-image,.toolbarbutton-icon) {
animation-name: blinker;
animation-duration: 1.5s;
animation-timing-function: linear;
animation-iteration-count: infinite;
font-weight: bold !important;
color: #FF0000 !important;
}
@keyframes blinker {
0% { opacity: 1.0; }
50% { opacity: 0.2; }
100% { opacity: 1.0; }
}
/* Add icons to Private Tab's menu items https://addons.mozilla.org/addon/private-tab/ */
@-moz-document url("chrome://browser/content/browser.xul"),
url("chrome://navigator/content/navigator.xul") {
#privateTab-menu-openNewPrivateTab,
#privateTab-places-openInNewPrivateTab,
#privateTab-context-openInNewPrivateTab {
-moz-binding: url("chrome://global/content/bindings/menu.xml#menuitem-iconic") !important;
list-style-image: url("chrome://privatetab/content/privacy-16.png") !important;
}
#privateTab-menu-openNewPrivateTab > .menu-iconic-left,
#privateTab-places-openInNewPrivateTab > .menu-iconic-left,
#privateTab-context-openInNewPrivateTab > .menu-iconic-left {
-moz-appearance: menuimage !important;
}
/* Tab context menu: use mask icon instead of default checkbox image */
#privateTab-tabContext-toggleTabPrivate > .menu-iconic-left > .menu-iconic-icon {
display: -moz-box !important;
list-style-image: url("chrome://privatetab/content/privacy-16.png") !important;
-moz-image-region: auto !important;
}
#privateTab-tabContext-toggleTabPrivate > .menu-iconic-left {
-moz-appearance: menuimage !important;
filter: grayscale(1);
opacity: 0.6 !important;
}
#privateTab-tabContext-toggleTabPrivate[checked] > .menu-iconic-left {
filter: none !important;
opacity: 1 !important;
}
/* Add overlay icon to private tabs, https://addons.mozilla.org/addon/private-tab/ */
/* You should correct margins for your theme... */
.tabbrowser-tab[privateTab-isPrivate] .tab-content:before {
/* http://www.iconfinder.com/icondetails/11679/16/clock_small_icon */
content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAASVJREFUeNpi/P//PwMlgImBQjDwBrCgCwQFBTEwMTEJMTIymgG5ElDhF8CwOvXv379369atw28AUKEQFw9PmE9oaKgQD4+pqoYGw8kzZ05vWb169eePH1cBlbzD64Xfv39bugUEhCtrajptXLOG983Xr7wqWlpOnkFB4SA5gl749euXjIqGhrG0kBDDy5cvGeRFRBj+/PvH8F9T0xgkR9CAHz9+MDMxMjIwMzExvHr1iiEuIoJBQkKCwdnDAyxH0ICfP3++uHHp0kV5CQmbNZs2gcX+ARPb3r17L4LkiHHB4TlTpqhysbIy29jY6IHEjh09emnGpElbQHLo6hnRk7KWlhbDx48fxYH+dQNyFaHC99nY2Hbx8/O/vHbtGn4DRmBeAAgwAJR8fPChrRrjAAAAAElFTkSuQmCC") !important;
display: -moz-box !important;
position: relative !important;
z-index: 2147483647 !important;
/* Theme-specific: */
/* start + end = -16 (icon width) */
-moz-margin-start: 8px !important;
-moz-margin-end: -24px !important;
/* top + bottom = 0 */
margin-top: 4px !important;
margin-bottom: -4px !important;
}
.tabbrowser-tab[privateTab-isPrivate][pinned] .tab-content:before {
/* Theme-specific: */
/* start + end = -16 (icon width) */
-moz-margin-start: 11px !important;
-moz-margin-end: -27px !important;
}
/* Add icon to private tabs, https://addons.mozilla.org/addon/private-tab/ */
.tabbrowser-tab[privateTab-isPrivate] .tab-icon-image,
.menuitem-iconic[privateTab-isPrivate] .menu-iconic-icon {
/* Trick: change binding to break "src" attribute */
-moz-binding: url("chrome://global/content/bindings/toolbarbutton.xml#toolbarbutton") !important;
}
.tabbrowser-tab[privateTab-isPrivate] .tab-icon-image > .toolbarbutton-icon,
.menuitem-iconic[privateTab-isPrivate] .menu-iconic-icon > .toolbarbutton-icon {
/*list-style-image: url("chrome://browser/skin/privatebrowsing/favicon.svg") !important;*/
list-style-image: url("chrome://privatetab/content/privacy-16.png") !important;
display: -moz-box !important;
width: auto !important;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
}
.tabbrowser-tab[privateTab-isPrivate] .tab-icon-image > .toolbarbutton-text,
.tabbrowser-tab[privateTab-isPrivate] .tab-icon-image > .toolbarbutton-multiline-text,
.menuitem-iconic[privateTab-isPrivate] .menu-iconic-icon > .toolbarbutton-text,
.menuitem-iconic[privateTab-isPrivate] .menu-iconic-icon > .toolbarbutton-multiline-text {
display: none !important;
}
/* Always show tab icon (for Australis) */
.tabbrowser-tab[privateTab-isPrivate]:not([busy]) .tab-icon-image {
display: -moz-box !important;
}
}
-
- Posts: 35
- Joined: February 1st, 2015, 2:47 pm
Re: [Ext] Classic Theme Restorer
Hello folks,
With Firefox 51 or latest CTR has change the color of the text on default buttons and hovered button in dialogs. Where can I can that color?
Thanks so much!
~Bob
With Firefox 51 or latest CTR has change the color of the text on default buttons and hovered button in dialogs. Where can I can that color?
Thanks so much!
~Bob
- Aris
- Posts: 3248
- Joined: February 27th, 2011, 10:14 am
Re: [Ext] Classic Theme Restorer
Post a screenshot.
Are referring to the buttons on notification popups? CTR does not offer a way to restore old look neither offers Firefox a way to use the old ones.
Are referring to the buttons on notification popups? CTR does not offer a way to restore old look neither offers Firefox a way to use the old ones.