From dba8eed7e57d8a8a145e4a16b1d27a9a020c12ae Mon Sep 17 00:00:00 2001
From: Matchu <matchu1993@gmail.com>
Date: Mon, 7 Sep 2020 00:03:46 -0700
Subject: [PATCH] add dark mode styles for modeling page

---
 src/app/ModelingPage.js | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/app/ModelingPage.js b/src/app/ModelingPage.js
index 710c329..f20d9d8 100644
--- a/src/app/ModelingPage.js
+++ b/src/app/ModelingPage.js
@@ -1,5 +1,5 @@
 import React from "react";
-import { Badge, Box, SimpleGrid } from "@chakra-ui/core";
+import { Badge, Box, SimpleGrid, useColorModeValue } from "@chakra-ui/core";
 import { StarIcon } from "@chakra-ui/icons";
 import gql from "graphql-tag";
 import { useQuery } from "@apollo/client";
@@ -74,6 +74,8 @@ function ItemModelsList() {
 }
 
 function ItemModelCard({ item, currentUserOwnsItem, ...props }) {
+  const borderColor = useColorModeValue("transparent", "green.500");
+
   return (
     <Box
       as="a"
@@ -82,6 +84,8 @@ function ItemModelCard({ item, currentUserOwnsItem, ...props }) {
       boxShadow="lg"
       borderRadius="lg"
       width="400px"
+      border="1px"
+      borderColor={borderColor}
       {...props}
     >
       <ItemSummary