From cf9096356d12a33190eb79c724635c6648dadc7f Mon Sep 17 00:00:00 2001
From: Horst3180
Date: Mon, 31 Aug 2015 01:10:45 +0200
Subject: replace urlbar-arrow with simple border
---
arc-firefox-theme/chrome/browser/browser.css | 8 +++-----
arc-firefox-theme/chrome/browser/sass/_browser-sass.scss | 8 +++++---
arc-firefox-theme/chrome/browser/sass/browser-dark.css | 8 +++-----
arc-firefox-theme/chrome/browser/sass/browser-darker.css | 8 +++-----
arc-firefox-theme/chrome/browser/sass/browser-light.css | 8 +++-----
5 files changed, 17 insertions(+), 23 deletions(-)
(limited to 'arc-firefox-theme/chrome/browser')
diff --git a/arc-firefox-theme/chrome/browser/browser.css b/arc-firefox-theme/chrome/browser/browser.css
index f83320f..babfce1 100644
--- a/arc-firefox-theme/chrome/browser/browser.css
+++ b/arc-firefox-theme/chrome/browser/browser.css
@@ -1625,9 +1625,10 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar > #identity-box
background-color: transparent;
background-clip: padding-box;
padding-left: 1px;
- border-width: 0 8px 0 0;
+ padding-right: 4px;
+ border-width: 0 1px 0 0;
border-style: solid;
- border-image: url("chrome://browser/skin/urlbar-arrow.png") 0 8 0 0 fill; }
+ border-color: #dcdfe3; }
#notification-popup-box:-moz-locale-dir(rtl),
.notification-anchor-icon:-moz-locale-dir(rtl) {
@@ -1775,9 +1776,6 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar > #identity-box
transform: translateX(0); } }
/* HiDPI notification icons */
@media (min-resolution: 1.1dppx) {
- #notification-popup-box {
- border-image: url("chrome://browser/skin/urlbar-arrow@2x.png") 0 16 0 0 fill; }
-
.notification-anchor-icon {
list-style-image: url(moz-icon://stock/gtk-dialog-info?size=dialog); }
diff --git a/arc-firefox-theme/chrome/browser/sass/_browser-sass.scss b/arc-firefox-theme/chrome/browser/sass/_browser-sass.scss
index a89487b..84a96e2 100644
--- a/arc-firefox-theme/chrome/browser/sass/_browser-sass.scss
+++ b/arc-firefox-theme/chrome/browser/sass/_browser-sass.scss
@@ -2186,9 +2186,11 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar > #identity-box
background-color: transparent;
background-clip: padding-box;
padding-left: 1px;
- border-width: 0 8px 0 0;
+ padding-right: 4px;
+ border-width: 0 1px 0 0;
border-style: solid;
- border-image: url("chrome://browser/skin/urlbar-arrow.png") 0 8 0 0 fill;
+ border-color: $borders_color;
+ //border-image: url("chrome://browser/skin/urlbar-arrow.png") 0 8 0 0 fill;
//-moz-margin-end: -8px;
}
@@ -2379,7 +2381,7 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar > #identity-box
/* HiDPI notification icons */
@media (min-resolution: 1.1dppx) {
#notification-popup-box {
- border-image: url("chrome://browser/skin/urlbar-arrow@2x.png") 0 16 0 0 fill;
+ //border-image: url("chrome://browser/skin/urlbar-arrow@2x.png") 0 16 0 0 fill;
}
.notification-anchor-icon {
diff --git a/arc-firefox-theme/chrome/browser/sass/browser-dark.css b/arc-firefox-theme/chrome/browser/sass/browser-dark.css
index 60e38dc..56672e1 100644
--- a/arc-firefox-theme/chrome/browser/sass/browser-dark.css
+++ b/arc-firefox-theme/chrome/browser/sass/browser-dark.css
@@ -1625,9 +1625,10 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar > #identity-box
background-color: transparent;
background-clip: padding-box;
padding-left: 1px;
- border-width: 0 8px 0 0;
+ padding-right: 4px;
+ border-width: 0 1px 0 0;
border-style: solid;
- border-image: url("chrome://browser/skin/urlbar-arrow.png") 0 8 0 0 fill; }
+ border-color: #2d3036; }
#notification-popup-box:-moz-locale-dir(rtl),
.notification-anchor-icon:-moz-locale-dir(rtl) {
@@ -1775,9 +1776,6 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar > #identity-box
transform: translateX(0); } }
/* HiDPI notification icons */
@media (min-resolution: 1.1dppx) {
- #notification-popup-box {
- border-image: url("chrome://browser/skin/urlbar-arrow@2x.png") 0 16 0 0 fill; }
-
.notification-anchor-icon {
list-style-image: url(moz-icon://stock/gtk-dialog-info?size=dialog); }
diff --git a/arc-firefox-theme/chrome/browser/sass/browser-darker.css b/arc-firefox-theme/chrome/browser/sass/browser-darker.css
index a668bd7..b111a31 100644
--- a/arc-firefox-theme/chrome/browser/sass/browser-darker.css
+++ b/arc-firefox-theme/chrome/browser/sass/browser-darker.css
@@ -1625,9 +1625,10 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar > #identity-box
background-color: transparent;
background-clip: padding-box;
padding-left: 1px;
- border-width: 0 8px 0 0;
+ padding-right: 4px;
+ border-width: 0 1px 0 0;
border-style: solid;
- border-image: url("chrome://browser/skin/urlbar-arrow.png") 0 8 0 0 fill; }
+ border-color: #dcdfe3; }
#notification-popup-box:-moz-locale-dir(rtl),
.notification-anchor-icon:-moz-locale-dir(rtl) {
@@ -1775,9 +1776,6 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar > #identity-box
transform: translateX(0); } }
/* HiDPI notification icons */
@media (min-resolution: 1.1dppx) {
- #notification-popup-box {
- border-image: url("chrome://browser/skin/urlbar-arrow@2x.png") 0 16 0 0 fill; }
-
.notification-anchor-icon {
list-style-image: url(moz-icon://stock/gtk-dialog-info?size=dialog); }
diff --git a/arc-firefox-theme/chrome/browser/sass/browser-light.css b/arc-firefox-theme/chrome/browser/sass/browser-light.css
index f83320f..babfce1 100644
--- a/arc-firefox-theme/chrome/browser/sass/browser-light.css
+++ b/arc-firefox-theme/chrome/browser/sass/browser-light.css
@@ -1625,9 +1625,10 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar > #identity-box
background-color: transparent;
background-clip: padding-box;
padding-left: 1px;
- border-width: 0 8px 0 0;
+ padding-right: 4px;
+ border-width: 0 1px 0 0;
border-style: solid;
- border-image: url("chrome://browser/skin/urlbar-arrow.png") 0 8 0 0 fill; }
+ border-color: #dcdfe3; }
#notification-popup-box:-moz-locale-dir(rtl),
.notification-anchor-icon:-moz-locale-dir(rtl) {
@@ -1775,9 +1776,6 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar > #identity-box
transform: translateX(0); } }
/* HiDPI notification icons */
@media (min-resolution: 1.1dppx) {
- #notification-popup-box {
- border-image: url("chrome://browser/skin/urlbar-arrow@2x.png") 0 16 0 0 fill; }
-
.notification-anchor-icon {
list-style-image: url(moz-icon://stock/gtk-dialog-info?size=dialog); }
--
cgit v1.2.3
From d1230a45708cb8756e05f1ca6bdae41d345ea153 Mon Sep 17 00:00:00 2001
From: Horst3180
Date: Fri, 11 Sep 2015 18:57:38 +0200
Subject: sync with latest Arc changes
---
arc-firefox-theme/chrome/browser/browser.css | 10 +--
.../custom_images/dark/tabs/tab-end-hover.svg | 19 ++---
.../browser/custom_images/dark/tabs/tab-end.svg | 8 +-
.../custom_images/dark/tabs/tab-middle-hover.svg | 12 +--
.../browser/custom_images/dark/tabs/tab-middle.svg | 10 +--
.../custom_images/dark/tabs/tab-start-hover.svg | 21 ++---
.../browser/custom_images/dark/tabs/tab-start.svg | 12 +--
.../custom_images/dark/window-controls/close.svg | 58 ++++++-------
.../dark/window-controls/close_prelight.svg | 24 ++----
.../dark/window-controls/close_pressed.svg | 26 +++---
.../dark/window-controls/maximize.svg | 24 ++----
.../dark/window-controls/maximize_prelight.svg | 12 +--
.../dark/window-controls/maximize_pressed.svg | 99 ++++++++++++++++++++--
.../dark/window-controls/minimize.svg | 26 ++----
.../dark/window-controls/minimize_prelight.svg | 18 ++--
.../dark/window-controls/minimize_pressed.svg | 14 ++-
.../browser/custom_images/darker/tabs/tab-end.svg | 8 +-
.../custom_images/darker/tabs/tab-middle.svg | 4 +-
.../custom_images/darker/tabs/tab-start.svg | 6 +-
.../browser/custom_images/light/tabs/tab-end.svg | 4 +-
.../custom_images/light/tabs/tab-middle.svg | 8 +-
.../browser/custom_images/light/tabs/tab-start.svg | 4 +-
.../custom_images/light/window-controls/close.svg | 31 ++++---
.../light/window-controls/close_prelight.svg | 29 +++----
.../light/window-controls/close_pressed.svg | 10 +--
.../light/window-controls/maximize.svg | 24 ++----
.../light/window-controls/maximize_prelight.svg | 12 +--
.../light/window-controls/maximize_pressed.svg | 6 +-
.../light/window-controls/minimize.svg | 24 ++----
.../light/window-controls/minimize_prelight.svg | 14 +--
.../light/window-controls/minimize_pressed.svg | 8 +-
.../chrome/browser/sass/_browser-sass.scss | 4 +-
arc-firefox-theme/chrome/browser/sass/_colors.scss | 72 ++++++++--------
.../chrome/browser/sass/_drawing.scss | 44 ++++------
.../chrome/browser/sass/browser-dark.css | 46 +++++-----
.../chrome/browser/sass/browser-darker.css | 18 ++--
.../chrome/browser/sass/browser-light.css | 10 +--
37 files changed, 374 insertions(+), 405 deletions(-)
(limited to 'arc-firefox-theme/chrome/browser')
diff --git a/arc-firefox-theme/chrome/browser/browser.css b/arc-firefox-theme/chrome/browser/browser.css
index babfce1..6fa9f8a 100644
--- a/arc-firefox-theme/chrome/browser/browser.css
+++ b/arc-firefox-theme/chrome/browser/browser.css
@@ -8,7 +8,7 @@
:root {
--toolbarbutton-hover-background: #fbfbfc;
--toolbarbutton-hover-boxshadow: none;
- --toolbarbutton-hover-bordercolor: #5294E2;
+ --toolbarbutton-hover-bordercolor: #cfd6e6;
--toolbarbutton-active-boxshadow: none;
--toolbarbutton-active-bordercolor: #5294E2;
--toolbarbutton-active-background: #5294E2;
@@ -58,7 +58,7 @@
transition: min-height 170ms ease-out, max-height 170ms ease-out, visibility 170ms linear; }
#TabsToolbar:not([collapsed="true"]) + #nav-bar {
- border-top: 1px solid rgba(203, 205, 212, 0.95) !important;
+ border-top: 1px solid rgba(212, 213, 219, 0.95) !important;
background-clip: padding-box;
margin-top: -1px;
/* Move up into the TabsToolbar for the inner highlight at the top of the nav-bar */
@@ -137,8 +137,8 @@ toolbarbutton.bookmark-item {
toolbarbutton.bookmark-item:not([disabled=true]):hover {
-moz-appearance: none;
color: #5c616c;
- background-color: #fbfbfc;
- border: 1px solid #5294E2; }
+ background-color: white;
+ border: 1px solid #cfd6e6; }
toolbarbutton.bookmark-item:not([disabled=true]):-moz-any([open], [checked], :hover:active) {
-moz-appearance: none;
@@ -1278,14 +1278,12 @@ toolbar[brighttext] #loop-button > .toolbarbutton-badge-container {
padding: 3px;
border-radius: 3px;
margin: 0 3px;
- box-shadow: inset 0 0 rgba(255, 255, 255, 0);
color: #5c616c;
background-color: #ffffff;
border: 1px solid #cfd6e6; }
#urlbar[focused],
.searchbar-textbox[focused] {
- box-shadow: inset 0 0 rgba(255, 255, 255, 0);
color: #5c616c;
background-color: #ffffff;
border: 1px solid #5294E2; }
diff --git a/arc-firefox-theme/chrome/browser/custom_images/dark/tabs/tab-end-hover.svg b/arc-firefox-theme/chrome/browser/custom_images/dark/tabs/tab-end-hover.svg
index 36c4251..514f96b 100644
--- a/arc-firefox-theme/chrome/browser/custom_images/dark/tabs/tab-end-hover.svg
+++ b/arc-firefox-theme/chrome/browser/custom_images/dark/tabs/tab-end-hover.svg
@@ -39,8 +39,8 @@
id="namedview16"
showgrid="true"
inkscape:zoom="10.766271"
- inkscape:cx="-9.9304967"
- inkscape:cy="10.808825"
+ inkscape:cx="3.3052838"
+ inkscape:cy="3.3782114"
inkscape:window-x="0"
inkscape:window-y="23"
inkscape:window-maximized="1"
@@ -57,7 +57,7 @@
id="defs4" />
+ style="opacity:0.6">
+ style="fill:#383c4a;fill-opacity:1;stroke:#4080fb;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.84555981" />
-
diff --git a/arc-firefox-theme/chrome/browser/custom_images/dark/tabs/tab-end.svg b/arc-firefox-theme/chrome/browser/custom_images/dark/tabs/tab-end.svg
index 7b0e1f8..e3c2967 100644
--- a/arc-firefox-theme/chrome/browser/custom_images/dark/tabs/tab-end.svg
+++ b/arc-firefox-theme/chrome/browser/custom_images/dark/tabs/tab-end.svg
@@ -39,7 +39,7 @@
id="namedview16"
showgrid="true"
inkscape:zoom="10.766271"
- inkscape:cx="6.5561773"
+ inkscape:cx="-26.417171"
inkscape:cy="10.808825"
inkscape:window-x="0"
inkscape:window-y="23"
@@ -56,7 +56,7 @@
+ style="opacity:0.6">
+ style="fill:#383c4a;fill-opacity:1;stroke:#4080fb;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.84555984" />
diff --git a/arc-firefox-theme/chrome/browser/custom_images/dark/tabs/tab-middle.svg b/arc-firefox-theme/chrome/browser/custom_images/dark/tabs/tab-middle.svg
index 9f94872..7cc1a03 100644
--- a/arc-firefox-theme/chrome/browser/custom_images/dark/tabs/tab-middle.svg
+++ b/arc-firefox-theme/chrome/browser/custom_images/dark/tabs/tab-middle.svg
@@ -38,9 +38,9 @@
inkscape:window-height="1052"
id="namedview16"
showgrid="true"
- inkscape:zoom="5.3831355"
- inkscape:cx="6.4463018"
- inkscape:cy="9.9647005"
+ inkscape:zoom="30.451613"
+ inkscape:cx="22.422533"
+ inkscape:cy="31.436498"
inkscape:window-x="0"
inkscape:window-y="23"
inkscape:window-maximized="1"
@@ -56,7 +56,7 @@
+ style="opacity:0.6">
+ style="fill:#383c4a;fill-opacity:1;stroke:#4080fb;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.84555981" />
-
diff --git a/arc-firefox-theme/chrome/browser/custom_images/dark/tabs/tab-start.svg b/arc-firefox-theme/chrome/browser/custom_images/dark/tabs/tab-start.svg
index 6a280d5..05a6788 100644
--- a/arc-firefox-theme/chrome/browser/custom_images/dark/tabs/tab-start.svg
+++ b/arc-firefox-theme/chrome/browser/custom_images/dark/tabs/tab-start.svg
@@ -38,9 +38,9 @@
inkscape:window-height="1052"
id="namedview16"
showgrid="true"
- inkscape:zoom="7.6129032"
- inkscape:cx="-10.453684"
- inkscape:cy="11.931441"
+ inkscape:zoom="43.065084"
+ inkscape:cx="12.889294"
+ inkscape:cy="0.72416328"
inkscape:window-x="0"
inkscape:window-y="23"
inkscape:window-maximized="1"
@@ -56,7 +56,7 @@
+ transform="translate(-641,1218)">
+ id="g4490-6-5-2-5-3-6">
-
+
-
-
+ id="layer4-4-1-9-5-6-3-8"
+ style="display:inline;fill:#ffffff;fill-opacity:1" />
@@ -213,7 +207,7 @@
x="645"
height="16"
width="16"
- id="rect17883-39-99-8"
+ id="rect17883-39-99-8-8"
style="display:inline;opacity:1;fill:none;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
diff --git a/arc-firefox-theme/chrome/browser/custom_images/dark/window-controls/close_prelight.svg b/arc-firefox-theme/chrome/browser/custom_images/dark/window-controls/close_prelight.svg
index 748830f..852b85a 100644
--- a/arc-firefox-theme/chrome/browser/custom_images/dark/window-controls/close_prelight.svg
+++ b/arc-firefox-theme/chrome/browser/custom_images/dark/window-controls/close_prelight.svg
@@ -81,9 +81,9 @@
borderopacity="1.0"
inkscape:pageopacity="1"
inkscape:pageshadow="2"
- inkscape:zoom="11.313709"
- inkscape:cx="9.1908305"
- inkscape:cy="9.2459508"
+ inkscape:zoom="22.627418"
+ inkscape:cx="4.6255954"
+ inkscape:cy="10.407616"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="true"
@@ -150,11 +150,11 @@
id="g4092-0-2-3-4-6"
style="display:inline"
transform="translate(58,0)">
-
@@ -185,13 +185,7 @@
-
-
+ style="display:inline;fill:#ffffff;fill-opacity:1" />
+ transform="translate(-437.00001,1218)">
-
@@ -185,13 +185,7 @@
-
-
+ style="display:inline;fill:#ffffff;fill-opacity:1" />
-
-
+ transform="translate(-612.00002,1218)">
diff --git a/arc-firefox-theme/chrome/browser/custom_images/dark/window-controls/maximize_prelight.svg b/arc-firefox-theme/chrome/browser/custom_images/dark/window-controls/maximize_prelight.svg
index 6a420b9..9be9958 100644
--- a/arc-firefox-theme/chrome/browser/custom_images/dark/window-controls/maximize_prelight.svg
+++ b/arc-firefox-theme/chrome/browser/custom_images/dark/window-controls/maximize_prelight.svg
@@ -81,9 +81,9 @@
borderopacity="1.0"
inkscape:pageopacity="1"
inkscape:pageshadow="2"
- inkscape:zoom="11.313709"
- inkscape:cx="9.1889683"
- inkscape:cy="9.2440344"
+ inkscape:zoom="22.627418"
+ inkscape:cx="4.6255954"
+ inkscape:cy="10.407616"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="true"
@@ -145,12 +145,12 @@
@@ -207,7 +207,7 @@
sodipodi:nodetypes="csscccsscc"
inkscape:connector-curvature="0"
d="m 87.799705,972 3.381737,0 c 0.450297,0 0.816227,0.36847 0.818758,0.8188 l 0,3.3817 z m 2.407413,6.00692 -3.395078,0 c -0.450346,0 -0.818758,-0.36842 -0.818758,-0.81875 l 0,-3.39509 4.213836,4.21384"
- style="opacity:1;fill:#afb8c5;fill-opacity:1;fill-rule:evenodd;stroke:none"
+ style="opacity:1;fill:#c4c7cc;fill-opacity:1;fill-rule:evenodd;stroke:none"
id="path4293-6-7-1" />
diff --git a/arc-firefox-theme/chrome/browser/custom_images/dark/window-controls/maximize_pressed.svg b/arc-firefox-theme/chrome/browser/custom_images/dark/window-controls/maximize_pressed.svg
index 326ae8d..6974699 100644
--- a/arc-firefox-theme/chrome/browser/custom_images/dark/window-controls/maximize_pressed.svg
+++ b/arc-firefox-theme/chrome/browser/custom_images/dark/window-controls/maximize_pressed.svg
@@ -81,9 +81,9 @@
borderopacity="1.0"
inkscape:pageopacity="1"
inkscape:pageshadow="2"
- inkscape:zoom="11.313709"
- inkscape:cx="9.1889683"
- inkscape:cy="9.2440344"
+ inkscape:zoom="22.627418"
+ inkscape:cx="4.6255954"
+ inkscape:cy="10.407616"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="true"
@@ -111,10 +111,6 @@
orientation="1,0"
position="12,12"
id="guide4316" />
-
@@ -133,11 +129,98 @@
inkscape:groupmode="layer"
id="layer1"
transform="translate(0,-1028.3622)">
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ transform="translate(-408.00001,1218)">
-
@@ -134,17 +130,10 @@
id="layer1"
transform="translate(0,-1028.3622)">
-
-
diff --git a/arc-firefox-theme/chrome/browser/custom_images/dark/window-controls/minimize_prelight.svg b/arc-firefox-theme/chrome/browser/custom_images/dark/window-controls/minimize_prelight.svg
index 5c12c91..d029d16 100644
--- a/arc-firefox-theme/chrome/browser/custom_images/dark/window-controls/minimize_prelight.svg
+++ b/arc-firefox-theme/chrome/browser/custom_images/dark/window-controls/minimize_prelight.svg
@@ -14,7 +14,7 @@
id="svg4306"
version="1.1"
inkscape:version="0.91 r13725"
- sodipodi:docname="minimize_focused_prelight.svg"
+ sodipodi:docname="minimize_prelight.svg"
style="enable-background:new">
@@ -81,9 +81,9 @@
borderopacity="1.0"
inkscape:pageopacity="1"
inkscape:pageshadow="2"
- inkscape:zoom="11.313709"
- inkscape:cx="9.1889683"
- inkscape:cy="9.2440344"
+ inkscape:zoom="22.627418"
+ inkscape:cx="4.6255954"
+ inkscape:cy="10.407616"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="true"
@@ -111,10 +111,6 @@
orientation="1,0"
position="12,12"
id="guide4316" />
-
@@ -145,12 +141,12 @@
@@ -205,7 +201,7 @@
id="layer12-45-6-2-7">
diff --git a/arc-firefox-theme/chrome/browser/custom_images/dark/window-controls/minimize_pressed.svg b/arc-firefox-theme/chrome/browser/custom_images/dark/window-controls/minimize_pressed.svg
index be0af55..f88d4f0 100644
--- a/arc-firefox-theme/chrome/browser/custom_images/dark/window-controls/minimize_pressed.svg
+++ b/arc-firefox-theme/chrome/browser/custom_images/dark/window-controls/minimize_pressed.svg
@@ -14,7 +14,7 @@
id="svg4306"
version="1.1"
inkscape:version="0.91 r13725"
- sodipodi:docname="minimize_focused_pressed.svg"
+ sodipodi:docname="minimize_pressed.svg"
style="enable-background:new">
@@ -81,9 +81,9 @@
borderopacity="1.0"
inkscape:pageopacity="1"
inkscape:pageshadow="2"
- inkscape:zoom="11.313709"
- inkscape:cx="9.1889683"
- inkscape:cy="9.2440344"
+ inkscape:zoom="22.627418"
+ inkscape:cx="4.6255954"
+ inkscape:cy="10.407616"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="true"
@@ -111,10 +111,6 @@
orientation="1,0"
position="12,12"
id="guide4316" />
-
@@ -137,7 +133,7 @@
style="display:inline"
id="titlebutton-min-active-dark"
inkscape:label="#g6414"
- transform="translate(-379,1218)">
+ transform="translate(-379.00001,1218)">
+ sodipodi:docname="tab-middle.svg">
@@ -21,7 +21,7 @@
image/svg+xml
-
+
@@ -39,7 +39,7 @@
id="namedview16"
showgrid="true"
inkscape:zoom="21.532542"
- inkscape:cx="16.353419"
+ inkscape:cx="8.110082"
inkscape:cy="30.597364"
inkscape:window-x="0"
inkscape:window-y="23"
@@ -66,7 +66,7 @@
rx="0.5" />
image/svg+xml
-
+
@@ -150,11 +150,11 @@
id="g4092-0-2-21-0"
style="display:inline"
transform="translate(58,0)">
-
@@ -185,13 +185,7 @@
-
-
+ style="display:inline;fill:#ffffff;fill-opacity:1" />
+
diff --git a/arc-firefox-theme/chrome/browser/custom_images/light/window-controls/close_prelight.svg b/arc-firefox-theme/chrome/browser/custom_images/light/window-controls/close_prelight.svg
index 879400d..6f2670e 100644
--- a/arc-firefox-theme/chrome/browser/custom_images/light/window-controls/close_prelight.svg
+++ b/arc-firefox-theme/chrome/browser/custom_images/light/window-controls/close_prelight.svg
@@ -81,9 +81,9 @@
borderopacity="1.0"
inkscape:pageopacity="1"
inkscape:pageshadow="2"
- inkscape:zoom="11.313709"
- inkscape:cx="9.1908305"
- inkscape:cy="9.2459508"
+ inkscape:zoom="22.627418"
+ inkscape:cx="12.382889"
+ inkscape:cy="11.054563"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="true"
@@ -150,11 +150,11 @@
id="g4092-0-2-3"
style="display:inline"
transform="translate(58,0)">
-
@@ -185,13 +185,7 @@
-
-
+ style="display:inline;fill:#ffffff;fill-opacity:1" />
+
diff --git a/arc-firefox-theme/chrome/browser/custom_images/light/window-controls/close_pressed.svg b/arc-firefox-theme/chrome/browser/custom_images/light/window-controls/close_pressed.svg
index 9f0fe17..0365887 100644
--- a/arc-firefox-theme/chrome/browser/custom_images/light/window-controls/close_pressed.svg
+++ b/arc-firefox-theme/chrome/browser/custom_images/light/window-controls/close_pressed.svg
@@ -81,9 +81,9 @@
borderopacity="1.0"
inkscape:pageopacity="1"
inkscape:pageshadow="2"
- inkscape:zoom="11.313709"
- inkscape:cx="9.1908305"
- inkscape:cy="9.2459508"
+ inkscape:zoom="1"
+ inkscape:cx="13.034303"
+ inkscape:cy="10.832259"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="true"
@@ -154,7 +154,7 @@
r="7"
cy="255"
cx="1376"
- style="fill:#ef4048;fill-opacity:1;stroke:none;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ style="fill:#f13039;fill-opacity:1;stroke:none;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
id="path4068-7-5-4-9" />
@@ -188,7 +188,7 @@
style="display:inline;fill:#ffffff;fill-opacity:1">
diff --git a/arc-firefox-theme/chrome/browser/custom_images/light/window-controls/maximize.svg b/arc-firefox-theme/chrome/browser/custom_images/light/window-controls/maximize.svg
index c2a642d..5da027c 100644
--- a/arc-firefox-theme/chrome/browser/custom_images/light/window-controls/maximize.svg
+++ b/arc-firefox-theme/chrome/browser/custom_images/light/window-controls/maximize.svg
@@ -81,9 +81,9 @@
borderopacity="1.0"
inkscape:pageopacity="1"
inkscape:pageshadow="2"
- inkscape:zoom="11.313709"
- inkscape:cx="9.1908305"
- inkscape:cy="9.2459508"
+ inkscape:zoom="45.254834"
+ inkscape:cx="12.734727"
+ inkscape:cy="10.911658"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="true"
@@ -134,22 +134,10 @@
id="layer1"
transform="translate(0,-1028.3622)">
-
-
+ transform="translate(-612,1218)"
+ style="display:inline;opacity:0.8">
diff --git a/arc-firefox-theme/chrome/browser/custom_images/light/window-controls/maximize_prelight.svg b/arc-firefox-theme/chrome/browser/custom_images/light/window-controls/maximize_prelight.svg
index 90ef47c..a530d48 100644
--- a/arc-firefox-theme/chrome/browser/custom_images/light/window-controls/maximize_prelight.svg
+++ b/arc-firefox-theme/chrome/browser/custom_images/light/window-controls/maximize_prelight.svg
@@ -81,9 +81,9 @@
borderopacity="1.0"
inkscape:pageopacity="1"
inkscape:pageshadow="2"
- inkscape:zoom="11.313709"
- inkscape:cx="9.1908305"
- inkscape:cy="9.2459508"
+ inkscape:zoom="45.254834"
+ inkscape:cx="12.734727"
+ inkscape:cy="10.911658"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="true"
@@ -145,12 +145,12 @@
@@ -207,7 +207,7 @@
sodipodi:nodetypes="csscccsscc"
inkscape:connector-curvature="0"
d="m 87.799705,972 3.381737,0 c 0.450297,0 0.816227,0.36847 0.818758,0.8188 l 0,3.3817 z m 2.407413,6.00692 -3.395078,0 c -0.450346,0 -0.818758,-0.36842 -0.818758,-0.81875 l 0,-3.39509 4.213836,4.21384"
- style="opacity:1;fill:#70788d;fill-opacity:1;fill-rule:evenodd;stroke:none"
+ style="opacity:1;fill:#7a7f8b;fill-opacity:1;fill-rule:evenodd;stroke:none"
id="path4293-6" />
diff --git a/arc-firefox-theme/chrome/browser/custom_images/light/window-controls/maximize_pressed.svg b/arc-firefox-theme/chrome/browser/custom_images/light/window-controls/maximize_pressed.svg
index 549401c..c2f869b 100644
--- a/arc-firefox-theme/chrome/browser/custom_images/light/window-controls/maximize_pressed.svg
+++ b/arc-firefox-theme/chrome/browser/custom_images/light/window-controls/maximize_pressed.svg
@@ -81,9 +81,9 @@
borderopacity="1.0"
inkscape:pageopacity="1"
inkscape:pageshadow="2"
- inkscape:zoom="11.313709"
- inkscape:cx="9.1908305"
- inkscape:cy="9.2459508"
+ inkscape:zoom="45.254834"
+ inkscape:cx="12.734727"
+ inkscape:cy="10.911658"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="true"
diff --git a/arc-firefox-theme/chrome/browser/custom_images/light/window-controls/minimize.svg b/arc-firefox-theme/chrome/browser/custom_images/light/window-controls/minimize.svg
index 5c2cecd..78a5356 100644
--- a/arc-firefox-theme/chrome/browser/custom_images/light/window-controls/minimize.svg
+++ b/arc-firefox-theme/chrome/browser/custom_images/light/window-controls/minimize.svg
@@ -81,9 +81,9 @@
borderopacity="1.0"
inkscape:pageopacity="1"
inkscape:pageshadow="2"
- inkscape:zoom="11.313709"
- inkscape:cx="9.1908305"
- inkscape:cy="9.2459508"
+ inkscape:zoom="45.254834"
+ inkscape:cx="12.734727"
+ inkscape:cy="10.911658"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="true"
@@ -134,17 +134,10 @@
id="layer1"
transform="translate(0,-1028.3622)">
-
+ transform="translate(-583,1218)"
+ style="display:inline;opacity:0.8">
-
diff --git a/arc-firefox-theme/chrome/browser/custom_images/light/window-controls/minimize_prelight.svg b/arc-firefox-theme/chrome/browser/custom_images/light/window-controls/minimize_prelight.svg
index 93d5baf..5d9de25 100644
--- a/arc-firefox-theme/chrome/browser/custom_images/light/window-controls/minimize_prelight.svg
+++ b/arc-firefox-theme/chrome/browser/custom_images/light/window-controls/minimize_prelight.svg
@@ -14,7 +14,7 @@
id="svg4306"
version="1.1"
inkscape:version="0.91 r13725"
- sodipodi:docname="minimize_focused_prelight.svg"
+ sodipodi:docname="minimize_prelight.svg"
style="enable-background:new">
@@ -81,9 +81,9 @@
borderopacity="1.0"
inkscape:pageopacity="1"
inkscape:pageshadow="2"
- inkscape:zoom="11.313709"
- inkscape:cx="9.1908305"
- inkscape:cy="9.2459508"
+ inkscape:zoom="45.254834"
+ inkscape:cx="12.734727"
+ inkscape:cy="10.911658"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="true"
@@ -145,12 +145,12 @@
@@ -205,7 +205,7 @@
id="layer12-45-6">
diff --git a/arc-firefox-theme/chrome/browser/custom_images/light/window-controls/minimize_pressed.svg b/arc-firefox-theme/chrome/browser/custom_images/light/window-controls/minimize_pressed.svg
index fe9ebee..588536a 100644
--- a/arc-firefox-theme/chrome/browser/custom_images/light/window-controls/minimize_pressed.svg
+++ b/arc-firefox-theme/chrome/browser/custom_images/light/window-controls/minimize_pressed.svg
@@ -14,7 +14,7 @@
id="svg4306"
version="1.1"
inkscape:version="0.91 r13725"
- sodipodi:docname="minimize_focused_pressed.svg"
+ sodipodi:docname="minimize_pressed.svg"
style="enable-background:new">
@@ -81,9 +81,9 @@
borderopacity="1.0"
inkscape:pageopacity="1"
inkscape:pageshadow="2"
- inkscape:zoom="11.313709"
- inkscape:cx="9.1908305"
- inkscape:cy="9.2459508"
+ inkscape:zoom="45.254834"
+ inkscape:cx="12.734727"
+ inkscape:cy="10.911658"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="true"
diff --git a/arc-firefox-theme/chrome/browser/sass/_browser-sass.scss b/arc-firefox-theme/chrome/browser/sass/_browser-sass.scss
index 84a96e2..c8b5b68 100644
--- a/arc-firefox-theme/chrome/browser/sass/_browser-sass.scss
+++ b/arc-firefox-theme/chrome/browser/sass/_browser-sass.scss
@@ -23,7 +23,7 @@ $darker_asset_path_2: if($darker=='true', 'dark', $asset_path);
:root {
--toolbarbutton-hover-background: $button_bg;
--toolbarbutton-hover-boxshadow: none;
- --toolbarbutton-hover-bordercolor: $selected_bg_color;
+ --toolbarbutton-hover-bordercolor: $button_border;
--toolbarbutton-active-boxshadow: none;
--toolbarbutton-active-bordercolor: $selected_bg_color;
@@ -84,7 +84,7 @@ $darker_asset_path_2: if($darker=='true', 'dark', $asset_path);
}
#TabsToolbar:not([collapsed="true"]) + #nav-bar {
- border-top: 1px solid darken($header_border, 3%) !important;
+ border-top: 1px solid $header_border !important;
background-clip: padding-box;
margin-top: -1px; /* Move up into the TabsToolbar for the inner highlight at the top of the nav-bar */
/* Position the toolbar above the bottom of background tabs */
diff --git a/arc-firefox-theme/chrome/browser/sass/_colors.scss b/arc-firefox-theme/chrome/browser/sass/_colors.scss
index 9c51858..47daa0f 100644
--- a/arc-firefox-theme/chrome/browser/sass/_colors.scss
+++ b/arc-firefox-theme/chrome/browser/sass/_colors.scss
@@ -2,15 +2,15 @@
// it gets @if ed depending on $variant
-$base_color: if($variant =='light', #ffffff, #383C45);
+$base_color: if($variant =='light', #ffffff, #404552);
$text_color: if($variant == 'light', #5c616c, #D3DAE3);
-$bg_color: if($variant =='light', #F5F6F7, #444852);
+$bg_color: if($variant =='light', #F5F6F7, #383C4A);
$fg_color: if($variant =='light', #5c616c, #D3DAE3);
$selected_fg_color: #ffffff;
$selected_bg_color: #5294E2;
$selected_borders_color: darken($selected_bg_color, 20%);
-$borders_color: if($variant =='light', darken($bg_color,9%), darken($bg_color,10%));
+$borders_color: if($variant =='light', darken($bg_color,9%), darken($bg_color,6%));
$link_color: if($variant == 'light', darken($selected_bg_color,10%),
lighten($selected_bg_color,20%));
@@ -28,63 +28,67 @@ $suggested_color: #4DADD4;
$insensitive_fg_color: if($variant == 'light', transparentize($fg_color, 0.45), transparentize($fg_color, 0.55));
$insensitive_bg_color: if($variant == 'light', mix($bg_color, $base_color, 40%), lighten($bg_color, 2%));
-
-$entry_bg: if($variant=='light', $base_color, lighten($base_color, 0%));
-$entry_border: if($variant == 'light', #cfd6e6, darken($borders_color, 0%));
-
-$button_bg: if($variant == 'light', lighten($bg_color, 2%), lighten($base_color, 2%));
-$button_border: $entry_border;
-
$header_bg: red;
@if $transparency=='true' and $variant=='light' { $header_bg: transparentize(#e7e8eb, 0.05); }
@if $transparency=='false' and $variant=='light' { $header_bg: #e7e8eb; }
-@if $transparency=='true' and ($variant=='dark' or $darker=='true') { $header_bg: transparentize(#2f343b, 0.03); }
-@if $transparency=='false' and ($variant=='dark' or $darker=='true') { $header_bg: #2f343b; }
+@if $transparency=='true' and ($variant=='dark' or $darker=='true') { $header_bg: transparentize(#2f343f, 0.03); }
+@if $transparency=='false' and ($variant=='dark' or $darker=='true') { $header_bg: #2f343f; }
$header_bg_backdrop: if($darker == 'true' or $variant == 'dark', lighten($header_bg, 1.5%), lighten($header_bg, 3%));
-$header_border: if($variant == 'light', darken($header_bg, 7%), darken($header_bg, 5%));
+$header_border: if($variant == 'light' and $darker=='false', darken($header_bg, 7%), darken($header_bg, 4%));
$header_fg: if($variant == 'light', saturate(transparentize($fg_color, 0.2), 10%), saturate(transparentize($fg_color, 0.2), 10%));
$header_fg: if($darker == 'true', saturate(transparentize(#D3DAE3, 0.2), 10%), $header_fg);
-$dark_sidebar_bg: if($transparency == 'true', transparentize(#3c4049, 0.05), #3c4049);
+$dark_sidebar_bg: if($transparency == 'true', transparentize(#353945, 0.05), #353945);
$dark_sidebar_fg: #BAC3CF;
-$dark_sidebar_border: if($variant == 'light', $dark_sidebar_bg, darken($dark_sidebar_bg, 10%));
+$dark_sidebar_border: if($variant == 'light', $dark_sidebar_bg, darken($dark_sidebar_bg, 5%));
$osd_fg_color: $dark_sidebar_fg;
-$osd_bg_color: darken($dark_sidebar_bg, 8%);
+$osd_bg_color: $dark_sidebar_bg;
+
+$osd_button_bg: transparentize(lighten($osd_bg_color, 22%), 0.6);
+$osd_button_border: transparentize(darken($osd_bg_color, 12%), 0.6);
+
+$osd_entry_bg: transparentize(lighten($osd_bg_color, 22%), 0.6);
+$osd_entry_border: transparentize(darken($osd_bg_color, 12%), 0.6);
$osd_insensitive_bg_color: darken($osd_bg_color, 3%);
$osd_insensitive_fg_color: mix($osd_fg_color, opacify($osd_bg_color, 1), 30%);
$osd_borders_color: transparentize(black, 0.3);
-$panel_bg: darken($osd_bg_color, 4.7%);
-$panel_fg: $osd_fg_color;
+$panel_bg: darken($dark_sidebar_bg, 4.7%);
+$panel_fg: $dark_sidebar_fg;
+
+$entry_bg: if($variant=='light', $base_color, lighten($base_color, 0%));
+$entry_border: if($variant == 'light', #cfd6e6, darken($borders_color, 0%));
+
+$header_entry_bg: if($darker == 'true' or $variant == 'dark', transparentize(lighten($header_bg, 22%), 0.6), transparentize($base_color, 0.1));
+$header_entry_border: if($darker == 'true' or $variant == 'dark', transparentize(darken($header_bg, 12%), 0.6), transparentize($header_fg, 0.7));
+
+$button_bg: if($variant == 'light', lighten($bg_color, 2%), lighten($base_color, 2%));
+$button_border: $entry_border;
+
+$header_button_bg: if($darker == 'true' or $variant == 'dark', transparentize(lighten($header_bg, 22%), 0.6), transparentize($button_bg, 0.1));
+$header_button_border: if($darker == 'true' or $variant == 'dark', transparentize(darken($header_bg, 12%), 0.6), transparentize($header_fg, 0.7));
//WM Buttons
// Close
-$wm_button_close_bg: if($variant == 'light' and $darker == 'false', #f37076, #e45e65);
-$wm_button_close_hover_bg: if($variant == 'light' and $darker == 'false', #f79da1, #f48085);
-$wm_button_close_active_bg: if($variant == 'light' and $darker == 'false', #ef4048, #e6262f);
+$wm_button_close_bg: if($variant == 'light' and $darker == 'false', #f46067, #cc575d);
+$wm_button_close_hover_bg: if($variant == 'light' and $darker == 'false', #f68086, #d7787d);
+$wm_button_close_active_bg: if($variant == 'light' and $darker == 'false', #f13039, #be3841);
-$wm_icon_close_bg: $selected_fg_color;
-$wm_icon_close_hover_bg: $selected_fg_color;
-$wm_icon_close_active_bg: $selected_fg_color;
+$wm_icon_close_bg: if($variant == 'light' and $darker == 'false',#F8F8F9 , #2f343f);
// Minimize, Maximize
-$wm_button_bg: if($variant == 'light' and $darker == 'false', #fdfdfd, #272c32);
-$wm_button_unfocused_bg: if($variant == 'light' and $darker == 'false', #f6f7f8, #2a3035);
-$wm_button_hover_bg: if($variant == 'light' and $darker == 'false', #fdfdfd, #272c32);
+$wm_button_hover_bg: if($variant == 'light' and $darker == 'false', #fdfdfd, #454C5C);
$wm_button_active_bg: $selected_bg_color;
-$wm_button_border: if($variant == 'light' and $darker == 'false', #d8dae0, #191C21);
-$wm_button_unfocused_border: if($variant == 'light' and $darker == 'false', #dddee2, #1F2328);
-$wm_button_hover_border: $selected_bg_color;
-$wm_button_active_border: $selected_bg_color;
+$wm_button_hover_border: if($variant == 'light' and $darker == 'false', #D1D3DA, #262932);
-$wm_icon_bg: if($variant == 'light' and $darker == 'false', #8d93a4, #939ca8);
-$wm_icon_unfocused_bg: if($variant == 'light' and $darker == 'false', #b8bcc7, #686f78);
-$wm_icon_hover_bg: if($variant == 'light' and $darker == 'false', #70788d, #afb8c5);
+$wm_icon_bg: if($variant == 'light' and $darker == 'false', #90949E, #90939B);
+$wm_icon_unfocused_bg: if($variant == 'light' and $darker == 'false', #B6B8C0, #666A74);
+$wm_icon_hover_bg: if($variant == 'light' and $darker == 'false', #7A7F8B, #C4C7CC);
$wm_icon_active_bg: $selected_fg_color;
diff --git a/arc-firefox-theme/chrome/browser/sass/_drawing.scss b/arc-firefox-theme/chrome/browser/sass/_drawing.scss
index cd263c5..a4f95c4 100644
--- a/arc-firefox-theme/chrome/browser/sass/_drawing.scss
+++ b/arc-firefox-theme/chrome/browser/sass/_drawing.scss
@@ -2,26 +2,35 @@
// Entries
-@mixin entry($t, $dark:false) {
+@mixin entry($t) {
//
// Entries drawing function
//
- //@extend %reset_style;
- box-shadow: inset 0 0 transparentize($base_color, 1);
+// $t: entry type
+//
@if $t==normal {
+ //
+ // normal entry
+ //
color: $text_color;
background-color: $entry_bg;
border: 1px solid $entry_border;
}
@if $t==focus {
+ //
+ // focused entry
+ //
color: $fg_color;
background-color: $entry_bg;
border: 1px solid $selected_bg_color;
}
@if $t==insensitive {
+ //
+ // insensitive entry
+ //
color: $insensitive_fg_color;
background-color: mix($entry_bg, $bg_color, 55%);
border-color: 1px solid mix($entry_border, $bg_color, 55%);
@@ -44,31 +53,13 @@
border: 1px solid $button_border;
}
- @else if $t==focus {
- //
- // focused button
- //
- color: $fg_color;
- background-color: $button_bg;
- border: 1px solid $selected_bg_color;
- }
-
- @else if $t==focus-hover {
- //
- // focused button
- //
- color: $selected_bg_color;
- background-color: $button_bg;
- border: 1px solid $selected_bg_color;
- }
-
@else if $t==hover {
//
// hovered button
//
color: $fg_color;
- background-color: $button_bg;
- border: 1px solid $selected_bg_color;
+ background-color: lighten($button_bg, 5%);
+ border: 1px solid $button_border;
}
@else if $t==active {
@@ -89,9 +80,6 @@
background-color: transparentize($button_bg, 0.45);
}
- $_header_button_bg: if($darker == 'true' or $variant == 'dark', transparentize(darken($header_bg, 3%), 0.1), transparentize($button_bg, 0.1));
- $_header_button_border: if($darker == 'true' or $variant == 'dark', darken($header_bg, 8%), transparentize($header_fg, 0.7));
-
@if $t==header-normal {
//
// normal header-bar button
@@ -106,8 +94,8 @@
// hovered header-bar button
//
color: $header_fg;
- border-color: $_header_button_border;
- background-color: $_header_button_bg;
+ border-color: $header_button_border;
+ background-color: $header_button_bg;
}
@else if $t==header-active {
diff --git a/arc-firefox-theme/chrome/browser/sass/browser-dark.css b/arc-firefox-theme/chrome/browser/sass/browser-dark.css
index 56672e1..6f0988f 100644
--- a/arc-firefox-theme/chrome/browser/sass/browser-dark.css
+++ b/arc-firefox-theme/chrome/browser/sass/browser-dark.css
@@ -6,9 +6,9 @@
* License, v. 2.0. If a copy of the MPL was not distributed with this
* file, You can obtain one at http://mozilla.org/MPL/2.0/. */
:root {
- --toolbarbutton-hover-background: #3d414b;
+ --toolbarbutton-hover-background: #444a58;
--toolbarbutton-hover-boxshadow: none;
- --toolbarbutton-hover-bordercolor: #5294E2;
+ --toolbarbutton-hover-bordercolor: #2b2e39;
--toolbarbutton-active-boxshadow: none;
--toolbarbutton-active-bordercolor: #5294E2;
--toolbarbutton-active-background: #5294E2;
@@ -36,12 +36,12 @@
-moz-box-ordinal-group: 101;
/* tabs toolbar is 100 */
height: 1px;
- background-color: #2d3036; }
+ background-color: #2b2e39; }
#navigator-toolbox > toolbar:not(:-moz-lwtheme):not(#toolbar-menubar):not(#TabsToolbar) {
-moz-appearance: none;
border-style: none;
- background-color: #444852; }
+ background-color: #383C4A; }
#navigator-toolbox > toolbar:not(#toolbar-menubar):not(#TabsToolbar):not(#nav-bar) {
padding-top: 1px;
@@ -58,7 +58,7 @@
transition: min-height 170ms ease-out, max-height 170ms ease-out, visibility 170ms linear; }
#TabsToolbar:not([collapsed="true"]) + #nav-bar {
- border-top: 1px solid rgba(29, 32, 36, 0.97) !important;
+ border-top: 1px solid rgba(38, 42, 51, 0.97) !important;
background-clip: padding-box;
margin-top: -1px;
/* Move up into the TabsToolbar for the inner highlight at the top of the nav-bar */
@@ -67,11 +67,11 @@
z-index: 1; }
#main-window[htitlemode=always] #TabsToolbar {
- box-shadow: inset 0 1px rgba(54, 60, 68, 0.97) !important; }
+ box-shadow: inset 0 1px rgba(54, 59, 72, 0.97) !important; }
#nav-bar {
background-image: none !important;
- background-color: #444852 !important;
+ background-color: #383C4A !important;
box-shadow: none;
padding-top: 3px;
padding-bottom: 3px; }
@@ -137,8 +137,8 @@ toolbarbutton.bookmark-item {
toolbarbutton.bookmark-item:not([disabled=true]):hover {
-moz-appearance: none;
color: #D3DAE3;
- background-color: #3d414b;
- border: 1px solid #5294E2; }
+ background-color: #505666;
+ border: 1px solid #2b2e39; }
toolbarbutton.bookmark-item:not([disabled=true]):-moz-any([open], [checked], :hover:active) {
-moz-appearance: none;
@@ -544,8 +544,8 @@ toolbarbutton[constrain-size="true"][cui-areatype="toolbar"] > .toolbarbutton-ba
#TabsToolbar .toolbarbutton-1:not([disabled=true]):hover > .toolbarbutton-icon {
background-color: none;
color: rgba(207, 218, 231, 0.8);
- border-color: rgba(29, 32, 36, 0.97);
- background-color: rgba(40, 44, 50, 0.87); }
+ border-color: rgba(21, 23, 28, 0.37);
+ background-color: rgba(95, 105, 127, 0.37); }
.findbar-button:not([disabled=true]):-moz-any([checked="true"], :hover:active) > .toolbarbutton-text,
:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not([open="true"]) > .toolbarbutton-menubutton-button:not([disabled=true]):-moz-any(:hover:active, [open="true"]) > .toolbarbutton-icon,
@@ -1278,16 +1278,14 @@ toolbar[brighttext] #loop-button > .toolbarbutton-badge-container {
padding: 3px;
border-radius: 3px;
margin: 0 3px;
- box-shadow: inset 0 0 rgba(56, 60, 69, 0);
color: #D3DAE3;
- background-color: #383c45;
- border: 1px solid #2d3036; }
+ background-color: #404552;
+ border: 1px solid #2b2e39; }
#urlbar[focused],
.searchbar-textbox[focused] {
- box-shadow: inset 0 0 rgba(56, 60, 69, 0);
color: #D3DAE3;
- background-color: #383c45;
+ background-color: #404552;
border: 1px solid #5294E2; }
.searchbar-textbox {
@@ -1628,7 +1626,7 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar > #identity-box
padding-right: 4px;
border-width: 0 1px 0 0;
border-style: solid;
- border-color: #2d3036; }
+ border-color: #2b2e39; }
#notification-popup-box:-moz-locale-dir(rtl),
.notification-anchor-icon:-moz-locale-dir(rtl) {
@@ -2272,17 +2270,17 @@ richlistitem[type~="action"][actiontype="switchtab"] > .ac-url-box > .ac-action-
/* Findbar */
.browserContainer > findbar {
- background-color: #444852;
+ background-color: #383C4A;
color: #D3DAE3;
border-top: 1px solid;
- -moz-border-top-colors: #2d3036;
+ -moz-border-top-colors: #2b2e39;
text-shadow: none; }
.browserContainer > findbar .findbar-textbox {
-moz-appearance: none;
color: #D3DAE3;
- border: 1px solid #2d3036;
- background-color: #383c45;
+ border: 1px solid #2b2e39;
+ background-color: #404552;
box-shadow: none;
margin: 0;
padding: 5px;
@@ -2309,8 +2307,8 @@ richlistitem[type~="action"][actiontype="switchtab"] > .ac-url-box > .ac-action-
.browserContainer > findbar .findbar-find-previous,
.browserContainer > findbar .findbar-find-next {
- background: #3d414b;
- border: 1px solid #2d3036;
+ background: #444a58;
+ border: 1px solid #2b2e39;
box-shadow: none; }
.browserContainer > findbar .findbar-find-previous {
@@ -2601,7 +2599,7 @@ lwtHeader;*/
#TabsToolbar:not(:-moz-lwtheme) {
-moz-appearance: none;
color: rgba(207, 218, 231, 0.8);
- background: #2f343b; }
+ background: #2f343f; }
#toolbar-menubar:not([autohide="true"]):not(:-moz-lwtheme):-moz-system-metric(menubar-drag),
#TabsToolbar:not(:-moz-lwtheme):-moz-system-metric(menubar-drag) {
diff --git a/arc-firefox-theme/chrome/browser/sass/browser-darker.css b/arc-firefox-theme/chrome/browser/sass/browser-darker.css
index b111a31..d854633 100644
--- a/arc-firefox-theme/chrome/browser/sass/browser-darker.css
+++ b/arc-firefox-theme/chrome/browser/sass/browser-darker.css
@@ -8,7 +8,7 @@
:root {
--toolbarbutton-hover-background: #fbfbfc;
--toolbarbutton-hover-boxshadow: none;
- --toolbarbutton-hover-bordercolor: #5294E2;
+ --toolbarbutton-hover-bordercolor: #cfd6e6;
--toolbarbutton-active-boxshadow: none;
--toolbarbutton-active-bordercolor: #5294E2;
--toolbarbutton-active-background: #5294E2;
@@ -58,7 +58,7 @@
transition: min-height 170ms ease-out, max-height 170ms ease-out, visibility 170ms linear; }
#TabsToolbar:not([collapsed="true"]) + #nav-bar {
- border-top: 1px solid rgba(24, 27, 31, 0.97) !important;
+ border-top: 1px solid rgba(38, 42, 51, 0.97) !important;
background-clip: padding-box;
margin-top: -1px;
/* Move up into the TabsToolbar for the inner highlight at the top of the nav-bar */
@@ -67,7 +67,7 @@
z-index: 1; }
#main-window[htitlemode=always] #TabsToolbar {
- box-shadow: inset 0 1px rgba(54, 60, 68, 0.97) !important; }
+ box-shadow: inset 0 1px rgba(54, 59, 72, 0.97) !important; }
#nav-bar {
background-image: none !important;
@@ -137,8 +137,8 @@ toolbarbutton.bookmark-item {
toolbarbutton.bookmark-item:not([disabled=true]):hover {
-moz-appearance: none;
color: #5c616c;
- background-color: #fbfbfc;
- border: 1px solid #5294E2; }
+ background-color: white;
+ border: 1px solid #cfd6e6; }
toolbarbutton.bookmark-item:not([disabled=true]):-moz-any([open], [checked], :hover:active) {
-moz-appearance: none;
@@ -544,8 +544,8 @@ toolbarbutton[constrain-size="true"][cui-areatype="toolbar"] > .toolbarbutton-ba
#TabsToolbar .toolbarbutton-1:not([disabled=true]):hover > .toolbarbutton-icon {
background-color: none;
color: rgba(207, 218, 231, 0.8);
- border-color: rgba(29, 32, 36, 0.97);
- background-color: rgba(40, 44, 50, 0.87); }
+ border-color: rgba(21, 23, 28, 0.37);
+ background-color: rgba(95, 105, 127, 0.37); }
.findbar-button:not([disabled=true]):-moz-any([checked="true"], :hover:active) > .toolbarbutton-text,
:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not([open="true"]) > .toolbarbutton-menubutton-button:not([disabled=true]):-moz-any(:hover:active, [open="true"]) > .toolbarbutton-icon,
@@ -1278,14 +1278,12 @@ toolbar[brighttext] #loop-button > .toolbarbutton-badge-container {
padding: 3px;
border-radius: 3px;
margin: 0 3px;
- box-shadow: inset 0 0 rgba(255, 255, 255, 0);
color: #5c616c;
background-color: #ffffff;
border: 1px solid #cfd6e6; }
#urlbar[focused],
.searchbar-textbox[focused] {
- box-shadow: inset 0 0 rgba(255, 255, 255, 0);
color: #5c616c;
background-color: #ffffff;
border: 1px solid #5294E2; }
@@ -2601,7 +2599,7 @@ lwtHeader;*/
#TabsToolbar:not(:-moz-lwtheme) {
-moz-appearance: none;
color: rgba(207, 218, 231, 0.8);
- background: #2f343b; }
+ background: #2f343f; }
#toolbar-menubar:not([autohide="true"]):not(:-moz-lwtheme):-moz-system-metric(menubar-drag),
#TabsToolbar:not(:-moz-lwtheme):-moz-system-metric(menubar-drag) {
diff --git a/arc-firefox-theme/chrome/browser/sass/browser-light.css b/arc-firefox-theme/chrome/browser/sass/browser-light.css
index babfce1..6fa9f8a 100644
--- a/arc-firefox-theme/chrome/browser/sass/browser-light.css
+++ b/arc-firefox-theme/chrome/browser/sass/browser-light.css
@@ -8,7 +8,7 @@
:root {
--toolbarbutton-hover-background: #fbfbfc;
--toolbarbutton-hover-boxshadow: none;
- --toolbarbutton-hover-bordercolor: #5294E2;
+ --toolbarbutton-hover-bordercolor: #cfd6e6;
--toolbarbutton-active-boxshadow: none;
--toolbarbutton-active-bordercolor: #5294E2;
--toolbarbutton-active-background: #5294E2;
@@ -58,7 +58,7 @@
transition: min-height 170ms ease-out, max-height 170ms ease-out, visibility 170ms linear; }
#TabsToolbar:not([collapsed="true"]) + #nav-bar {
- border-top: 1px solid rgba(203, 205, 212, 0.95) !important;
+ border-top: 1px solid rgba(212, 213, 219, 0.95) !important;
background-clip: padding-box;
margin-top: -1px;
/* Move up into the TabsToolbar for the inner highlight at the top of the nav-bar */
@@ -137,8 +137,8 @@ toolbarbutton.bookmark-item {
toolbarbutton.bookmark-item:not([disabled=true]):hover {
-moz-appearance: none;
color: #5c616c;
- background-color: #fbfbfc;
- border: 1px solid #5294E2; }
+ background-color: white;
+ border: 1px solid #cfd6e6; }
toolbarbutton.bookmark-item:not([disabled=true]):-moz-any([open], [checked], :hover:active) {
-moz-appearance: none;
@@ -1278,14 +1278,12 @@ toolbar[brighttext] #loop-button > .toolbarbutton-badge-container {
padding: 3px;
border-radius: 3px;
margin: 0 3px;
- box-shadow: inset 0 0 rgba(255, 255, 255, 0);
color: #5c616c;
background-color: #ffffff;
border: 1px solid #cfd6e6; }
#urlbar[focused],
.searchbar-textbox[focused] {
- box-shadow: inset 0 0 rgba(255, 255, 255, 0);
color: #5c616c;
background-color: #ffffff;
border: 1px solid #5294E2; }
--
cgit v1.2.3