MozillaZine

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

Announce and Discuss the Latest Theme and Extension Releases.
Aris

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

Post Posted January 21st, 2017, 7:26 am

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

juozas

User avatar
 
Posts: 53
Joined: November 9th, 2009, 2:55 am

Post Posted January 21st, 2017, 7:38 am

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.
Сделано в СССР

Xetmes

User avatar
 
Posts: 631
Joined: December 7th, 2011, 8:54 am
Location: Poland/Germany

Post Posted January 21st, 2017, 8:39 am


juozas

User avatar
 
Posts: 53
Joined: November 9th, 2009, 2:55 am

Post Posted January 21st, 2017, 8:48 am

Have to wait for AMO to sign the release so update will be available; can't install unsigned any way.
Сделано в СССР

FineWine

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

Post Posted January 21st, 2017, 7:38 pm

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+.

Aris

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

Post Posted January 22nd, 2017, 8:48 am

@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.
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.

FineWine

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

Post Posted January 22nd, 2017, 1:45 pm

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

Aris

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

Post Posted January 22nd, 2017, 4:03 pm

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


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

FineWine

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

Post Posted January 22nd, 2017, 5:53 pm

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

}

Aris

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

Post Posted January 23rd, 2017, 1:06 am

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

FineWine

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

Post Posted January 23rd, 2017, 2:41 am

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. :?:

Aris

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

Post Posted January 23rd, 2017, 5:18 am

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

FineWine

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

Post Posted January 23rd, 2017, 6:12 am

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: 21
Joined: February 1st, 2015, 2:47 pm

Post Posted January 24th, 2017, 10:22 am

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

Aris

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

Post Posted January 24th, 2017, 11:08 am

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

Return to Extension/Theme Releases


Who is online

Users browsing this forum: DinGo and 5 guests