Merge pull request #1111 from lv7777/fix-#788-2
Fix #788, use css variable
This commit is contained in:
commit
807f85ffca
@ -3,6 +3,8 @@
|
||||
<?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="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/twisty/twisty.css" type="text/css"?>
|
||||
<?xml-stylesheet href="chrome://treestyletab/skin/ui.css" type="text/css"?>
|
||||
|
@ -64,6 +64,7 @@ TreeStyleTabThemeManager.prototype = {
|
||||
this._lastStyles = null;
|
||||
|
||||
var styles = [];
|
||||
|
||||
switch (aStyle)
|
||||
{
|
||||
default:
|
||||
|
9
skin/classic/treestyletab/base-colors.css
Normal file
9
skin/classic/treestyletab/base-colors.css
Normal 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;
|
||||
}
|
@ -16,11 +16,11 @@
|
||||
border-radius: 0;
|
||||
-moz-border-radius: 0;
|
||||
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,
|
||||
.treestyletab-tabbar-toolbar[treestyletab-mode="vertical"] > toolbarbutton:hover {
|
||||
background: ThreeDHighlight !important;
|
||||
background: var(--tabs-newtab-button-background-hover) !important;
|
||||
}
|
||||
|
||||
/* for Mac OS X */
|
||||
|
Loading…
Reference in New Issue
Block a user