From cc97b24a652630f0bafd6ad6ce43331a13076599 Mon Sep 17 00:00:00 2001
From: Glen Wider <skyhigh4@web.de>
Date: Wed, 31 Mar 2021 11:03:53 +0200
Subject: [PATCH] change theme to vsLight

---
 src/components/CodeReviewCard.tsx | 13 ++++++++-----
 src/components/styles.tsx         |  2 +-
 2 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/src/components/CodeReviewCard.tsx b/src/components/CodeReviewCard.tsx
index 5f19be9..3e40070 100644
--- a/src/components/CodeReviewCard.tsx
+++ b/src/components/CodeReviewCard.tsx
@@ -1,7 +1,7 @@
 import React from "react";
-import { Card} from "antd";
+import {Card} from "antd";
 import Highlight, {defaultProps, Language} from "prism-react-renderer";
-import theme from "prism-react-renderer/themes/github";
+import theme from "prism-react-renderer/themes/vsLight";
 import {Line, LineContent, LineNo, Pre} from "./styles";
 import "antd/dist/antd.css";
 
@@ -13,8 +13,7 @@ export interface CodeReviewCardProps  {
 }
 
 const cardBodyStyle = {
-    padding: 0,
-    backgroundColor: '#f6f8fa'
+    padding: 0
 }
 
 export const CodeReviewCard: React.FC<CodeReviewCardProps> = ({
@@ -24,7 +23,11 @@ export const CodeReviewCard: React.FC<CodeReviewCardProps> = ({
                                                           title
 }) => {
     return (
-            <Card style={{ width: width }} title={title} className={"codeReview"} bodyStyle={cardBodyStyle}>
+            <Card style={{ width: width }}
+                  title={title} className={"codeReview"}
+                  bodyStyle={cardBodyStyle}
+                  type={"inner"}
+            >
                 <Highlight {...defaultProps} theme={theme} code={code} language={language}>
                     {({ className, style, tokens, getLineProps, getTokenProps }) => (
                         <Pre className={className} style={style}>
diff --git a/src/components/styles.tsx b/src/components/styles.tsx
index 8471d8b..c920f51 100644
--- a/src/components/styles.tsx
+++ b/src/components/styles.tsx
@@ -25,7 +25,7 @@ export const LineNo = styled.span`
   display: table-cell;
   text-align: right;
   padding-right: 1em;
-  padding-left: 5em;
+  padding-left: 2em;
   user-select: none;
   opacity: 0.5;
 `;