From 1b611480ce40c6fd0d12911b581427e340304844 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Kau=C3=AA=20Fraga=20Rodrigues?=
 <88486000+kauefraga@users.noreply.github.com>
Date: Fri, 15 Nov 2024 11:23:30 -0300
Subject: [PATCH] frontend: add listify colors in tailwind config

---
 apps/frontend/src/components/list-item.tsx | 2 +-
 apps/frontend/src/pages/root.tsx           | 2 +-
 apps/frontend/tailwind.config.ts           | 9 ++++++++-
 3 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/apps/frontend/src/components/list-item.tsx b/apps/frontend/src/components/list-item.tsx
index d6ab190..671d86f 100644
--- a/apps/frontend/src/components/list-item.tsx
+++ b/apps/frontend/src/components/list-item.tsx
@@ -8,7 +8,7 @@ interface ListItemProps {
 
 export function ListItem({ list }: ListItemProps) {
   return (
-    <li className="bg-black/5 overflow-scroll space-y-2 h-56 border-2 border-transparent transition-colors hover:border-pink-400 p-4 rounded shadow-sm">
+    <li className="bg-black/5 overflow-scroll space-y-2 h-56 border-2 border-transparent transition-colors hover:border-listify-pink p-4 rounded shadow-sm">
       <p className="font-medium">{list.name}</p>
       <ul className="list-disc list-inside">
         {list.content.split('\n').map(item => (
diff --git a/apps/frontend/src/pages/root.tsx b/apps/frontend/src/pages/root.tsx
index 398e4ca..1b5231e 100644
--- a/apps/frontend/src/pages/root.tsx
+++ b/apps/frontend/src/pages/root.tsx
@@ -44,7 +44,7 @@ export function Root() {
             <Search className="translate-x-10" />
             <input
               type="text"
-              className="px-14 w-96 py-3 bg-black/5 shadow outline-none rounded border-2 border-transparent transition-colors focus:border-pink-600 hover:border-pink-400"
+              className="px-14 w-96 py-3 bg-black/5 shadow outline-none rounded border-2 border-transparent transition-colors focus:border-listify-dark-pink hover:border-listify-pink"
               id="search-input"
               value={search}
               onChange={e => setSearch(e.target.value)}
diff --git a/apps/frontend/tailwind.config.ts b/apps/frontend/tailwind.config.ts
index 1136885..443ca21 100644
--- a/apps/frontend/tailwind.config.ts
+++ b/apps/frontend/tailwind.config.ts
@@ -2,7 +2,14 @@ import type { Config } from 'tailwindcss';
 
 const config: Config = {
   content: ['./src/pages/**/*.{js,ts,jsx,tsx,mdx}', './src/components/**/*.{js,ts,jsx,tsx,mdx}'],
-  theme: {},
+  theme: {
+    extend: {
+      colors: {
+        'listify-pink': '#F953C6',
+        'listify-dark-pink': '#B91D73',
+      },
+    },
+  },
   plugins: [],
 };