[Ext] Classic Theme Restorer

Announce and Discuss the Latest Theme and Extension Releases.
Post Reply
User avatar
Aris
Posts: 3248
Joined: February 27th, 2011, 10:14 am

Re: [Ext] Classic Theme Restorer

Post by Aris »

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.
User avatar
juozas
Posts: 53
Joined: November 9th, 2009, 2:55 am
Location: Lithuania
Contact:

Re: [Ext] Classic Theme Restorer

Post by juozas »

Appears to be fixed; Enabling private url option doesn't break private tab function any more. Thanks :D

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.
Сделано в СССР
User avatar
Xetmes
Posts: 676
Joined: December 7th, 2011, 8:54 am
Location: Poland/Germany

Re: [Ext] Classic Theme Restorer

Post by Xetmes »

User avatar
juozas
Posts: 53
Joined: November 9th, 2009, 2:55 am
Location: Lithuania
Contact:

Re: [Ext] Classic Theme Restorer

Post by juozas »

Have to wait for AMO to sign the release so update will be available; can't install unsigned any way.
Сделано в СССР
User avatar
FineWine
Posts: 230
Joined: July 16th, 2004, 12:21 am

Re: [Ext] Classic Theme Restorer

Post by FineWine »

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+.
User avatar
Aris
Posts: 3248
Joined: February 27th, 2011, 10:14 am

Re: [Ext] Classic Theme Restorer

Post by Aris »

@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.
User avatar
FineWine
Posts: 230
Joined: July 16th, 2004, 12:21 am

Re: [Ext] Classic Theme Restorer

Post by FineWine »

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

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; }
  }		
	
			
}
Thank you
User avatar
Aris
Posts: 3248
Joined: February 27th, 2011, 10:14 am

Re: [Ext] Classic Theme Restorer

Post by Aris »

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
Active, private tab with bold red blinking text (remove [selected=true], if all private tabs should be affected by this)

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; }
} 
[/size]

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;
}
[/size]
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.
User avatar
FineWine
Posts: 230
Joined: July 16th, 2004, 12:21 am

Re: [Ext] Classic Theme Restorer

Post by FineWine »

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:
  • - 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;
  }	

}
User avatar
Aris
Posts: 3248
Joined: February 27th, 2011, 10:14 am

Re: [Ext] Classic Theme Restorer

Post by Aris »

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.
...
I fixed the "not overriding" bug in the above code.
User avatar
FineWine
Posts: 230
Joined: July 16th, 2004, 12:21 am

Re: [Ext] Classic Theme Restorer

Post by FineWine »

Aris wrote: I fixed the "not overriding" bug in the above code.
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. :?:
User avatar
Aris
Posts: 3248
Joined: February 27th, 2011, 10:14 am

Re: [Ext] Classic Theme Restorer

Post by Aris »

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
User avatar
FineWine
Posts: 230
Joined: July 16th, 2004, 12:21 am

Re: [Ext] Classic Theme Restorer

Post by FineWine »

Aris wrote: I fixed the "not overriding" bug in the above code.
Sorry Aris when you said "in the above code" I did not realise you were referring to your first code post. doh :oops:

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)
NOTE: I have also experimented with the whole PrivateTab blinking and can provide the code for that but in the end decided on just the text & icon blinking.

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;
      }   

    }
Thank you Aris for all your help- I have posted this code in 'infocatcher's' forum as well
rebop
Posts: 35
Joined: February 1st, 2015, 2:47 pm

Re: [Ext] Classic Theme Restorer

Post by rebop »

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
User avatar
Aris
Posts: 3248
Joined: February 27th, 2011, 10:14 am

Re: [Ext] Classic Theme Restorer

Post by Aris »

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