From b4dfe7920883622f9d12c187bec7c39818222ace Mon Sep 17 00:00:00 2001
From: Toni Fisler <mail@tonifisler.ch>
Date: Tue, 27 Mar 2018 16:50:35 +0200
Subject: [PATCH] fix colors and fonts in CSS default styles

---
 src/components/App/App.scss | 10 +++-------
 src/components/App/Theme.js |  5 ++---
 2 files changed, 5 insertions(+), 10 deletions(-)

diff --git a/src/components/App/App.scss b/src/components/App/App.scss
index 5324f77..4401fca 100644
--- a/src/components/App/App.scss
+++ b/src/components/App/App.scss
@@ -1,12 +1,8 @@
 @import '../../variables.scss';
 
-body {
-  margin: 0;
-  padding: 0;
-}
-
-
-.styleguide {
+.tlbx-h1,
+.tlbx-notes,
+.tlbx-sidebar-wrapper {
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
 }
 
diff --git a/src/components/App/Theme.js b/src/components/App/Theme.js
index 060af09..4267a86 100644
--- a/src/components/App/Theme.js
+++ b/src/components/App/Theme.js
@@ -12,10 +12,9 @@ const base = {
 
 export const Theme = styled.div`
   background: ${config.bodyBackground || base.white};
-  color: ${config.bodyForeground || base.black};
 
-  h1, h2, h3, h4, h5, h6 {
-    color: ${config.headingForeground || base.black};
+  .tlbx-h1, .tlbx-h2, .tlbx-h3, .tlbx-h4, .tlbx-h5, .tlbx-h6, .tlbx-notes {
+    color: ${config.bodyForeground || base.black};
   }
 
   .tlbx-toolbar-btn { color: ${config.toolbarIconsForeground || base.white}; }