From 6cb32c6c2b2b493eec00e2a4545bb7fd296b3314 Mon Sep 17 00:00:00 2001
From: ItsOnlyBinary <git@itsonlybinary.com>
Date: Thu, 11 Jan 2024 19:23:45 +0000
Subject: [PATCH] Fix kiwi-workspace-background z-index

---
 src/components/App.vue              | 24 ++++++++++++++++++------
 src/components/Container.vue        |  1 -
 src/components/Sidebar.vue          |  1 -
 src/components/TypingUsersList.vue  |  1 -
 static/themes/elite/theme.css       |  5 ++---
 static/themes/nightswatch/theme.css |  5 +----
 6 files changed, 21 insertions(+), 16 deletions(-)

diff --git a/src/components/App.vue b/src/components/App.vue
index 7b804665b..b41ea55ae 100755
--- a/src/components/App.vue
+++ b/src/components/App.vue
@@ -6,6 +6,7 @@
             'kiwi-wrap--touch': $state.ui.is_touch,
         }"
         :data-activebuffer="buffer ? buffer.name.toLowerCase() : ''"
+        :data-theme="theme"
         class="kiwi-wrap kiwi-theme-bg"
         @click="emitDocumentClick"
         @paste.capture="emitBufferPaste"
@@ -52,8 +53,14 @@
                     :is="fallbackComponent"
                     v-else-if="!activeComponent"
                     v-bind="fallbackComponentProps"
+                    class="kiwi-workspace-component"
+                />
+                <component
+                    :is="activeComponent"
+                    v-else
+                    v-bind="activeComponentProps"
+                    class="kiwi-workspace-component"
                 />
-                <component :is="activeComponent" v-else v-bind="activeComponentProps" />
             </div>
         </template>
         <AvatarCommon />
@@ -75,6 +82,7 @@ import AvatarCommon from '@/components/UserAvatarCommon';
 import { State as SidebarState } from '@/components/Sidebar';
 import * as Notifications from '@/libs/Notifications';
 import * as bufferTools from '@/libs/bufferTools';
+import ThemeManager from '@/libs/ThemeManager';
 import Logger from '@/libs/Logger';
 
 let log = Logger.namespace('App.vue');
@@ -118,6 +126,10 @@ export default {
         buffer() {
             return this.$state.getActiveBuffer();
         },
+        theme() {
+            let themeMgr = ThemeManager.instance();
+            return themeMgr.currentTheme().name.toLowerCase();
+        },
     },
     created() {
         this.listenForActiveComponents();
@@ -433,11 +445,11 @@ body {
 
 .kiwi-workspace-background {
     position: absolute;
-    top: 0;
-    left: 0;
-    height: 100%;
-    width: 100%;
-    z-index: -1;
+    inset: 0;
+}
+
+.kiwi-workspace-component {
+    position: relative;
 }
 
 .kiwi-statebrowser {
diff --git a/src/components/Container.vue b/src/components/Container.vue
index 91f51367a..94fef4c12 100644
--- a/src/components/Container.vue
+++ b/src/components/Container.vue
@@ -223,7 +223,6 @@ export default {
     border-left-width: 1px;
     border-left-style: solid;
     max-width: 430px;
-    z-index: 1;
     transition: right 0.2s, top 0s;
 }
 
diff --git a/src/components/Sidebar.vue b/src/components/Sidebar.vue
index 764241158..6acdc3246 100644
--- a/src/components/Sidebar.vue
+++ b/src/components/Sidebar.vue
@@ -123,7 +123,6 @@ export default {
     display: flex;
     flex-direction: column;
     overflow: hidden;
-    z-index: 100;
 }
 
 .kiwi-sidebar.kiwi-sidebar-section-settings {
diff --git a/src/components/TypingUsersList.vue b/src/components/TypingUsersList.vue
index 8c96c01af..f06b52cd7 100644
--- a/src/components/TypingUsersList.vue
+++ b/src/components/TypingUsersList.vue
@@ -47,7 +47,6 @@ export default {
 .kiwi-typinguserslist {
     position: absolute;
     top: -24px;
-    background: var(--brand-default-bg);
     font-size: 0.9em;
     overflow: hidden;
     max-height: 23px;
diff --git a/static/themes/elite/theme.css b/static/themes/elite/theme.css
index 2381890f5..ca651e035 100644
--- a/static/themes/elite/theme.css
+++ b/static/themes/elite/theme.css
@@ -67,8 +67,9 @@
     background: var(--comp-statebrowser-bg);
 }
 
-.kiwi-statebrowser-newnetwork {
+.kiwi-statebrowser-newnetwork a {
     opacity: 0.75;
+    color: var(--brand-primary);
 }
 
 .kiwi-statebrowser-newnetwork a:hover {
@@ -112,9 +113,7 @@
     background-color: #26323a;
 }
 
-
 .kiwi-messagelist {
-    background: #3b4850;
     color: var(--brand-primary);
 }
 
diff --git a/static/themes/nightswatch/theme.css b/static/themes/nightswatch/theme.css
index 193f9e472..5888c90c0 100644
--- a/static/themes/nightswatch/theme.css
+++ b/static/themes/nightswatch/theme.css
@@ -6,7 +6,7 @@
     --brand-primary-hover: #2d2d2d;
     --brand-midtone: #1b1b1b;
     --brand-darktone: #000;
-    --brand-default-bg: #1b1b1b;
+    --brand-default-bg: #000;
     --brand-default-fg: #f1f1f1;
 
     /* Warning colors */
@@ -207,9 +207,6 @@
 }
 
 /* Message list */
-.kiwi-messagelist {
-    background: #000;
-}
 .kiwi-messagelist .kiwi-messagelist-body {
     color: #adadad;
 }