aboutsummaryrefslogtreecommitdiff
path: root/arc-firefox-theme/chrome/browser/sass/browser-darker.css
diff options
context:
space:
mode:
Diffstat (limited to 'arc-firefox-theme/chrome/browser/sass/browser-darker.css')
-rw-r--r--arc-firefox-theme/chrome/browser/sass/browser-darker.css102
1 files changed, 51 insertions, 51 deletions
diff --git a/arc-firefox-theme/chrome/browser/sass/browser-darker.css b/arc-firefox-theme/chrome/browser/sass/browser-darker.css
index ddc4dfd..9d0adfd 100644
--- a/arc-firefox-theme/chrome/browser/sass/browser-darker.css
+++ b/arc-firefox-theme/chrome/browser/sass/browser-darker.css
@@ -9,11 +9,11 @@
:root {
--toolbarbutton-hover-background: #fbfbfc;
--toolbarbutton-hover-boxshadow: none;
- --toolbarbutton-hover-bordercolor: #cfd6e6;
+ --toolbarbutton-hover-bordercolor: #657b83;
--toolbarbutton-active-boxshadow: none;
- --toolbarbutton-active-bordercolor: #5294E2;
- --toolbarbutton-active-background: #5294E2;
- --toolbarbutton-checkedhover-backgroundcolor: #5294E2;
+ --toolbarbutton-active-bordercolor: #268bd2;
+ --toolbarbutton-active-background: #268bd2;
+ --toolbarbutton-checkedhover-backgroundcolor: #268bd2;
--toolbarbutton-combined-boxshadow: none;
--toolbarbutton-combined-backgroundimage: linear-gradient(rgba(23, 51, 79, 0.2) 0, rgba(23, 51, 79, 0.2) 18px);
--verified-identity-box-backgroundcolor: transparent;
@@ -67,7 +67,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(38, 42, 51, 0.97) !important;
+ border-top: 1px solid rgba(0, 27, 34, 0.97) !important;
background-clip: padding-box;
/* Move up into the TabsToolbar for the inner highlight at the top of the nav-bar */
margin-top: calc(-1 * var(--navbar-tab-toolbar-highlight-overlap));
@@ -76,7 +76,7 @@
z-index: 1; }
#main-window[htitlemode=always] #TabsToolbar {
- box-shadow: inset 0 1px rgba(54, 59, 72, 0.97) !important; }
+ box-shadow: inset 0 1px rgba(0, 55, 69, 0.97) !important; }
#nav-bar {
background-image: none !important;
@@ -143,13 +143,13 @@ toolbarbutton.bookmark-item:not([disabled=true]):hover {
-moz-appearance: none;
color: #5c616c;
background-color: white;
- border: 1px solid #cfd6e6; }
+ border: 1px solid #657b83; }
toolbarbutton.bookmark-item:not([disabled=true]):-moz-any([open], [checked], :hover:active) {
-moz-appearance: none;
- color: #ffffff;
- background-color: #5294E2;
- border: 1px solid #5294E2; }
+ color: #fdf6e3;
+ background-color: #268bd2;
+ border: 1px solid #268bd2; }
/* ----- BOOKMARK STAR ANIMATION ----- */
@keyframes animation-bookmarkAdded {
@@ -356,9 +356,9 @@ menuitem.bookmark-item {
#TabsToolbar .toolbarbutton-1:not([disabled=true]):hover > .toolbarbutton-badge-stack,
#TabsToolbar .toolbarbutton-1:not([disabled=true]):hover > .toolbarbutton-icon {
background-color: none;
- color: rgba(207, 218, 231, 0.8);
- border-color: rgba(21, 23, 28, 0.37);
- background-color: rgba(95, 105, 127, 0.37);
+ color: rgba(89, 128, 143, 0.8);
+ border-color: rgba(0, 0, 0, 0.37);
+ background-color: rgba(0, 132, 166, 0.37);
background-clip: padding-box; }
.findbar-button:not([disabled=true]):-moz-any([checked="true"], :hover:active) > .toolbarbutton-text,
@@ -378,9 +378,9 @@ menuitem.bookmark-item {
#TabsToolbar .toolbarbutton-1:not([disabled=true]):-moz-any([open], [checked], :hover:active) > .toolbarbutton-badge-stack,
#TabsToolbar .toolbarbutton-1:not([disabled=true]):-moz-any([open], [checked], :hover:active) > .toolbarbutton-icon {
background: none;
- color: #ffffff;
- border-color: rgba(21, 23, 28, 0.37);
- background-color: #5294E2;
+ color: #fdf6e3;
+ border-color: rgba(0, 0, 0, 0.37);
+ background-color: #268bd2;
background-clip: padding-box; }
:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1[checked]:not(:active):hover > .toolbarbutton-icon {
@@ -417,7 +417,7 @@ menuitem.bookmark-item {
#TabsToolbar .toolbaritem-combined-buttons:not(:hover) > separator,
#TabsToolbar .toolbarbutton-1:not(:hover):not(:active):not([open]) > .toolbarbutton-menubutton-dropmarker::before {
- background: rgba(207, 218, 231, 0.15); }
+ background: rgba(89, 128, 143, 0.15); }
:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker {
margin-inline-start: -4px; }
@@ -943,14 +943,14 @@ toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-in-button {
margin: 0 3px;
min-height: 28px;
color: #5c616c;
- background-color: #ffffff;
- border: 1px solid #cfd6e6; }
+ background-color: #fdf6e3;
+ border: 1px solid #657b83; }
#urlbar[focused],
.searchbar-textbox[focused] {
color: #5c616c;
- background-color: #ffffff;
- border: 1px solid #5294E2; }
+ background-color: #fdf6e3;
+ border: 1px solid #268bd2; }
.searchbar-textbox {
border-radius: 20px;
@@ -1209,7 +1209,7 @@ toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-in-button {
#identity-box {
--identity-box-verified-color: #479900;
--identity-box-chrome-color: #e57300;
- border-inline-end: 1px solid rgba(207, 214, 230, 0.5);
+ border-inline-end: 1px solid rgba(101, 123, 131, 0.5);
font-size: .9em;
padding: 3px 9px 3px 7px;
margin-inline-end: 5px;
@@ -1806,7 +1806,7 @@ html|span.ac-emphasize-text-url {
list-style-image: url("chrome://browser/skin/reload-stop-go.png");
padding: 0 7px 0 10px;
margin-inline-start: 5px;
- border-inline-start: 1px solid rgba(207, 214, 230, 0.5); }
+ border-inline-start: 1px solid rgba(101, 123, 131, 0.5); }
#urlbar-reload-button {
-moz-image-region: rect(0, 14px, 14px, 0); }
@@ -2016,25 +2016,25 @@ html|span.ac-emphasize-text-url {
.browserContainer > findbar .findbar-textbox {
-moz-appearance: none;
color: #5c616c;
- border: 1px solid #cfd6e6;
- background-color: #ffffff;
+ border: 1px solid #657b83;
+ background-color: #fdf6e3;
box-shadow: none;
margin: 0;
padding: 5px;
width: 14em; }
.browserContainer > findbar .findbar-textbox[focused="true"] {
- border-color: #5294E2; }
+ border-color: #268bd2; }
.browserContainer > findbar .findbar-textbox[focused="true"] + .findbar-find-previous {
- border-left-color: #5294E2; }
+ border-left-color: #268bd2; }
.browserContainer > findbar .findbar-textbox[status="notfound"] {
- background-color: #FC4138;
- border-color: #fb1b10;
- color: #ffffff;
+ background-color: #dc322f;
+ border-color: #c22321;
+ color: #fdf6e3;
box-shadow: none; }
.browserContainer > findbar .findbar-textbox[flash="true"] {
- background-color: #F27835;
- border-color: #ef5f0f;
- color: #ffffff;
+ background-color: #cb4b16;
+ border-color: #a63d12;
+ color: #fdf6e3;
box-shadow: none; }
.browserContainer > findbar .findbar-textbox:-moz-locale-dir(ltr) {
border-radius: 3px 0 0 3px;
@@ -2049,7 +2049,7 @@ html|span.ac-emphasize-text-url {
.browserContainer > findbar .findbar-find-previous,
.browserContainer > findbar .findbar-find-next {
background: #fbfbfc;
- border: 1px solid #cfd6e6;
+ border: 1px solid #657b83;
box-shadow: none; }
.browserContainer > findbar .findbar-find-previous {
@@ -2063,9 +2063,9 @@ html|span.ac-emphasize-text-url {
.browserContainer > findbar .findbar-find-previous:not([disabled]):active,
.browserContainer > findbar .findbar-find-next:not([disabled]):active {
- outline-color: rgba(255, 255, 255, 0.3);
- background: #5294E2;
- border-color: #5294E2;
+ outline-color: rgba(253, 246, 227, 0.3);
+ background: #268bd2;
+ border-color: #268bd2;
box-shadow: none; }
/* Tabstrip */
@@ -2306,9 +2306,9 @@ html|span.ac-emphasize-text-url {
color: inherit; }
.tabbrowser-tab:not([selected="true"]) {
- color: rgba(207, 218, 231, 0.6); }
+ color: rgba(89, 128, 143, 0.6); }
.tabbrowser-tab:not([selected="true"]):hover {
- color: rgba(207, 218, 231, 0.8); }
+ color: rgba(89, 128, 143, 0.8); }
/* Selected tab */
/*
@@ -2459,8 +2459,8 @@ lwtHeader;*/
#TabsToolbar:not(:-moz-lwtheme) {
-moz-appearance: none;
- color: rgba(207, 218, 231, 0.8);
- background: #2f343f; }
+ color: rgba(89, 128, 143, 0.8);
+ background: #002b36; }
#toolbar-menubar:not([autohide="true"]):not(:-moz-lwtheme):-moz-system-metric(menubar-drag),
#TabsToolbar:not(:-moz-lwtheme):-moz-system-metric(menubar-drag) {
@@ -2591,10 +2591,10 @@ toolbarbutton.chevron > .toolbarbutton-icon {
.statuspanel-label {
margin: 0;
padding: 2px 4px;
- background: #5294E2;
- border: 1px none #5294E2;
+ background: #268bd2;
+ border: 1px none #268bd2;
border-top-style: solid;
- color: #ffffff;
+ color: #fdf6e3;
text-shadow: none; }
.statuspanel-label:-moz-locale-dir(ltr):not([mirror]),
@@ -2611,9 +2611,9 @@ toolbarbutton.chevron > .toolbarbutton-icon {
html|*.pointerlockfswarning {
align-items: center;
- color: #BAC3CF;
- background: rgba(53, 57, 69, 0.95);
- border: 1px solid rgba(31, 33, 40, 0.95);
+ color: #657b83;
+ background: rgba(7, 54, 66, 0.95);
+ border: 1px solid rgba(2, 16, 20, 0.95);
box-shadow: 0px 2px 6px 1px rgba(0, 0, 0, 0.2);
border-radius: 3px;
padding: 24px 16px;
@@ -2776,7 +2776,7 @@ html|*.pointerlockfswarning-exit-button {
.devtools-responsiveui-toolbarbutton[open=true],
.devtools-responsiveui-toolbarbutton[checked=true] {
border-color: rgba(12, 13, 14, 0.6) !important;
- background: linear-gradient(rgba(24, 25, 27, 0.6), rgba(41, 46, 51, 0.45) 75%, rgba(68, 76, 85, 0.4));
+ background: linear-gradient(rgba(24, 25, 27, 0.6), rgba(41, 46, 51, 0.45) 75%, rgba(68, 77, 85, 0.4));
box-shadow: 0 1px 3px rgba(12, 13, 14, 0.25) inset, 0 1px 3px rgba(12, 13, 14, 0.25) inset, 0 1px 0 rgba(184, 194, 204, 0.15); }
.devtools-responsiveui-toolbarbutton[checked=true] {
@@ -2894,7 +2894,7 @@ html|*.pointerlockfswarning-exit-button {
border-radius: 25px / 20px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
- border: 1px solid #FFFFFF;
+ border: 1px solid #fdf6e3;
border-bottom-width: 0;
background-color: #353535;
box-shadow: 0 3px 0.7px 1px #777777, 0 5px rgba(0, 0, 0, 0.4) inset;
@@ -2904,7 +2904,7 @@ html|*.pointerlockfswarning-exit-button {
.devtools-responsiveui-hardware-buttons {
-moz-appearance: none;
padding: 20px;
- border: 1px solid #FFFFFF;
+ border: 1px solid #fdf6e3;
border-bottom-left-radius: 25px;
border-bottom-right-radius: 25px;
border-top-width: 0;
@@ -2977,7 +2977,7 @@ html|*.pointerlockfswarning-exit-button {
/* --theme-tab-toolbar-background */
--gcli-input-background: #fcfcfc;
/* --theme-toolbar-background */
- --gcli-input-focused-background: #ffffff;
+ --gcli-input-focused-background: #fdf6e3;
/* --theme-sidebar-background */
--gcli-input-color: #393f4c;
/* --theme-body-color */