update theme color

3 files changed, 4 insertions, 4 deletions

diff --git a/src/lib/brand/components/Brand.jsx b/src/lib/brand/components/Brand.jsx
index 6e156b8e..6ebb8aa7 100644
--- a/src/lib/brand/components/Brand.jsx
+++ b/src/lib/brand/components/Brand.jsx
@@ -58,7 +58,7 @@ const Brand = ({ id }) => {
                     />
                   )}
                   {!brand?.data?.logo && (
-                    <div className='bg-red_r-10 text-white text-center text-caption-1 py-2 px-4 rounded w-fit'>
+                    <div className='bg-danger-500 text-white text-center text-caption-1 py-2 px-4 rounded w-fit'>
                       {brand?.data?.name}
                     </div>
                   )}
@@ -102,7 +102,7 @@ const Brand = ({ id }) => {
                     />
                   )}
                   {!brand?.data?.logo && (
-                    <div className='bg-red_r-10 text-white text-center text-caption-1 py-2 px-4 rounded w-fit'>
+                    <div className='bg-danger-500 text-white text-center text-body-1 py-2 px-4 rounded w-fit'>
                       {brand?.data?.name}
                     </div>
                   )}
diff --git a/src/lib/brand/components/BrandCard.jsx b/src/lib/brand/components/BrandCard.jsx
index 984a9fa6..f8c01e6d 100644
--- a/src/lib/brand/components/BrandCard.jsx
+++ b/src/lib/brand/components/BrandCard.jsx
@@ -20,7 +20,7 @@ const BrandCard = ({ brand }) => {
       {!brand.logo && (
         <span
           className='text-center'
-          style={{ fontSize: `${14 - brand.name.length * 0.5}px` }}
+          style={{ fontSize: `${16 - brand.name.length * 0.5}px` }}
         >
           {brand.name}
         </span>
diff --git a/src/lib/brand/components/Brands.jsx b/src/lib/brand/components/Brands.jsx
index 777e05ac..25fb1c67 100644
--- a/src/lib/brand/components/Brands.jsx
+++ b/src/lib/brand/components/Brands.jsx
@@ -56,7 +56,7 @@ const Brands = () => {
             key={index}
             className={
               'p-2 py-1 border bg-white border-gray_r-6 rounded w-10 flex-shrink-0' +
-              (startWith == alphabet ? ' !bg-yellow_r-9 border-yellow_r-9 ' : '')
+              (startWith == alphabet ? ' !bg-warning-500 border-warning-500 ' : '')
             }
             type='button'
             onClick={() => toggleStartWith(alphabet)}