fix tabview-dark

NiklasGollenstede · Jan 6, 2016 · f7927e8 · f7927e8
1 parent 482aafc
commit f7927e8
Show file tree

Hide file tree

Showing 3 changed files with 53 additions and 29 deletions.
diff --git a/about-pages-dark.css b/about-pages-dark.css
@@ -43,19 +43,12 @@
 
 @-moz-document
     url(about:addons),
-    url(about:preferences), /* hash-changes would invalidate the style, so all possible hashes have to be included */
-    url(about:preferences#),
-    url(about:preferences#general),
-    url(about:preferences#search),
-    url(about:preferences#content),
-    url(about:preferences#applications),
-    url(about:preferences#privacy),
-    url(about:preferences#security),
-    url(about:preferences#sync),
-    url(about:preferences#advanced),
-    url(about:preferences*)
+    url-prefix(about:findbartweak),
+    url-prefix(about:preferences),
+    url-prefix(about:tabgroups)
 {
     .main-content,
+    #main-footer,
     #dialogBox
     {
         filter: invert(100%) hue-rotate(180deg) contrast(90%) saturate(200%) brightness(125%);
@@ -126,13 +119,15 @@
     url(about:cache),
     url(about:crashes),
     url(about:license),
+    url(about:me),
     url(about:memory),
     url-prefix(about:neterror),
     url(about:plugins),
     url(about:privatebrowsing),
     url(about:permissions),
     url(about:robots),
     url(about:rights),
+    url(about:sessionstore),
     url(about:support),
     url(about:sync-log),
     url(about:sync-progress),
@@ -246,6 +241,17 @@
     }
 }
 
+@-moz-document
+    url(about:me)
+{
+    .favicon
+    {
+        max-width: 16px;
+        vertical-align: middle;
+        background-image: radial-gradient(circle at center, rgba(255, 255, 255, 0.7) 30%, transparent 80%);
+        padding: 3px;
+    }
+}
 
 
 /* temporary compatibility fix between normal and developer edition of firefox */

diff --git a/raw-text-dark.css b/raw-text-dark.css
@@ -9,10 +9,8 @@
  *     If you have any issues with this style, please open a ticket at https://github.com/NiklasGollenstede/stylish
  */
 
-@namespace url(http://www.w3.org/1999/xhtml);
+@namespace url(http://www.w3.org/1999/xhtml); /* i really want this to be global */
 
-body>pre:first-child {
-}
 body:not(.highlight)>pre:first-child {
     filter: invert(100%) hue-rotate(180deg) contrast(90%) saturate(200%) brightness(125%);
     background-color: #E6E9EC; /* inspector body color filtered */

diff --git a/tabview-dark.css b/tabview-dark.css
@@ -5,12 +5,14 @@
  * @licence CC-BY-SA-4.0 or MIT
  * @description
  *     Dark and a bit more modern look for the "Group Tabs"-overview.
+ *     Works with this add-on: https://addons.mozilla.org/en-US/firefox/addon/tab-groups-panorama/
  *
  *     If you have any issues with this style, please open a ticket at https://github.com/NiklasGollenstede/stylish
  */
 
 @-moz-document
-    url("chrome://browser/content/tabview.html")
+    url(chrome://tabgroups/content/tabview.xhtml),
+    url(chrome://browser/content/tabview.html)
 {
 
     #content
@@ -21,31 +23,54 @@
     .groupItem
     {
         background-color: #14171A;
+        cursor: move;
     }
-
     .groupItem:not(.activeGroupItem)
     {
         opacity: 0.5;
     }
-
+    .groupItem:not(.activeGroupItem) .appTabTrayContainer
+    {
+        display: none;
+    }
+    .groupItem .appTabTrayContainer
+    {
+        padding-right: 10px;
+    }
+    .groupItem .appTabTrayContainer .appTabIcon
+    {
+        background-image: radial-gradient(circle at center, rgba(255, 255, 255, 0.7) 30%, transparent 80%);
+        padding: 3px;
+    }
     .groupItem .titlebar .name
     {
         border-radius: 2px;
         box-shadow: inset 0 0 2px lightgrey;
         background-color: #193347;
         padding: 0 0 1px 3px;
     }
+    .groupItem .close,
+    .groupItem .iq-resizable-handle
+    {
+        background-position: 50% 50%;
+        width: 30px;
+        height: 30px;
+    }
 
     .tab
     {
         border-radius: 0px;
         background-color: #414B56;
         padding-bottom: 20px;
     }
-
+    .tab.focus
+    {
+        box-shadow: unset;
+        box-shadow: 0px 0px 7px rgb(0, 126, 206), 0px 0px 7px rgb(0, 126, 206);
+    }
     .tab .tab-title
     {
-        background-color: #414B56;
+        background-color: inherit;
         position: absolute;
         left: 0px;
         right: 0px;
@@ -55,22 +80,19 @@
         color: white;
         text-shadow: none;
     }
-
     .tab .favicon
     {
         background-color: transparent;
         background-image: radial-gradient(circle at center, rgba(255, 255, 255, 0.7) 30%, transparent 70%);
         border: none;
-        left: 3px !important;
+        left: 2px !important;
         top: 3px !important;
     }
-
     .tab .thumb .cached-thumb,
     .tab .thumb canvas
     {
         background-color: #414B56;
     }
-
     .tab .close
     {
         display: none;
@@ -80,12 +102,10 @@
         display: block;
     }
 
-    /*
-    .groupItem .resizer { }
-    .groupItem.activeGroupItem { }
-    .groupItem .close { }
-    .tab.focus { }
-    */
+    #actions
+    {
+        filter: invert(100%) hue-rotate(180deg);
+    }
 }
 
 @-moz-document