From 0fb2fd9366208534a0f862ca7435d2205aa8e5e8 Mon Sep 17 00:00:00 2001
From: Yurov Dmitry <dmitry.yurov@corp.mail.ru>
Date: Thu, 10 Jan 2019 17:28:55 +0300
Subject: [PATCH] new theme changes

---
 src/common-elements/PrismDiv.tsx            |  1 -
 src/components/Markdown/styled.elements.tsx | 10 ++++------
 src/theme.ts                                |  2 +-
 3 files changed, 5 insertions(+), 8 deletions(-)

diff --git a/src/common-elements/PrismDiv.tsx b/src/common-elements/PrismDiv.tsx
index 1373df12..2b29a3b7 100644
--- a/src/common-elements/PrismDiv.tsx
+++ b/src/common-elements/PrismDiv.tsx
@@ -9,7 +9,6 @@ export const PrismDiv = styled.div`
   pre[class*='language-'] {
     /* color: white;
     background: none; */
-    text-shadow: 0 -0.1em 0.2em black;
     text-align: left;
     white-space: pre;
     word-spacing: normal;
diff --git a/src/components/Markdown/styled.elements.tsx b/src/components/Markdown/styled.elements.tsx
index e0df9dcf..0aee3cf0 100644
--- a/src/components/Markdown/styled.elements.tsx
+++ b/src/components/Markdown/styled.elements.tsx
@@ -65,11 +65,9 @@ export const StyledMarkdownBlock = styled(PrismDiv as StyledComponent<
 
   code {
     color: ${({ theme }) => theme.typography.code.color};
-    background-color: ${({ theme }) => theme.typography.code.backgroundColor};
-
+    background-color: #fff;
     font-family: ${props => props.theme.typography.code.fontFamily};
     border-radius: 2px;
-    border: 1px solid rgba(38, 50, 56, 0.1);
     padding: 0.1em 0.25em 0.2em;
     font-size: ${props => props.theme.typography.code.fontSize};
     font-weight: ${({ theme }) => theme.typography.code.fontWeight};
@@ -80,8 +78,8 @@ export const StyledMarkdownBlock = styled(PrismDiv as StyledComponent<
   pre {
     font-family: ${props => props.theme.typography.code.fontFamily};
     white-space:${({ theme }) => (theme.typography.code.wrap ? 'pre-wrap' : 'pre')};
-    background-color: #263238;
-    color: white;
+    background-color: #f5f5f5;
+    color: #333333;
     padding: 12px 14px 15px 14px;
     overflow-x: auto;
     line-height: normal;
@@ -90,7 +88,7 @@ export const StyledMarkdownBlock = styled(PrismDiv as StyledComponent<
 
     code {
       background-color: transparent;
-      color: white;
+      color: #333333;
       padding: 0;
 
       &:before,
diff --git a/src/theme.ts b/src/theme.ts
index df6b4b12..4e911df2 100644
--- a/src/theme.ts
+++ b/src/theme.ts
@@ -4,7 +4,7 @@ const defaultTheme: ThemeInterface = {
   spacing: {
     unit: 5,
     sectionHorizontal: ({ spacing }) => spacing.unit * 8,
-    sectionVertical: ({ spacing }) => spacing.unit * 8,
+    sectionVertical: 0,
   },
   breakpoints: {
     small: '50rem',