Update for v.1.4.8 ✨

Author: ceciliamay

obsidian.css

@@ -4,7 +4,6 @@
 
 :root,
 body {
-
     /*──────────Font Families──────────*/
 
     --font-preview: var(--font-text);
@@ -66,6 +65,9 @@ body {
     --tracking-5: 2.56px;
 
     /*──────────Layout Sizing──────────*/
+
+    /* Obsidian Defaults */
+    --border-width: 1px;
 
     --scale-0-0: 0px;
 

obsidian.css.map

@@ -24,6 +24,7 @@
 .nav {
     &-folder-title,
     &-file-title {
+        font-size: var(--font-scale-0-5);
         line-height: var(--line-height-0-5);
         width: 100%;
         padding:    calc(1px + var(--scale-2-1))
@@ -37,6 +38,8 @@
     }
 
     &-folder-title-content {
+        display: flex;
+        align-items: center;
         padding:    var(--scale-0-0)
                     var(--scale-0-0)
                     var(--scale-0-0)
@@ -56,6 +59,10 @@
         white-space: normal;
     }
 
+    &-folder-collapse-indicator {
+        align-items: flex-start;
+    }
+
     &-folder-collapse-indicator.collapse-icon {
         margin-top: var(--scale-2-1);
         margin-left: var(--scale-0-0);
@@ -67,6 +74,13 @@
     }
 }
 
+// removes opened note border
+.workspace-leaf.mod-active .nav-folder.has-focus > .nav-folder-title,
+.workspace-leaf.mod-active .nav-file.has-focus {
+    border-color: transparent;
+    background-color: none;
+}
+
 // resets color of arrow triangle when hovering folder title
 body:not(.is-grabbing) .nav-folder-title:hover .nav-folder-collapse-indicator {
     color: unset;

scss/10_base/_var__global.scss

@@ -6,7 +6,7 @@
 .workspace-split.mod-right-split .nav-header {
     padding:    var(--scale-2-1)
                 var(--scale-2-2)
-                var(--scale-2-2)
+                var(--scale-2-1)
                 var(--scale-2-2);
     margin: var(--scale-0-0)
             var(--scale-0-0)
@@ -36,6 +36,8 @@
             var(--scale-0-0);
     border-radius: var(--scale-2-3);
     opacity: 1;
+    display: flex;
+    align-items: center;
 
     .theme-light & {
         color:  var(--color-l-gray-60);

scss/20_workspace/_file-explorer.scss

@@ -36,15 +36,18 @@
 
 /* Side Dock Ribbon Icons Sizing */
 .side-dock-ribbon-action {
+    display: flex;
+    align-items: center;
+    justify-content: center;
     padding:    var(--scale-0-0)
                 var(--scale-0-0)
-                var(--scale-2-4)
+                var(--scale-2-6)
                 var(--scale-0-0);
 }
 
 .workspace-ribbon.side-dock-ribbon {
     & .workspace-ribbon-collapse-btn {
-        margin-top: var(--scale-2-3);
+        margin-top: var(--scale-0-0);
         padding:    var(--scale-2-4)
                     var(--scale-2-5);
     }

scss/20_workspace/_nav-header.scss

@@ -3,6 +3,8 @@
 ────────────────────────────────────*/
 
 .status-bar {
+    font-size: var(--font-scale-0-5);
+
     max-height: unset;
     display: flex;
     justify-content: flex-end;
@@ -37,6 +39,7 @@
     color: var(--color-l-gray-50);
     background-color: var(--color-l-gray-10);
     border: 1px solid var(--color-l-gray-40);
+    border-bottom: none;
 
     &-item {
         color: var(--color-l-gray-60);
@@ -73,6 +76,7 @@
     color: var(--color-d-gray-30);
     background-color: var(--color-d-gray-80);
     border: 1px solid var(--color-d-gray-50);
+    border-bottom: none;
 
     &-item {
         color: var(--color-d-gray-30);

scss/20_workspace/_side-dock-ribbon.scss

@@ -1,6 +1,11 @@
 /*────────────────────────────────────
             Tab Content
 ────────────────────────────────────*/
+.workspace-tabs .workspace-leaf.mod-active,
+.workspace-tabs .workspace-leaf.mod-active:active {
+    border-color: transparent;
+}
+
 .workspace-split.mod-right-split
 .workspace-tabs:last-child {
     padding-bottom: calc(-4px + var(--scale-8-3));

scss/20_workspace/_status-bar.scss

@@ -89,7 +89,9 @@ body .workspace-tab-header
 .workspace-tab-header-inner-icon svg {
     height: var(--scale-8-2);
     width: var(--scale-8-2);
-    vertical-align: 1px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
 }
 
 /*─────────Tab Header for Light Mode──────────*/

scss/20_workspace/_tab-content.scss

@@ -17,6 +17,7 @@
 .theme-light {
     & .titlebar {
         background: var(--color-l-white);
+        border-bottom: none;
     }
 
     & .titlebar-text {
@@ -64,6 +65,7 @@
 .theme-dark {
     & .titlebar {
         background: var(--color-d-gray-70);
+        border-bottom: none;
     }
 
     & .titlebar-text {