diff --git a/chrome/non_floating_sharp_tabs.css b/chrome/non_floating_sharp_tabs.css
index bd0cb57..dba9b7f 100644
--- a/chrome/non_floating_sharp_tabs.css
+++ b/chrome/non_floating_sharp_tabs.css
@@ -1,9 +1,9 @@
 /* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/non_floating_sharp_tabs.css made available under Mozilla Public License v. 2.0
 See the above repository for updates as well as full license text. */
 
-/* This style makes tabs and related items non-rounded and connects tabs to toolbars like in previous Firefox versions. */
-
-/* It's not strictly a requirement, but this style expects compact_proton.css to be loaded before it. */
+/* This style makes tabs and related items non-rounded and connects tabs to toolbars like in previous Firefox versions.
+ * You should set layout.css.color-mix.enabled to true in about:config to make colors apply properly.
+ * It's not strictly a requirement, but this style expects compact_proton.css to be loaded before it. */
 
 :root[id]{
   --proton-tab-block-margin: 0px !important;
@@ -66,6 +66,8 @@ See the above repository for updates as well as full license text. */
   box-shadow: none !important;
 }
 
+.tab-background:not([selected])[multiselected]{ background: color-mix(in srgb, currentColor 11%, transparent) !important; }
+
 /* Line to mark selected tab */
 .tab-background[selected]::before,
 .tabbrowser-tab:hover > stack > .tab-background::before{
@@ -89,4 +91,4 @@ See the above repository for updates as well as full license text. */
 .tabbrowser-tab:is([pinned],[selected]) > .tab-stack > .tab-background::before{ animation: none }
 
 /* moves context-line to the bottom */
-.tab-context-line{ -moz-box-ordinal-group: 2; margin-inline: 10px !important; }
\ No newline at end of file
+.tab-context-line{ -moz-box-ordinal-group: 2; margin-inline: 10px !important; }