WebExt: Add minimal sidebar which is able to load+change CSS accordin…

…g to settings (darrinhenein#13)

lib/verticaltabs.js

@@ -11,11 +11,6 @@
 var ioServices = require("resource://gre/modules/Services.jsm").Services.io;
 var stylesheetUtils = require("sdk/stylesheet/utils");
 
-//var tabsSDK = require("sdk/tabs");
-//var tabsUtils = require("sdk/tabs/utils");
-//var contentMod = require("sdk/content/mod");
-//var Style = require("sdk/stylesheet/style").Style;
-
 const NS_XUL = "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
 const TAB_DROP_TYPE = "application/x-moz-tabbrowser-tab";
 
@@ -29,7 +24,6 @@ var VerticalTabsReloaded = class VerticalTabsReloaded
         this.window = window;
         this.document = window.document;
         this.webExtPreferences = webExtPreferences;
-        this.parsedStyle = undefined;
         this.changedDisplayState = false;
         this.unloaders = [];
         this.init();
@@ -72,14 +66,14 @@ var VerticalTabsReloaded = class VerticalTabsReloaded
     {
         uri = ioServices.newURI(uri, null, null);
         stylesheetUtils.loadSheet(this.window, uri);
-        this.debugOutput(uri);
+        // this.debugOutput(uri);
     }
 
     removeStylesheet(uri)
     {
         uri = ioServices.newURI(uri, null, null);
         stylesheetUtils.removeSheet(this.window, uri);
-        this.debugOutput(uri);
+        // this.debugOutput(uri);
     }
 
     applyThemeStylesheet()

webextension/data/status.css

@@ -1,5 +1,3 @@
-@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
-
 /**
 
  * Tab's status color blind variant.

webextension/data/template/basic/template_example.css

@@ -1,50 +1,49 @@
 @import "../../template/basic/index.css";
 @import "modifications.css";
-@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
 
 :root {
 	/* Tabbrowser */
 	--vtr-tabbrowser-background-color: #424F5A;
-	
+
 	/* Tabbar, only used if no Firefox Theme installed */
 	--vtr-tabbar-height: 24px;
-	--vtr-tabbar-background-color: #f1f1f1; 
-	
+	--vtr-tabbar-background-color: #f1f1f1;
+
 	/* Single tab */
 	--vtr-tab-text-color: #fbfbfb;
 	--vtr-tab-background: transparent;
-	--vtr-tab-height: 28px; 
-	--vtr-tab-min-height: 28px; 
-	--vtr-tab-max-height: 28px; 
+	--vtr-tab-height: 28px;
+	--vtr-tab-min-height: 28px;
+	--vtr-tab-max-height: 28px;
 	--vtr-tab-border: 0;
 	--vtr-tab-border-radius: 0;
 	--vtr-tab-border-left: 4px solid transparent;
 	--vtr-tab-border-bottom: 1px solid #5E6972;
-	
+
 	/* Single tab selected */
 	--vtr-tab-selected-text-color: #fbfbfb;
 	--vtr-tab-selected-background: #343F48;
 	--vtr-tab-selected-font-weight: 600;
 	--vtr-tab-selected-text-shadow: none;
 	--vtr-tab-selected-border-left: 4px solid #ff9500;
 	--vtr-tab-selected-border-radius: 0;
-	
+
 	/* Single tab pinned */
 	--vtr-tab-pinned-text-color: #fbfbfb;
 	--vtr-tab-pinned-background: #343F48;
 	--vtr-tab-pinned-font-weight: 600;
 	--vtr-tab-pinned-text-shadow: none;
 	--vtr-tab-pinned-border-left: 4px solid #ff9500;
-	--vtr-tab-pinned-border-radius: 0;	
-	
+	--vtr-tab-pinned-border-radius: 0;
+
 	/* Single tab hover */
 	--vtr-tab-hover-background: #5E6972;
-	
+
 	/* Splitter/Separation between tabbar and website */
 	--vtr-splitter-background: #d6e5f5;
 	--vtr-splitter-width: 3px;
 	--vtr-splitter-border-left-size: 1px;
-	--vtr-splitter-border-left-color: #fcfcfc; 
+	--vtr-splitter-border-left-color: #fcfcfc;
 	--vtr-splitter-border-right-size: 1px;
-	--vtr-splitter-border-right-color: #fcfcfc; 
+	--vtr-splitter-border-right-color: #fcfcfc;
 }

webextension/data/theme/base.css

@@ -1,5 +1,3 @@
-@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
-
 /* Style the scrollbox for vertical arrangements. */
 .tabbrowser-arrowscrollbox > scrollbox {
     overflow-x: hidden !important;
@@ -93,7 +91,7 @@
 .tabbrowser-tab:not([busy]) .tab-icon-image:not([src]):not([pinned]) {
 	display: -moz-box;
 }
-	
+
 /* Make room for the close/max/min button on the right of the window */
 /* XXX this should probably be per-OS, yes? */
 /* XXX if I was smarter I'd find a way to make a swoop on the right side of the bar, under the window buttons */

webextension/data/theme/dark/index.css

@@ -1,50 +1,49 @@
 @import "../../template/basic/index.css";
 @import "modifications.css";
-@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
 
 :root {
 	/* Tabbrowser */
 	--vtr-tabbrowser-background-color: #424F5A;
-	
+
 	/* Tabbar, only used if no Firefox Theme installed */
 	--vtr-tabbar-height: 24px;
-	--vtr-tabbar-background-color: #f1f1f1; 
-	
+	--vtr-tabbar-background-color: #f1f1f1;
+
 	/* Single tab */
 	--vtr-tab-text-color: #fbfbfb;
 	--vtr-tab-background: transparent;
-	--vtr-tab-height: 28px; 
-	--vtr-tab-min-height: 28px; 
-	--vtr-tab-max-height: 28px; 
+	--vtr-tab-height: 28px;
+	--vtr-tab-min-height: 28px;
+	--vtr-tab-max-height: 28px;
 	--vtr-tab-border: 0;
 	--vtr-tab-border-radius: 0;
 	--vtr-tab-border-left: 4px solid transparent;
 	--vtr-tab-border-bottom: 1px solid #5E6972;
-	
+
 	/* Single tab selected */
 	--vtr-tab-selected-text-color: #fbfbfb;
 	--vtr-tab-selected-background: #343F48;
 	--vtr-tab-selected-font-weight: 600;
 	--vtr-tab-selected-text-shadow: none;
 	--vtr-tab-selected-border-left: 4px solid #ff9500;
 	--vtr-tab-selected-border-radius: 0;
-	
+
 	/* Single tab pinned */
 	--vtr-tab-pinned-text-color: #fbfbfb;
 	--vtr-tab-pinned-background: #343F48;
 	--vtr-tab-pinned-font-weight: 600;
 	--vtr-tab-pinned-text-shadow: none;
 	--vtr-tab-pinned-border-left: 4px solid #2292D0;
-	--vtr-tab-pinned-border-radius: 0;	
-	
+	--vtr-tab-pinned-border-radius: 0;
+
 	/* Single tab hover */
 	--vtr-tab-hover-background: #5E6972;
-	
+
 	/* Splitter/Separation between tabbar and website */
 	--vtr-splitter-background: #343F48;
 	--vtr-splitter-width: 3px;
 	--vtr-splitter-border-left-size: 0;
-	--vtr-splitter-border-left-color: #343F48; 
+	--vtr-splitter-border-left-color: #343F48;
 	--vtr-splitter-border-right-size: 0;
-	--vtr-splitter-border-right-color: #343F48; 
+	--vtr-splitter-border-right-color: #343F48;
 }

webextension/data/theme/darwin/index.css

@@ -1,5 +1,3 @@
-@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
-
 #nav-bar {
     box-shadow: none;
 }

webextension/data/theme/light/index.css

@@ -1,50 +1,49 @@
 @import "../../template/basic/index.css";
 @import "modifications.css";
-@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
 
 :root {
 	/* Tabbrowser */
 	--vtr-tabbrowser-background-color: #FBFBFB;
-	
+
 	/* Tabbar, only used if no Firefox Theme installed */
 	--vtr-tabbar-height: 24px;
-	--vtr-tabbar-background-color: #f1f1f1; 
-	
+	--vtr-tabbar-background-color: #f1f1f1;
+
 	/* Single tab */
 	--vtr-tab-text-color: #333333;
 	--vtr-tab-background: transparent;
-	--vtr-tab-height: 28px; 
-	--vtr-tab-min-height: 28px; 
-	--vtr-tab-max-height: 28px; 
+	--vtr-tab-height: 28px;
+	--vtr-tab-min-height: 28px;
+	--vtr-tab-max-height: 28px;
 	--vtr-tab-border: 0;
 	--vtr-tab-border-radius: 0;
 	--vtr-tab-border-left: 4px solid transparent;
 	--vtr-tab-border-bottom: 1px solid #bbc3cc;
-	
+
 	/* Single tab selected */
 	--vtr-tab-selected-text-color: #333333;
 	--vtr-tab-selected-background: #dadada;
 	--vtr-tab-selected-font-weight: 600;
 	--vtr-tab-selected-text-shadow: none;
 	--vtr-tab-selected-border-left: 4px solid #ff9500;
 	--vtr-tab-selected-border-radius: 0;
-	
+
 	/* Single tab pinned */
 	--vtr-tab-pinned-text-color: #333333;
 	--vtr-tab-pinned-background: #dadada;
 	--vtr-tab-pinned-font-weight: 600;
 	--vtr-tab-pinned-text-shadow: none;
 	--vtr-tab-pinned-border-left: 4px solid #2292D0;
 	--vtr-tab-pinned-border-radius: 0;
-	
+
 	/* Single tab hover */
 	--vtr-tab-hover-background: #ebebeb;
-	
+
 	/* Splitter/Separation between tabbar and website */
 	--vtr-splitter-background: #ebebeb;
 	--vtr-splitter-width: 3px;
 	--vtr-splitter-border-left-size: 0;
-	--vtr-splitter-border-left-color: #ebebeb; 
+	--vtr-splitter-border-left-color: #ebebeb;
 	--vtr-splitter-border-right-size: 0;
-	--vtr-splitter-border-right-color: #ebebeb; 
+	--vtr-splitter-border-right-color: #ebebeb;
 }

webextension/data/theme/linux/index.css

@@ -1,5 +1,3 @@
-@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
-
 .tabbrowser-tabs {
     margin: 1px 0 0 0 !important;
     padding: 0 !important;

webextension/data/theme/windows/index.css

@@ -1,7 +1,6 @@
 @import "variable.css";
 @import "tab.css";
 @import "tabbrowser.css";
-@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
 
 /* Seperator between tabbar and website */
 #verticaltabs-splitter {