From 19fa8eb39d9dd60e5e7c23305233676abd80a41a Mon Sep 17 00:00:00 2001
From: MrOtherGuy <jastekken@outlook.com>
Date: Wed, 12 Jan 2022 15:16:47 +0200
Subject: [PATCH] Update styles to use --lwt-tab-line-color variable

---
 chrome/color_variable_template.css | 2 +-
 chrome/non_floating_sharp_tabs.css | 7 ++++---
 chrome/round_ui_items.css          | 5 ++++-
 3 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/chrome/color_variable_template.css b/chrome/color_variable_template.css
index d9137db..fd33e0f 100644
--- a/chrome/color_variable_template.css
+++ b/chrome/color_variable_template.css
@@ -39,6 +39,6 @@ See the above repository for updates as well as full license text. */
   --lwt-sidebar-text-color: yellow !important;
 }
 /* Line above tabs */
-#tabbrowser-tabs{ --tab-line-color: white !important; }
+#tabbrowser-tabs{ --lwt-tab-line-color: white !important; }
 /* the header-area of sidebar needs this to work */
 #sidebar-box{ --sidebar-background-color: purple !important; }
\ No newline at end of file
diff --git a/chrome/non_floating_sharp_tabs.css b/chrome/non_floating_sharp_tabs.css
index 43ac6d5..0c4c412 100644
--- a/chrome/non_floating_sharp_tabs.css
+++ b/chrome/non_floating_sharp_tabs.css
@@ -14,7 +14,7 @@ See the above repository for updates as well as full license text. */
 }
 
 /* Uncomment next line to force specific color for tab top line */
-/* #tabbrowser-tabs{ --tab-line-color: blue !important; } */
+/* #tabbrowser-tabs{ --lwt-tab-line-color: blue !important; } */
 
 /* These next two rules set a color for border around tabs and between tabs & navigation toolbars. Set to transparent to remove the border.*/
 #nav-bar{
@@ -23,6 +23,7 @@ See the above repository for updates as well as full license text. */
 }
 .tab-background[selected]{
   border-inline: 1px solid color-mix(in srgb, currentcolor 30%, transparent) !important;
+  border-bottom-color: transparent !important;
 }
 
 #TabsToolbar{
@@ -32,7 +33,7 @@ See the above repository for updates as well as full license text. */
 #navigator-toolbox:not([movingtab]):-moz-lwtheme > #titlebar > #TabsToolbar{
   --toolbar-bgcolor: transparent;
 }
-#TabsToolbar:not(:-moz-lwtheme){ --tab-line-color: transparent; }
+
 .tab-background[selected]:not(:-moz-lwtheme){ background: var(--toolbar-bgcolor) !important; }
 
 #TabsToolbar .toolbarbutton-1 > .toolbarbutton-badge-stack,
@@ -83,7 +84,7 @@ See the above repository for updates as well as full license text. */
 }
 .tab-stack > .tab-background[selected]::before{
   background-color: highlight;
-  background-image: linear-gradient(var(--tab-line-color),var(--tab-line-color));
+  background-image: linear-gradient(var(--lwt-tab-line-color),var(--lwt-tab-line-color));
 }
 /* Photon-like tab on hover animation for the top line */
 @keyframes tab-onhover-line-anim{ from{ margin-inline: 20px } to { margin-inline: 0 } }
diff --git a/chrome/round_ui_items.css b/chrome/round_ui_items.css
index c7b99f8..2ecbab6 100644
--- a/chrome/round_ui_items.css
+++ b/chrome/round_ui_items.css
@@ -35,7 +35,10 @@ menupopup{ -moz-appearance: none !important; overflow: -moz-hidden-unscrollable
 #nav-bar{ box-shadow: none !important; margin-top: 3px }
 .tab-line{ display: none }
 
-.tab-background[selected]{ border-top-width: 2px !important; border-top-color: var(--tab-line-color) !important; }
+.tab-background[selected]{
+  border-top-width: 2px !important;
+  border-top-color: var(--lwt-tab-line-color) !important;
+}
 .tabbrowser-tab[selected]{ z-index: auto !important; }
 
 .urlbar-icon,