From 806721af85158d880b8ba510ec8d9d857dd2488b Mon Sep 17 00:00:00 2001
From: Yuurilee <yurilee9696@gmail.com>
Date: Sat, 10 Apr 2021 19:00:32 +0900
Subject: [PATCH] =?UTF-8?q?Design:=20=EC=88=AB=EC=9E=90=20+=20=EB=8B=A8?=
 =?UTF-8?q?=EC=9C=84=20=EA=B3=84=EC=82=B0/=EA=B3=84=EC=82=B0=20x=20?=
 =?UTF-8?q?=EC=8A=A4=ED=83=80=EC=9D=BC=20=EB=B3=80=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/plugins/unitDecorator/types.ts          |  7 ++++---
 src/plugins/unitDecorator/unitDecorator.tsx | 10 ++++++++--
 2 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/src/plugins/unitDecorator/types.ts b/src/plugins/unitDecorator/types.ts
index 2b078091..691e1700 100644
--- a/src/plugins/unitDecorator/types.ts
+++ b/src/plugins/unitDecorator/types.ts
@@ -1,11 +1,12 @@
+import { palette } from 'themes/palatte';
+
 export const CustomInline = {
   NOT_CALCULATE: 'NOT_CALCULATE',
 };
 
 export const UnitDecoratorStyleMap = {
   NOT_CALCULATE: {
-    background: 'transparent',
-    margin: '0',
-    padding: '0',
+    background: palette.action.disabledBackground,
+    color: palette.text.primary,
   },
 };
diff --git a/src/plugins/unitDecorator/unitDecorator.tsx b/src/plugins/unitDecorator/unitDecorator.tsx
index 19de2e92..9f34e193 100644
--- a/src/plugins/unitDecorator/unitDecorator.tsx
+++ b/src/plugins/unitDecorator/unitDecorator.tsx
@@ -26,11 +26,17 @@ export interface UnitDecoratorProps {
 
 const DecoratorWrapper = styled.span`
   > span {
-    background: ${palette.grey[400]};
+    background: ${palette.primary.main};
     margin: ${theme.spacing(0, 0.5)};
     padding: ${theme.spacing(0.5, 1)};
-    border-radius: ${theme.spacing(1)};
+    border-radius: ${theme.spacing(0.5)};
+    color: ${theme.palette.background.paper};
+    box-shadow: ${theme.shadows[2]};
     cursor: pointer;
+
+    &:hover {
+      box-shadow: ${theme.shadows[4]};
+    }
   }
 `;