From 2ccb6d45294727f97e1d5bbf43f24d85e4bfbd17 Mon Sep 17 00:00:00 2001
From: Darius Kazemi <darius@meedan.com>
Date: Sat, 31 Dec 2022 23:30:35 -0800
Subject: [PATCH] Tweak mastodon-light theme

---
 .../styles/mastodon-light/diff.scss           | 19 +++++++++++++++----
 1 file changed, 15 insertions(+), 4 deletions(-)

diff --git a/app/javascript/styles/mastodon-light/diff.scss b/app/javascript/styles/mastodon-light/diff.scss
index ca2e8dba8..b95c35a1f 100644
--- a/app/javascript/styles/mastodon-light/diff.scss
+++ b/app/javascript/styles/mastodon-light/diff.scss
@@ -26,7 +26,6 @@ html {
 }
 
 // Change default background colors of columns
-.column > .scrollable,
 .getting-started,
 .column-inline-form,
 .error-column,
@@ -36,6 +35,13 @@ html {
   border-top: 0;
 }
 
+.column > .scrollable {
+  background: $white;
+  border: 1px solid lighten($ui-base-color, 8%);
+  border-top: 0;
+  border-right: 0;
+}
+
 .column > .scrollable.about {
   border-top: 1px solid lighten($ui-base-color, 8%);
 }
@@ -62,8 +68,7 @@ html {
 
 .column-back-button,
 .column-header {
-  background: $white;
-  border: 1px solid lighten($ui-base-color, 8%);
+  background: lighten($ui-base-color, 8%);
 
   @media screen and (max-width: $no-gap-breakpoint) {
     border-top: 0;
@@ -79,7 +84,7 @@ html {
 .column-header__button,
 .column-header__button.active,
 .account__header {
-  background: $white;
+  background: lighten($ui-base-color, 8%);
 }
 
 .column-header__button.active {
@@ -716,3 +721,9 @@ html {
     color: darken($ui-highlight-color, 30%);
   }
 }
+
+@media screen and (max-width: $no-gap-breakpoint - 1px) {
+  .navigation-panel {
+    border-left: 0;
+  }
+}