change theme to vsLight

codefreak · Mar 31, 2021 · cc97b24 · cc97b24
1 parent 44c5505
commit cc97b24
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 6 deletions.
diff --git 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
@@ -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;
 `;