Merge branch '1.8.3'

kk1000 · Apr 20, 2018 · adce890 · adce890
2 parents 6c12154 + de5b6af
commit adce890
Show file tree

Hide file tree

Showing 291 changed files with 3,789 additions and 4,741 deletions.
diff --git a/ISSUE_TEMPLATE b/ISSUE_TEMPLATE
@@ -3,26 +3,25 @@
 
 SUPPORT AREA for features THIS project provides
 1. This is not a 'request' area for new stuff or legacy add-on features.
-2. Do not open a new issue about something this project does not offer or to ask 'is this or that possible?'
-3. Instead join the discussion thread to talk and ask questions about what is or could be possible there.
---> General discussions, feedback, questions belong here (v2)
---> https://github.com/Aris-t2/CustomCSSforFx/issues/88
-4. Read 'how to report issues properly' before filing a new issue.
+2. Read 'how to report issues properly' before posting a new issue.
 --> https://github.com/Aris-t2/CustomCSSforFx/issues/4
-5. Make sure there are no '@namespace' references anywhere in your code. They cause CSS code not to work.
+3. Make sure there are no '@namespace' references anywhere in your code. They cause CSS code not to work in some cases.
+4. Do not open a new issue about something this project does not offer. Instead join the 'General discussions, feedback, questions belong here' thread to chat and ask questions about what is or could be possible there.
+--> https://github.com/Aris-t2/CustomCSSforFx/issues/109
+5. Use available support threads:
+- TABS BELOW CONTENT SUPPORT THREAD --> https://github.com/Aris-t2/CustomCSSforFx/issues/33
+- MULTIROW TABS SUPPORT THREAD --> https://github.com/Aris-t2/CustomCSSforFx/issues/39
+- ADD-ON BAR SUPPORT THREAD --> https://github.com/Aris-t2/CustomCSSforFx/issues/73
+- OLD SEARCH SUPPORT THREAD --> https://github.com/Aris-t2/CustomCSSforFx/issues/104
 
 Firefox bugs (join general discussion thread to talk about Firefox bugs):
 - CSS code might not work, if multi-process mode (e10s) is disabled
 - CSS code might not work on macOS/Linux in userContent.css
 
-Anything releated to multirow tabs, tabs below content or simulated add-on bar should go into:
-- TABS BELOW CONTENT SUPPORT THREAD --> https://github.com/Aris-t2/CustomCSSforFx/issues/33
-- MULTIROW TABS SUPPORT THREAD --> https://github.com/Aris-t2/CustomCSSforFx/issues/39
-- ADD-ON BAR SUPPORT THREAD --> https://github.com/Aris-t2/CustomCSSforFx/issues/73
 
 !!! IMPORTANT !!!  
 By submitting a new issue you confirm having read and understood the above and all 'how to report a new issue' instructions.
-Invalid issue reports might get closed without further notice to keep this projects support area clean.
+Invalid issue reports will get closed without further notice to keep this projects support area clean.
 Thanks for your understanding.
 
 ----------------------------------

diff --git a/README.md b/README.md
@@ -1,33 +1,33 @@
-## Download
+## Downloads for Firefox Quantum (57+)
 
-**[Classic Theme Restorer / Classic Toolbar Buttons / GlassMyFox CSS tweaks for Firefox 57+](https://github.com/Aris-t2/CustomCSSforFx/issues/2)**  
-**[NoiaButtons CSS tweaks for Firefox 57+](https://github.com/Aris-t2/CustomCSSforFx/releases/tag/NoiaButtons)**  
+**[Classic Theme Restorer / Classic Toolbar Buttons / GlassMyFox CSS tweaks](https://github.com/Aris-t2/CustomCSSforFx/issues/2)**  
+**[NoiaButtons CSS tweaks](https://github.com/Aris-t2/CustomCSSforFx/releases/tag/NoiaButtons)** / **[Custom Scrollbars](https://github.com/Aris-t2/Scrollbars/releases)**  
 
 ## Want to support this project?
 
 **[[ Paypal Me ]](https://www.paypal.me/tkpay)**  
 
 ## Instructions / Howto / Readme
 
-- [WebExtensions can not modify browsers appearance in Firefox 57+](#webextensions-can-not-modify-browsers-appearance-in-firefox-57)  
-- [Where to find Firefox profile folder and what is the correct location for user styles?](#where-to-find-firefox-profile-folder-and-what-is-the-correct-location-for-user-styles)  
+- [WebExtensions can not modify Firefox Quantums appearance properly](#webextensions-can-not-modify-firefox-quantums-appearance-properly)  
+- [Where to find Firefox profile folder? The correct location for user styles.](#where-to-find-firefox-profile-folder-the-correct-location-for-user-styles)  
 - [How to use custom user styles?](#how-to-use-custom-user-styles)  
 - [How to find item ids and attributes?](#how-to-find-item-ids-and-attributes)  
 - [How to modify custom user styles?](#how-to-modify-custom-user-styles)  
 - [Suggested ui tweaks](#suggested-ui-tweaks)  
 - ['about:config' tweaks](#aboutconfig-tweaks)  
 
-## WebExtensions can not modify browsers appearance in Firefox 57+
+## WebExtensions can not modify Firefox Quantums appearance properly
 
 The only way to modify ui is adding custom CSS code to **userChrome.css** and **userContent.css** files inside browsers profile folder.  
 Keep in mind CSS code can not create entirely new items, buttons or toolbars. It only can modify already present ui items.  
 
-## Where to find Firefox profile folder and what is the correct location for user styles?
+## Where to find Firefox profile folder? The correct location for user styles.
 
 **1.** Find your profile folder ('profile names are different for everyone').  
 `about:support > Profile Folder > Open Folder`  
 or `about:profiles > Root Directory > Open Folder`  
-or `Shift+F2` to open Firefox's command line, then enter the command `folder openprofile`  
+or open command line with `Shift+F2` and enter`folder openprofile`  
 
 **2.** User styles belong into `\chrome\` folder. Create it, if there is none yet. It should look like this afterwards:  
 `\ PROFILE FOLDER NAME \chrome\`  
@@ -55,7 +55,7 @@ Hidden files must be visible to see `.mozilla` folder.
 ## How to use custom user styles?
 
 The _userChrome.css_ and _userContent.css_ files works like an options\configurations file. All main "features" can be enabled and disabled there.  
-Edit _userChrome.css_ and _userContent.css_ with any text editor (**[Notepad++](https://notepad-plus-plus.org/download/)** recommended on Windows) and enable btw. disable any feature you like by modifying, removing or outcommenting available `@import` strings.  
+Edit _userChrome.css_ and _userContent.css_ with any text editor (**[Notepad++](https://notepad-plus-plus.org/download/)** recommended on Windows) and enable or disable any feature you like by modifying, removing or outcommenting available `@import` strings.  
 Restart Firefox after every modification for changes to take effect.  
 
 **Example**  
@@ -229,4 +229,7 @@ _experiments.activeExperiment_
 _experiments.supported_  
 _datareporting.healthreport.uploadEnabled_  
 _nsITelemetry.canRecordBase_  
-_nsITelemetry.canRecordExtended_
+_nsITelemetry.canRecordExtended_  
+_browser.newtabpage.activity-stream.feeds.telemetry_  
+_browser.newtabpage.activity-stream.telemetry_  
+_extensions.screenshots.upload-disabled_ ("true" to disable)
diff --git a/classic/config/color_variables.css b/classic/config/color_variables.css
@@ -1,33 +1,38 @@
-/*AGENT_SHEET*/
-
-/* Firefox 57+ userChrome.css tweaks ****************************************************/
-/* code mostly taken from 'Classic Theme Restorer' & 'Classic Toolbar Buttons' add-ons **/
-/* by Aris ([email protected])*********************************************************/
+/* Firefox Quantum userChrome.css tweaks ************************************************/
 /* Github: https://github.com/aris-t2/customcssforfx ************************************/
 /****************************************************************************************/
 
 
+/*
+ Colors inside  /'*...*'/  are from deprecated 'custom_colors_for_squared_tabs.css' file.
+ Example:
+ replace 'linear-gradient(#f9f9fa,#f9f9fa)'  with 'linear-gradient(to bottom,#FFCC99,#FFCC99)'
+ to use the colors from the above mentioned file.
+*/
+
 /* default colors */
 :root {
-  --general_toolbar_color_toolbars: linear-gradient(#f9f9fa,#f9f9fa) !important;
-  --general_toolbar_color_navbar: linear-gradient(#f9f9fa,#f9f9fa) !important;
+  --general_toolbar_color_toolbars: linear-gradient(#f9f9fa,#f9f9fa) !important; /* (to bottom,#FFCC99,#FFCC99) */
+  --general_toolbar_color_navbar: linear-gradient(#f9f9fa,#f9f9fa) !important; /* (to bottom,#FFCC99,#FFCC99) */
   --general_toolbar_text_color: inherit !important;
-  --general_toolbar_text_shadow: unset !important;
-  --tabs_toolbar_color_tabs_not_on_top: linear-gradient(#f9f9fa,#f9f9fa) !important;
-  --tabs_toolbar_border-tnot_normal_mode: 1px solid var(--tabs-border-color) !important;
-  --colored_menubar_background_image: linear-gradient(#f9f9fa,#f9f9fa) !important;
+  --general_toolbar_text_shadow: transparent !important;
+  --tabs_toolbar_color_tabs_not_on_top: linear-gradient(#f9f9fa,#f9f9fa) !important;  /* (to bottom,#FFCC99,#FFCC99) */
+  --tabs_toolbar_border-tnot_normal_mode_size: 1px !important;
+  --tabs_toolbar_border-tnot_normal_mode: var(--tabs-border-color) !important;
+  --colored_menubar_background_image: linear-gradient(#f9f9fa,#f9f9fa) !important;  /* (to bottom,#FFCC99,#FFCC99) */
   --colored_menubar_text_color: black !important;
-  --classic_squared_tabs_active_tab: linear-gradient(to top,#f9f9fa,#f9f9fa,#f9f9fa) !important;
-  --classic_squared_tabs_hovered_tabs: linear-gradient(to top,#cac7c1,#d5d2cc,#e8e6e2) !important;
-  --classic_squared_tabs_other_tabs: linear-gradient(to top,#aeaba5,#c1beb7,#c9c6be) !important;
-  --classic_squared_tabs_unloaded_tabs: linear-gradient(to top,#aeaba5,#c1beb7,#c9c6be) !important;
-  --classic_squared_tabs_unread_tabs: linear-gradient(to top,#aeaba5,#c1beb7,#c9c6be) !important;
-  --classic_squared_tabs-border1: 1px solid #5f7181 !important;
-  --classic_squared_tabs-border2: 1px solid rgba(0,0,0,.2) !important;
-  --classic_squared_tabs-border3: 1px solid rgba(0,0,0,.5) !important;
+  --classic_squared_tabs_active_tab: linear-gradient(to top,#f9f9fa,#f9f9fa,#f9f9fa) !important; /* (to bottom,#FF8800,#FFCC99) */
+  --classic_squared_tabs_hovered_tabs: linear-gradient(to top,#cac7c1,#d5d2cc,#e8e6e2) !important; /* (to bottom,#FF9900,#FF6600) */
+  --classic_squared_tabs_other_tabs: linear-gradient(to top,#aeaba5,#c1beb7,#c9c6be) !important; /* (to bottom,#FFCC99,#CCCCCC) */
+  --classic_squared_tabs_unloaded_tabs: linear-gradient(to top,#aeaba5,#c1beb7,#c9c6be) !important; /* (to bottom,#FFCC99,#CCCCCC) */
+  --classic_squared_tabs_unread_tabs: linear-gradient(to top,#aeaba5,#c1beb7,#c9c6be) !important; /* (to bottom,#FFCC99,#CCCCCC) */
+  --classic_squared_tabs-border_size: 1px;
+  --classic_squared_tabs-border1: #5f7181 !important;
+  --classic_squared_tabs-border2: rgba(0,0,0,.2) !important;
+  --classic_squared_tabs-border3: rgba(0,0,0,.5) !important;
   --classic_squared_tabs_new_tab_icon_color: black !important;
   --classic_squared_tabs_tab_text_color: black !important;
-  --classic_squared_tabs_tab_text_shadow: unset !important;
+  --classic_squared_tabs_tab_text_shadow: transparent !important;
   --classic_squared_tabs_lwt-dark_hovered_tabs: linear-gradient(hsla(0,0%,80%,.5), hsla(0,0%,60%,.5) 80%) !important;
   --classic_squared_tabs_lwt-dark_other_tabs: linear-gradient(hsla(0,0%,60%,.5), hsla(0,0%,45%,.5) 80%) !important;
   --classic_squared_tabs_lwt-bright_hovered_tabs: linear-gradient(hsla(0,0%,60%,.6), hsla(0,0%,45%,.6) 80%) !important;

diff --git a/classic/config/color_variables_aero.css b/classic/config/color_variables_aero.css
@@ -1,33 +1,38 @@
-/*AGENT_SHEET*/
-
-/* Firefox 57+ userChrome.css tweaks ****************************************************/
-/* code mostly taken from 'Classic Theme Restorer' & 'Classic Toolbar Buttons' add-ons **/
-/* by Aris ([email protected])*********************************************************/
+/* Firefox Quantum userChrome.css tweaks ************************************************/
 /* Github: https://github.com/aris-t2/customcssforfx ************************************/
 /****************************************************************************************/
 
 
+/*
+ Colors inside  /'*...*'/  are from deprecated 'custom_colors_for_squared_tabs.css' file.
+ Example:
+ replace 'linear-gradient(#f9f9fa,#f9f9fa)'  with 'linear-gradient(to bottom,#FFCC99,#FFCC99)'
+ to use the colors from the above mentioned file.
+*/
+
 /* Aero colors */
 :root {
-  --general_toolbar_color_toolbars: linear-gradient(#ddebf9,#ddebf9) !important;
-  --general_toolbar_color_navbar: linear-gradient(#eaf2fb,#ddebf9) !important;
+  --general_toolbar_color_toolbars: linear-gradient(#ddebf9,#ddebf9) !important; /* (to bottom,#FFCC99,#FFCC99) */
+  --general_toolbar_color_navbar: linear-gradient(#eaf2fb,#ddebf9) !important; /* (to bottom,#FFCC99,#FFCC99) */
   --general_toolbar_text_color: black !important;
-  --general_toolbar_text_shadow: unset !important;
-  --tabs_toolbar_color_tabs_not_on_top: linear-gradient(#ddebf9,#ddebf9) !important;
-  --tabs_toolbar_border-tnot_normal_mode: 1px solid var(--tabs-border-color) !important;
-  --colored_menubar_background_image: linear-gradient(#ddebf9,#ddebf9) !important;
+  --general_toolbar_text_shadow: transparent !important;
+  --tabs_toolbar_color_tabs_not_on_top: linear-gradient(#ddebf9,#ddebf9) !important; /* (to bottom,#FFCC99,#FFCC99) */
+  --tabs_toolbar_border-tnot_normal_mode_size: 1px !important;
+  --tabs_toolbar_border-tnot_normal_mode: var(--tabs-border-color) !important;
+  --colored_menubar_background_image: linear-gradient(#ddebf9,#ddebf9) !important; /* (to bottom,#FFCC99,#FFCC99) */
   --colored_menubar_text_color: black !important;
-  --classic_squared_tabs_active_tab: linear-gradient(to top,#eaf2fb,#eef5fc,#fbfdff) !important;
-  --classic_squared_tabs_hovered_tabs: linear-gradient(to top,#d0dce8,#dce7f3,#e5effa) !important;
-  --classic_squared_tabs_other_tabs: linear-gradient(to top,#b4c0cc,#c8d4e1,#d1deec) !important;
-  --classic_squared_tabs_unloaded_tabs: linear-gradient(to top,#b4c0cc,#c8d4e1,#d1deec) !important;
-  --classic_squared_tabs_unread_tabs: linear-gradient(to top,#b4c0cc,#c8d4e1,#d1deec) !important;
-  --classic_squared_tabs-border1: 1px solid #5f7181 !important;
-  --classic_squared_tabs-border2: 1px solid rgba(0,0,0,.2) !important;
-  --classic_squared_tabs-border3: 1px solid rgba(0,0,0,.5) !important;
+  --classic_squared_tabs_active_tab: linear-gradient(to top,#eaf2fb,#eef5fc,#fbfdff) !important; /* (to bottom,#FF8800,#FFCC99) */
+  --classic_squared_tabs_hovered_tabs: linear-gradient(to top,#d0dce8,#dce7f3,#e5effa) !important; /* (to bottom,#FF9900,#FF6600) */
+  --classic_squared_tabs_other_tabs: linear-gradient(to top,#b4c0cc,#c8d4e1,#d1deec) !important; /* (to bottom,#FFCC99,#CCCCCC) */
+  --classic_squared_tabs_unloaded_tabs: linear-gradient(to top,#b4c0cc,#c8d4e1,#d1deec) !important; /* (to bottom,#FFCC99,#CCCCCC) */
+  --classic_squared_tabs_unread_tabs: linear-gradient(to top,#b4c0cc,#c8d4e1,#d1deec) !important; /* (to bottom,#FFCC99,#CCCCCC) */
+    --classic_squared_tabs-border_size: 1px;
+  --classic_squared_tabs-border1: #5f7181 !important;
+  --classic_squared_tabs-border2: rgba(0,0,0,.2) !important;
+  --classic_squared_tabs-border3: rgba(0,0,0,.5) !important;
   --classic_squared_tabs_new_tab_icon_color: black !important;
   --classic_squared_tabs_tab_text_color: black !important;
-  --classic_squared_tabs_tab_text_shadow: unset !important;
+  --classic_squared_tabs_tab_text_shadow: transparent !important;
   --classic_squared_tabs_lwt-dark_hovered_tabs: linear-gradient(hsla(0,0%,80%,.5), hsla(0,0%,60%,.5) 80%) !important;
   --classic_squared_tabs_lwt-dark_other_tabs: linear-gradient(hsla(0,0%,60%,.5), hsla(0,0%,45%,.5) 80%) !important;
   --classic_squared_tabs_lwt-bright_hovered_tabs: linear-gradient(hsla(0,0%,60%,.6), hsla(0,0%,45%,.6) 80%) !important;

diff --git a/classic/config/color_variables_aeroglass.css b/classic/config/color_variables_aeroglass.css
@@ -1,35 +1,54 @@
-/*AGENT_SHEET*/
-
-/* Firefox 57+ userChrome.css tweaks ****************************************************/
-/* code mostly taken from 'Classic Theme Restorer' & 'Classic Toolbar Buttons' add-ons **/
-/* by Aris ([email protected])*********************************************************/
+/* Firefox Quantum userChrome.css tweaks ************************************************/
 /* Github: https://github.com/aris-t2/customcssforfx ************************************/
 /****************************************************************************************/
 
 
 /* AeroGlass colors */
 :root {
-  --general_toolbar_color_toolbars: unset !important;
-  --general_toolbar_color_navbar: unset !important;
+  --general_toolbar_color_toolbars: none !important;
+  --general_toolbar_color_navbar: none !important;
   --general_toolbar_text_color: white !important;
-  --general_toolbar_text_shadow: 1px 1px 1px black !important;
+  --general_toolbar_text_shadow: black !important;
   --tabs_toolbar_color_tabs_not_on_top: unset !important;
-  --tabs_toolbar_border-tnot_normal_mode: 0px !important;
+  --tabs_toolbar_border-tnot_normal_mode_size: 0px !important;
+  --tabs_toolbar_border-tnot_normal_mode: var(--tabs-border-color) !important;
   --colored_menubar_background_image: unset !important;
   --colored_menubar_text_color: white !important;
   --classic_squared_tabs_active_tab: linear-gradient(to top,rgba(255,255,255,.0),rgba(255,255,255,.7)) !important;
   --classic_squared_tabs_hovered_tabs: linear-gradient(to top,rgba(255,255,255,.1),rgba(255,255,255,.3)) !important;
   --classic_squared_tabs_other_tabs: linear-gradient(to top,rgba(255,255,255,.0),rgba(255,255,255,.2)) !important;
   --classic_squared_tabs_unloaded_tabs: linear-gradient(to top,rgba(255,255,255,.0),rgba(255,255,255,.2)) !important;
   --classic_squared_tabs_unread_tabs: linear-gradient(to top,rgba(255,255,255,.0),rgba(255,255,255,.2)) !important;
-  --classic_squared_tabs-border1: 1px solid rgba(0,0,0,.0) !important;
-  --classic_squared_tabs-border2: 1px solid rgba(0,0,0,.0) !important;
-  --classic_squared_tabs-border3: 1px solid rgba(0,0,0,.0) !important;
+  --classic_squared_tabs-border_size: 1px;
+  --classic_squared_tabs-border1: rgba(0,0,0,.0) !important;
+  --classic_squared_tabs-border2: rgba(0,0,0,.0) !important;
+  --classic_squared_tabs-border3: rgba(0,0,0,.0) !important;
   --classic_squared_tabs_new_tab_icon_color: white !important;
   --classic_squared_tabs_tab_text_color: white !important;
-  --classic_squared_tabs_tab_text_shadow: 1px 1px 1px black !important;
+  --classic_squared_tabs_tab_text_shadow: black !important;
   --classic_squared_tabs_lwt-dark_hovered_tabs: linear-gradient(hsla(0,0%,80%,.5), hsla(0,0%,60%,.5) 80%) !important;
   --classic_squared_tabs_lwt-dark_other_tabs: linear-gradient(hsla(0,0%,60%,.5), hsla(0,0%,45%,.5) 80%) !important;
   --classic_squared_tabs_lwt-bright_hovered_tabs: linear-gradient(hsla(0,0%,60%,.6), hsla(0,0%,45%,.6) 80%) !important;
   --classic_squared_tabs_lwt-bright_other_tabs: linear-gradient(hsla(0,0%,40%,.6), hsla(0,0%,30%,.6) 80%) !important;
 }
+
+/* navigation toolbar background */
+#nav-bar:not(:-moz-lwtheme) {
+  background: unset !important;
+  border: unset !important;
+  box-shadow: unset !important;
+}
+
+/* toolbar background */
+toolbar:not(#TabsToolbar):not(#toolbar-menubar):not(#nav-bar):not(:-moz-lwtheme) {
+  background: unset !important;
+  border: unset !important;
+  box-shadow: unset !important;
+}
+
+/* hide toolbar shadow */
+#nav-bar:not(:-moz-lwtheme),
+toolbar:not(#TabsToolbar):not(#toolbar-menubar):not(#nav-bar):not(:-moz-lwtheme) {
+  -moz-appearance: none !important;
+  box-shadow: unset !important;
+}