From de55383b616593cb9d260139de50f6c624e4a564 Mon Sep 17 00:00:00 2001 From: Piro / YUKI Hiroshi Date: Tue, 3 May 2016 12:05:17 +0900 Subject: [PATCH] Define dropmarker colors for each theme --- skin/classic/treestyletab/base-colors.css | 4 +++ skin/classic/treestyletab/ui-base.css | 30 +++++++++++------------ 2 files changed, 19 insertions(+), 15 deletions(-) diff --git a/skin/classic/treestyletab/base-colors.css b/skin/classic/treestyletab/base-colors.css index c3269540..5efa7710 100644 --- a/skin/classic/treestyletab/base-colors.css +++ b/skin/classic/treestyletab/base-colors.css @@ -38,10 +38,14 @@ :root { --tab-surface: -moz-dialog; + --tab-text: -moz-dialogtext; --tab-surface-hover: ThreeDHighlight; + --tab-dropmarker: -moz-dialogtext; } :root[devtoolstheme="dark"] { --tab-surface: #39424D; + --tab-text: white; --tab-surface-hover: #49525D; + --tab-dropmarker: white; } \ No newline at end of file diff --git a/skin/classic/treestyletab/ui-base.css b/skin/classic/treestyletab/ui-base.css index 3a31d5f3..cfdb1a01 100644 --- a/skin/classic/treestyletab/ui-base.css +++ b/skin/classic/treestyletab/ui-base.css @@ -28,7 +28,7 @@ .tabbrowser-tab[treestyletab-drop-position="before"]:not([visuallyselected="true"]), .tabbrowser-tabs[treestyletab-tabbar-position="bottom"] .tabbrowser-tab[treestyletab-drop-position="before"]:not([visuallyselected="true"]):hover { - -moz-border-left-colors: -moz-dialogtext -moz-dialogtext !important; + -moz-border-left-colors: var(--tab-dropmarker) var(--tab-dropmarker) !important; } .tabbrowser-tabs[treestyletab-tabbar-position="bottom"] @@ -39,7 +39,7 @@ .tabbrowser-tab[treestyletab-drop-position="after"]:not([visuallyselected="true"]), .tabbrowser-tabs[treestyletab-tabbar-position="bottom"] .tabbrowser-tab[treestyletab-drop-position="after"]:not([visuallyselected="true"]):hover { - -moz-border-right-colors: -moz-dialogtext -moz-dialogtext !important; + -moz-border-right-colors: var(--tab-dropmarker) var(--tab-dropmarker) !important; } @@ -67,10 +67,10 @@ .tabbrowser-tab[treestyletab-drop-position="self"]:not([visuallyselected="true"]), .tabbrowser-tabs[treestyletab-tabbar-position="bottom"][treestyletab-style] .tabbrowser-tab[treestyletab-drop-position="self"]:not([visuallyselected="true"]):hover { - -moz-border-top-colors: -moz-dialogtext -moz-dialogtext !important; - -moz-border-right-colors: -moz-dialogtext -moz-dialogtext !important; - -moz-border-bottom-colors: -moz-dialogtext -moz-dialogtext !important; - -moz-border-left-colors: -moz-dialogtext -moz-dialogtext !important; + -moz-border-top-colors: var(--tab-dropmarker) var(--tab-dropmarker) !important; + -moz-border-right-colors: var(--tab-dropmarker) var(--tab-dropmarker) !important; + -moz-border-bottom-colors: var(--tab-dropmarker) var(--tab-dropmarker) !important; + -moz-border-left-colors: var(--tab-dropmarker) var(--tab-dropmarker) !important; } .tabbrowser-tabs[treestyletab-mode="vertical"]:not([treestyletab-style]) @@ -108,7 +108,7 @@ .tabbrowser-tab:first-child:not([pinned="true"])[treestyletab-drop-position="before"]:not([visuallyselected="true"]), .tabbrowser-tabs[treestyletab-mode="vertical"][treestyletab-style][treestyletab-firsttab-border="true"] .tabbrowser-tab:first-child:not([pinned="true"])[treestyletab-drop-position="before"]:not([visuallyselected="true"]):hover { - -moz-border-top-colors: -moz-dialogtext -moz-dialogtext !important; + -moz-border-top-colors: var(--tab-dropmarker) var(--tab-dropmarker) !important; } .tabbrowser-tabs[treestyletab-mode="vertical"][treestyletab-style] @@ -119,7 +119,7 @@ .tabbrowser-tab:not([pinned="true"])[treestyletab-drop-position="after"]:not([visuallyselected="true"]), .tabbrowser-tabs[treestyletab-mode="vertical"][treestyletab-style] .tabbrowser-tab:not([pinned="true"])[treestyletab-drop-position="after"]:not([visuallyselected="true"]):hover { - -moz-border-bottom-colors: -moz-dialogtext -moz-dialogtext !important; + -moz-border-bottom-colors: var(--tab-dropmarker) var(--tab-dropmarker) !important; } .tabbrowser-tabs[treestyletab-mode="vertical"][treestyletab-style] @@ -130,7 +130,7 @@ .tabbrowser-tab[pinned="true"][treestyletab-drop-position="before"]:not([visuallyselected="true"]), .tabbrowser-tabs[treestyletab-mode="vertical"][treestyletab-style] .tabbrowser-tab[pinned="true"][treestyletab-drop-position="before"]:not([visuallyselected="true"]):hover { - -moz-border-left-colors: -moz-dialogtext -moz-dialogtext !important; + -moz-border-left-colors: var(--tab-dropmarker) var(--tab-dropmarker) !important; } .tabbrowser-tabs[treestyletab-mode="vertical"][treestyletab-style] @@ -141,7 +141,7 @@ .tabbrowser-tab[pinned="true"][treestyletab-drop-position="after"]:not([visuallyselected="true"]), .tabbrowser-tabs[treestyletab-mode="vertical"][treestyletab-style] .tabbrowser-tab[pinned="true"][treestyletab-drop-position="after"]:not([visuallyselected="true"]):hover { - -moz-border-right-colors: -moz-dialogtext -moz-dialogtext !important; + -moz-border-right-colors: var(--tab-dropmarker) var(--tab-dropmarker) !important; } @@ -159,7 +159,7 @@ .tabbrowser-tabs[treestyletab-tabbar-position="top"] .tabbrowser-tab[treestyletab-drop-position="self"]:not([visuallyselected="true"]):hover .tab-content { - outline: 2px -moz-dialogtext solid !important; + outline: 2px var(--tab-dropmarker) solid !important; } @@ -195,16 +195,16 @@ tabbrowser[treestyletab-drop-position] { opacity: 0.5; } tabbrowser[treestyletab-drop-position="top"]:not([treestyletab-tabbar-position="top"]) { - border-top-color: -moz-dialogtext !important; + border-top-color: var(--tab-dropmarker) !important; } tabbrowser[treestyletab-drop-position="right"]:not([treestyletab-tabbar-position="right"]) { - border-right-color: -moz-dialogtext !important; + border-right-color: var(--tab-dropmarker) !important; } tabbrowser[treestyletab-drop-position="bottom"]:not([treestyletab-tabbar-position="bottom"]) { - border-bottom-color: -moz-dialogtext !important; + border-bottom-color: var(--tab-dropmarker) !important; } tabbrowser[treestyletab-drop-position="left"]:not([treestyletab-tabbar-position="left"]) { - border-left-color: -moz-dialogtext !important; + border-left-color: var(--tab-dropmarker) !important; }