X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fdevtools%2Fsplitview.css;h=cd2956f31335ee008dadfbf384838e42823fb2ed;hp=21716eb53b78b48b2123c3ce71f2754348d0ad05;hb=d0a8de80597f65fb17a8508078deae45f0ae80d4;hpb=dadba0f24ba2459f70e098788b20b0e4ba96a7d2

diff --git a/LCARStrek/devtools/splitview.css b/LCARStrek/devtools/splitview.css
index 21716eb5..cd2956f3 100644
--- a/LCARStrek/devtools/splitview.css
+++ b/LCARStrek/devtools/splitview.css
@@ -3,6 +3,13 @@
  * 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/. */
 
+.theme-dark,
+.theme-light {
+  --smw-margin: #9C9CFF;
+  --smw-item-top-border: #A09090;
+  --smw-item-bottom-border: #008484;
+}
+
 .splitview-nav-container {
   background-color: var(--theme-toolbar-background);
   color: var(--theme-body-color);
@@ -24,7 +31,12 @@
   padding: 0;
   margin: 0;
   margin: 0;
-  border-right: #9C9CFF;
+  border-inline-end: var(--smw-margin);
+/*  box-shadow: inset -1px 0 0 var(--smw-margin);*/
+}
+
+.splitview-nav:-moz-locale-dir(rtl) {
+/*  box-shadow: inset 1px 0 0 var(--smw-margin);*/
 }
 
 .splitview-nav > li {
@@ -38,7 +50,12 @@
 /*  color: white;
   background-clip: padding-box;*/
 
-  border-bottom: 1px solid #008484;
+  border-top: 1px solid var(--smw-item-top-border);
+  border-bottom: 1px solid var(--smw-item-bottom-border);
+}
+
+.splitview-nav > li:last-of-type {
+/*  box-shadow: inset 0 -1px 0 var(--smw-item-top-border);*/
 }
 
 .placeholder {
@@ -50,7 +67,7 @@
   background-repeat: no-repeat;
   background-position: center right;
   background-size: auto;
-  border-bottom: 1px solid #008484;
+  border-bottom: 1px solid var(--smw-item-bottom-border);
 
   background-image: url("itemArrow-ltr.svg");
 }
@@ -77,12 +94,9 @@
   -moz-padding-start: 3px;
 }
 
-.splitview-main > toolbar:-moz-locale-dir(ltr) {
-  border-right: 1px solid #008484;
-}
-
-.splitview-main > toolbar:-moz-locale-dir(rtl) {
-  border-left: 1px solid #008484;
+.splitview-main > toolbar,
+.loading .splitview-nav-container {
+  border-inline-end: 1px solid var(--smw-margin);
 }
 
 .splitview-main > .devtools-toolbarbutton {