Various appearance fixes

2 files changed, 4 insertions, 3 deletions

diff --git a/src/features/appearance/index.ts b/src/features/appearance/index.ts
index 4e95f1d97..7bda62cba 100644
--- a/src/features/appearance/index.ts
+++ b/src/features/appearance/index.ts
@@ -60,7 +60,6 @@ function generateAccentStyle(accentColorStr) {
     .info-bar.info-bar--primary,
     .infobox.infobox--primary,
     .theme__dark .badge.badge--primary,
-    .theme__dark,
     .badge.badge--primary,
     .content-tabs .content-tabs__tabs .content-tabs__item.is-active,
     #electron-app-title-bar .toolbar-dropdown:not(.open) > .toolbar-button > button:hover,
@@ -255,7 +254,6 @@ function generateVerticalStyle(widthStr, alwaysShowWorkspaces) {
     document.head.append(link);
   }
   const width = Number(widthStr);
-  const sidebarWidth = width - 4;
   const verticalStyleOffset = 23;
 
   return `
@@ -274,7 +272,7 @@ function generateVerticalStyle(widthStr, alwaysShowWorkspaces) {
   }
 
   .workspaces-drawer {
-    margin-top: -${sidebarWidth - verticalStyleOffset - 1}px !important;
+    margin-top: -${0 - verticalStyleOffset - 1}px !important;
   }
 
   .todos__todos-panel--expanded {
diff --git a/src/styles/layout.scss b/src/styles/layout.scss
index b5d4d86d0..73201be48 100644
--- a/src/styles/layout.scss
+++ b/src/styles/layout.scss
@@ -17,6 +17,8 @@ html {
 }
 
 .theme__dark .app {
+  background: #272727;
+
   .sidebar {
     background: $dark-theme-gray-darker;
     color: $theme-text-color;
@@ -87,6 +89,7 @@ body.win32:not(.isFullScreen) .app .app__content {
 }
 
 .app {
+  background: #fff;
   .app__content {
     display: flex;
     width: calc(100% + 300px);