From d7cbb9cfa5e64e7da3d5354900ba3ac915c3423a Mon Sep 17 00:00:00 2001
From: Franco Arza <franco@basement.studio>
Date: Sat, 17 Oct 2020 22:32:08 -0300
Subject: [PATCH] square searchbox, remove border and replace grayscale with
 new palette

---
 assets/global.css                             | 40 +++++++++----------
 .../core/Searchbar/Searchbar.module.css       |  2 +-
 components/core/Searchbar/Searchbar.tsx       |  2 +-
 3 files changed, 22 insertions(+), 22 deletions(-)

diff --git a/assets/global.css b/assets/global.css
index 3d102a643..bde37971d 100644
--- a/assets/global.css
+++ b/assets/global.css
@@ -22,16 +22,16 @@
   --violet: #7928ca;
   --blue: #0070f3;
 
-  --accents-0: #fff;
-  --accents-1: #fafafa;
-  --accents-2: #eaeaea;
-  --accents-3: #999999;
-  --accents-4: #888888;
-  --accents-5: #666666;
-  --accents-6: #444444;
-  --accents-7: #333333;
-  --accents-8: #111111;
-  --accents-9: #000;
+  --accents-0: #f8f9fa;
+  --accents-1: #f1f3f5;
+  --accents-2: #e9ecef;
+  --accents-3: #dee2e6;
+  --accents-4: #ced4da;
+  --accents-5: #adb5bd;
+  --accents-6: #868e96;
+  --accents-7: #495057;
+  --accents-8: #343a40;
+  --accents-9: #212529;
 }
 
 [data-theme='dark'] {
@@ -46,16 +46,16 @@
   --text-primary: white;
   --text-secondary: black;
 
-  --accents-0: #000;
-  --accents-1: #111111;
-  --accents-2: #333333;
-  --accents-3: #444444;
-  --accents-4: #666666;
-  --accents-5: #888888;
-  --accents-6: #999999;
-  --accents-7: #eaeaea;
-  --accents-8: #fafafa;
-  --accents-9: #fff;
+  --accents-0: #212529;
+  --accents-1: #343a40;
+  --accents-2: #495057;
+  --accents-3: #868e96;
+  --accents-4: #adb5bd;
+  --accents-5: #ced4da;
+  --accents-6: #dee2e6;
+  --accents-7: #e9ecef;
+  --accents-8: #f1f3f5;
+  --accents-9: #f8f9fa;
 }
 
 .fit {
diff --git a/components/core/Searchbar/Searchbar.module.css b/components/core/Searchbar/Searchbar.module.css
index 41fedd0f8..0d2265650 100644
--- a/components/core/Searchbar/Searchbar.module.css
+++ b/components/core/Searchbar/Searchbar.module.css
@@ -1,5 +1,5 @@
 .input {
-  @apply bg-transparent px-3 py-2 appearance-none w-full transition duration-150 ease-in-out rounded-lg  placeholder-accents-4 pr-10;
+  @apply bg-transparent px-3 py-2 appearance-none w-full transition duration-150 ease-in-out placeholder-accents-5 pr-10;
   min-width: 300px;
 }
 
diff --git a/components/core/Searchbar/Searchbar.tsx b/components/core/Searchbar/Searchbar.tsx
index aa754d564..a2fe85f18 100644
--- a/components/core/Searchbar/Searchbar.tsx
+++ b/components/core/Searchbar/Searchbar.tsx
@@ -17,7 +17,7 @@ const Searchbar: FC<Props> = ({ className }) => {
   return (
     <div
       className={cn(
-        'relative rounded-lg text-sm bg-accents-1 text-base w-full border border-accents-2',
+        'relative text-sm bg-accents-1 text-base w-full',
         className
       )}
     >