Merge pull request #1111 from lv7777/fix-#788-2

Fix #788, use css variable
This commit is contained in:
YUKI "Piro" Hiroshi 2016-05-03 11:23:00 +09:00
commit 807f85ffca
4 changed files with 14 additions and 2 deletions

View File

@ -3,6 +3,8 @@
<?xml-stylesheet href="treestyletab.css" type="text/css"?> <?xml-stylesheet href="treestyletab.css" type="text/css"?>
<?xml-stylesheet href="treestyletab-tmp.css" type="text/css"?><!-- hacks for Tab Mix Plus --> <?xml-stylesheet href="treestyletab-tmp.css" type="text/css"?><!-- hacks for Tab Mix Plus -->
<?xml-stylesheet href="chrome://treestyletab/skin/base-colors.css" type="text/css"?>
<?xml-stylesheet href="chrome://treestyletab/skin/base.css" type="text/css"?> <?xml-stylesheet href="chrome://treestyletab/skin/base.css" type="text/css"?>
<?xml-stylesheet href="chrome://treestyletab/skin/twisty/twisty.css" type="text/css"?> <?xml-stylesheet href="chrome://treestyletab/skin/twisty/twisty.css" type="text/css"?>
<?xml-stylesheet href="chrome://treestyletab/skin/ui.css" type="text/css"?> <?xml-stylesheet href="chrome://treestyletab/skin/ui.css" type="text/css"?>

View File

@ -64,6 +64,7 @@ TreeStyleTabThemeManager.prototype = {
this._lastStyles = null; this._lastStyles = null;
var styles = []; var styles = [];
switch (aStyle) switch (aStyle)
{ {
default: default:

View File

@ -0,0 +1,9 @@
:root[devtoolstheme="light"]{
--tabs-newtab-button-background:-moz-dialog;
--tabs-newtab-button-background-hover:ThreeDHighlight;
}
:root[devtoolstheme="dark"]{
--tabs-newtab-button-background:#39424D;
--tabs-newtab-button-background-hover:#49525D;
}

View File

@ -16,11 +16,11 @@
border-radius: 0; border-radius: 0;
-moz-border-radius: 0; -moz-border-radius: 0;
border-top: 1px solid ThreeDShadow !important; border-top: 1px solid ThreeDShadow !important;
background: -moz-dialog !important; background: var(--tabs-newtab-button-background) !important;
} }
.tabbrowser-tabs[treestyletab-mode="vertical"] .tabs-newtab-button:hover, .tabbrowser-tabs[treestyletab-mode="vertical"] .tabs-newtab-button:hover,
.treestyletab-tabbar-toolbar[treestyletab-mode="vertical"] > toolbarbutton:hover { .treestyletab-tabbar-toolbar[treestyletab-mode="vertical"] > toolbarbutton:hover {
background: ThreeDHighlight !important; background: var(--tabs-newtab-button-background-hover) !important;
} }
/* for Mac OS X */ /* for Mac OS X */