From 44ca44718508816db26adb02f729f1f725768f65 Mon Sep 17 00:00:00 2001
From: Tom Moor <tom.moor@gmail.com>
Date: Sat, 21 Nov 2020 16:16:38 -0800
Subject: [PATCH] fix: Scrollbar styling closes #1665

---
 app/components/Editor.js | 4 ++++
 shared/styles/theme.js   | 6 ++++++
 2 files changed, 10 insertions(+)

diff --git a/app/components/Editor.js b/app/components/Editor.js
index 8d8ee91cc..2593cfea1 100644
--- a/app/components/Editor.js
+++ b/app/components/Editor.js
@@ -92,6 +92,10 @@ const StyledEditor = styled(RichMarkdownEditor)`
     transition: ${(props) => props.theme.backgroundTransition};
   }
 
+  & * {
+    box-sizing: content-box;
+  }
+
   .notice-block.tip,
   .notice-block.warning {
     font-weight: 500;
diff --git a/shared/styles/theme.js b/shared/styles/theme.js
index fb0c458a8..c7269a459 100644
--- a/shared/styles/theme.js
+++ b/shared/styles/theme.js
@@ -166,6 +166,9 @@ export const light = {
 
   noticeInfoBackground: colors.warmGrey,
   noticeInfoText: colors.almostBlack,
+
+  scrollbarBackground: colors.smoke,
+  scrollbarThumb: darken(0.15, colors.smokeDark),
 };
 
 export const dark = {
@@ -222,6 +225,9 @@ export const dark = {
 
   noticeInfoBackground: colors.white10,
   noticeInfoText: colors.almostWhite,
+
+  scrollbarBackground: colors.black,
+  scrollbarThumb: colors.lightBlack,
 };
 
 export default light;