rewrite & code cleaning

src/app/editor.scss

@@ -5,23 +5,11 @@
     transition: var(--anim-duration-fast) ease-in-out;
 }
 
-.markdown-preview-view {
-    scrollbar-gutter: auto;
-}
-
 .mod-root .workspace-leaf-content[data-mode="source"] .view-header .view-actions button:nth-last-child(2) {
     background-color: var(--interactive-accent) !important;
     color: var(--text-on-accent) !important;
 }
 
-.workspace-leaf-content[data-mode="source"] .markdown-reading-view {
-    transform: scale(0.99);
-}
-
-.workspace-leaf-content[data-mode="preview"] .markdown-source-view {
-    transform: scale(0.99);
-}
-
 .workspace-tabs {
     overflow: visible;
 }
@@ -35,15 +23,17 @@
     display: none;
 }
 
-
+// Image render
 img {
     border-radius: var(--radius-s);
 }
 
+// Icons render
 svg.svg-icon {
     fill: none;
 }
 
+// Inline code render
 .markdown-rendered code,
 .cm-s-obsidian .cm-inline-code:not(.cm-formatting) {
     border: var(--border-width) solid var(--background-modifier-border);
@@ -69,6 +59,7 @@ svg.svg-icon {
     inset-inline-end: 36px;
 }
 
+// Highlighter render
 .markdown-rendered mark,
 .cm-s-obsidian span.cm-formatting-highlight,
 .cm-s-obsidian span.cm-highlight {

src/app/new-tab.scss

@@ -1,3 +1,4 @@
+// Change what's shown when on a empty tab "new tab"
 .view-header,
 .view-content,
 .workspace-tab-container {
@@ -12,8 +13,7 @@
         position: relative;
         justify-content: center;
         align-items: center;
-        margin: 0;
-        margin-top: var(--view-header-height);
+        margin: var(--view-header-height) 0 0;
         padding: var(--file-margins);
         width: 100%;
         max-width: 100%;

src/app/labeled-nav.scss → src/app/pc/labeled-nav.scss

@@ -3,7 +3,7 @@ body.is-fullscreen:not(.colorful-frame, .sei-disable-labeled-nav) {
     --labeled-nav-top-margin: 0;
 }
 
-body:not(.sei-disable-labeled-nav) {
+body:not(.sei-disable-labeled-nav, .is-mobile) {
     --labeled-nav-top-margin: var(--header-height);
 
     &.is-translucent {
@@ -76,7 +76,6 @@ body:not(.sei-disable-labeled-nav) {
             display: inline-block;
             font-weight: 500;
             font-size: var(--font-ui-small);
-            margin-bottom: -3px; // to help vertically center text with icons
         }
 
         .workspace-tab-header-container {

src/app/pc/tabs.scss

@@ -0,0 +1,27 @@
+// Desktop tabs
+body:not(.is-mobile) {
+  // Margin around editor tabs to get floaty design
+  .mod-root .workspace-tab-header-container-inner {
+    margin: 6px 0;
+  }
+
+  // Cleaner margin around for icon tabs in sidedocks
+  .mod-sidedock .workspace-tab-header-container-inner {
+    margin: 6px 0;
+  }
+
+  // Windows & Linux
+  body.mod-windows.is-hidden-frameless,
+  body.mod-linux.is-hidden-frameless {
+    &.show-ribbon {
+      .mod-sidedock.mod-left-split .mod-top-left-space .workspace-tab-header-container {
+        padding-left: 0;
+      }
+
+      .mod-sidedock.mod-left-split .mod-top-left-space .workspace-tab-header-container-inner {
+        z-index: 11;
+        margin-left: 0;
+      }
+    }
+  }
+}

src/app/pc/workspace.scss

@@ -0,0 +1,53 @@
+body:not(.is-mobile) {
+  // Background colors transparent everywhere except editors so main container bg color apply everywhere
+  background-color: var(--background-secondary);
+
+  .workspace-ribbon,
+  .workspace-split.mod-root,
+  .workspace-split.mod-sidedock,
+  .workspace-tabs .workspace-leaf,
+  .workspace-split.mod-left-split .workspace-sidedock-vault-profile {
+    background-color: transparent;
+  }
+
+  // feature: accented frame
+  .workspace {
+    background-color: hsla(var(--color-accent-hsl), calc(var(--sei-accented-frame-opacity) * 0.005));
+  }
+
+  // z-index same as side-docks so editor drop shadow goes above them
+  .workspace-split.mod-root {
+    z-index: var(--layer-sidedock);
+  }
+
+  // Reduce window opacity when unfocused
+  &:not(.is-focused) {
+
+    .workspace-ribbon,
+    .mod-sidedock>div,
+    .mod-root .workspace-tab-header-container {
+      opacity: 0.5;
+      transition: all 1s ease;
+      transition-delay: 5s;
+    }
+  }
+
+  // Hide border between editors todo to remove?
+  .workspace-leaf-resize-handle {
+    border-inline-end-color: transparent;
+  }
+
+  // Remove all borders except horizontal in sidedocks
+  .workspace {
+    --tab-outline-color: transparent;
+    --tab-outline-width: 0;
+    --divider-width: 0;
+    --tab-container-background: transparent;
+    --titlebar-background: transparent;
+    --titlebar-background-focused: transparent;
+  }
+
+  .mod-sidedock > .workspace-tabs > .workspace-leaf-resize-handle {
+    --divider-width: 1px;
+  }
+}