1 files changed, 40 insertions, 19 deletions

diff --git a/arc-firefox-theme/chrome/browser/devedition.css b/arc-firefox-theme/chrome/browser/devedition.css
index cd107a2..6bc7d37 100644
--- a/arc-firefox-theme/chrome/browser/devedition.css
+++ b/arc-firefox-theme/chrome/browser/devedition.css
@@ -14,26 +14,24 @@
 
 :root[devtoolstheme="dark"] {
   /* Chrome */
-  --chrome-background-color: #1C2126;
+  --chrome-background-color: #272b35;
   --chrome-color: #F5F7FA;
-  --chrome-secondary-background-color: #39424D;
+  --chrome-secondary-background-color: #393F4C;
   --chrome-navigator-toolbox-separator-color: rgba(0,0,0,.2);
   --chrome-nav-bar-separator-color: rgba(0,0,0,.2);
   --chrome-nav-buttons-background: #252C33;
   --chrome-nav-buttons-hover-background: #1B2127;
   --chrome-nav-bar-controls-border-color: #1D2328;
   --chrome-selection-color: #fff;
-  --chrome-selection-background-color: #074D75;
+  --chrome-selection-background-color: #5675B9;
 
   /* Tabs */
   --tabs-toolbar-color: #F5F7FA;
-  --tab-background-color: #1C2126;
+  --tab-background-color: #272b35;
   --tab-hover-background-color: #07090a;
   --tab-selection-color: #f5f7fa;
-  --tab-selection-background-color: #1a4666;
-  --tab-selection-box-shadow: 0 2px 0 #D7F1FF inset,
-                              0 -2px 0 rgba(0,0,0,.05) inset,
-                              0 -1px 0 rgba(0,0,0,.3) inset;
+  --tab-selection-background-color: #5675B9;
+  --tab-selection-box-shadow: none;
   --pinned-tab-glow: radial-gradient(22px at center calc(100% - 2px), rgba(76,158,217,0.9) 13%, rgba(0,0,0,0.4) 16%, transparent 70%);
 
   /* Toolbar buttons */
@@ -43,7 +41,7 @@
   --toolbarbutton-active-background: rgba(25,33,38,1) linear-gradient(rgba(25,33,38,1), rgba(25,33,38,1)) border-box;
   --toolbarbutton-active-boxshadow: none;
   --toolbarbutton-active-bordercolor: rgba(25,33,38,.8);
-  --toolbarbutton-checkedhover-backgroundcolor: #1D4F73;
+  --toolbarbutton-checkedhover-backgroundcolor: #3C5283;
 
   /* Url and search bars */
   --url-and-searchbar-background-color: #171B1F;
@@ -112,13 +110,13 @@
 
 .tab-background,
 .tabs-newtab-button {
-  -moz-margin-end: 0;
-  -moz-margin-start: 0;
+  margin-inline-end: 0;
+  margin-inline-start: 0;
 }
 
 .tabbrowser-arrowscrollbox > .arrowscrollbox-scrollbox {
-  -moz-padding-end: 0;
-  -moz-padding-start: 0;
+  padding-inline-end: 0;
+  padding-inline-start: 0;
 }
 
 .tab-background-start[visuallyselected=true]::after,
@@ -132,7 +130,7 @@
 
 .tab-background-start[visuallyselected=true]::after,
 .tab-background-end[visuallyselected=true]::after {
-  -moz-margin-start: 0;
+  margin-inline-start: 0;
 }
 /* End override @tabCurveHalfWidth@ and @tabCurveWidth@ */
 
@@ -199,14 +197,14 @@ toolbar[brighttext] #downloads-indicator-counter {
 }
 
 #urlbar {
-  -moz-border-start: none !important;
+  border-inline-start: none !important;
   opacity: 1 !important;
 }
 
 window:not([chromehidden~="toolbar"]) #urlbar-wrapper {
   overflow: -moz-hidden-unscrollable;
   clip-path: none;
-  -moz-margin-start: 0;
+  margin-inline-start: 0;
 }
 
 /* Swap out the white arrow with a dark one for the dark theme */
@@ -291,7 +289,30 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper {
 .tabbrowser-tab[visuallyselected] {
   color: var(--tab-selection-color) !important; /* Override color: inherit */
   background-color: var(--tab-selection-background-color);
-  box-shadow: var(--tab-selection-box-shadow);
+}
+
+.tab-icon-sound[visuallyselected=true][soundplaying] {
+  list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-white");
+}
+
+.tab-icon-sound[visuallyselected=true][soundplaying]:hover {
+  list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-white-hover");
+}
+
+.tab-icon-sound[visuallyselected=true][soundplaying]:hover:active {
+  list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-white-pressed");
+}
+
+.tab-icon-sound[visuallyselected=true][muted] {
+  list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-muted-white");
+}
+
+.tab-icon-sound[visuallyselected=true][muted]:hover {
+  list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-muted-white-hover");
+}
+
+.tab-icon-sound[visuallyselected=true][muted]:hover:active {
+  list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-muted-white-pressed");
 }
 
 /* Don't need space for the tab curves (66px - 30px) */
@@ -355,7 +376,7 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper {
 }
 
 #forward-button > .toolbarbutton-icon {
-  -moz-border-start: none;
+  border-inline-start: none;
 }
 
 /* Override a box shadow for disabled back button */
@@ -403,5 +424,5 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper {
 .ac-type-icon {
   /* Left-align the type icon in awesomebar popup results with the icon in the
      urlbar. */
-  -moz-margin-start: 11px;
+  margin-inline-start: 11px;
 }