feat(nameguard-react): change to emerald-600 shield colors (#232)

* emerald-600 * emerald-600
namehash · Feb 15, 2024 · fa93f04 · fa93f04
1 parent 2609213
commit fa93f04
Show file tree

Hide file tree

Showing 8 changed files with 8 additions and 8 deletions.
diff --git a/apps/website/src/app/page.tsx b/apps/website/src/app/page.tsx
@@ -1214,7 +1214,7 @@ function ListSectionBadge(props: ListBadgeProps) {
 function ChecksSection() {
   const checkCircle = (
     <div className="w-12 h-12 flex justify-center items-center flex-shrink-0 p-[14px] bg-white rounded-[40px] border border-gray-200">
-      <CheckCircleIcon className="text-emerald-500 w-5 h-5" />
+      <CheckCircleIcon className="text-emerald-600 w-5 h-5" />
     </div>
   );
   const questionmarkCircle = (

diff --git a/examples/with-nextjs/src/app/components/ImpersonationShield.tsx b/examples/with-nextjs/src/app/components/ImpersonationShield.tsx
@@ -13,7 +13,7 @@ function textColor(rating?: Rating) {
       return "text-red-700";
     }
     case "pass": {
-      return "text-green-700";
+      return "text-emerald-600";
     }
     case "warn": {
       return "text-yellow-600";

diff --git a/packages/nameguard-react/src/components/NameShield/index.tsx b/packages/nameguard-react/src/components/NameShield/index.tsx
@@ -11,7 +11,7 @@ function textColor(rating?: Rating) {
       return "text-red-600";
     }
     case "pass": {
-      return "text-emerald-500";
+      return "text-emerald-600";
     }
     case "warn": {
       return "text-amber-500";

diff --git a/packages/nameguard-react/src/components/Report/Banner.tsx b/packages/nameguard-react/src/components/Report/Banner.tsx
@@ -14,7 +14,7 @@ function textColor(rating: Rating) {
       return "text-red-700";
     }
     case "pass": {
-      return "text-green-700";
+      return "text-emerald-600";
     }
     case "warn": {
       return "text-yellow-600";

diff --git a/packages/nameguard-react/src/components/Share/Share.tsx b/packages/nameguard-react/src/components/Share/Share.tsx
@@ -52,7 +52,7 @@ export function Share({ name }: ShareProps) {
       `https://nameguard.io/inspect/${encodeURIComponent(name)}`
     );
     toast.success("Link copied to clipboard", {
-      icon: <CheckCircleIcon className="text-emerald-500 w-5 h-5" />,
+      icon: <CheckCircleIcon className="text-emerald-600 w-5 h-5" />,
     });
     closeModal();
   };

diff --git a/packages/nameguard-react/src/components/Shield/Shield.tsx b/packages/nameguard-react/src/components/Shield/Shield.tsx
@@ -17,7 +17,7 @@ function textColor(rating: Rating) {
       return "text-red-600";
     }
     case "pass": {
-      return "text-emerald-500";
+      return "text-emerald-600";
     }
     case "warn": {
       return "text-amber-500";

diff --git a/packages/nameguard-react/src/components/icons/Pass.tsx b/packages/nameguard-react/src/components/icons/Pass.tsx
@@ -11,7 +11,7 @@ export const PassIcon = (props: any) => (
   >
     <path
       d="M5 7.50006L6.5 9.00006L9 5.50006M7 0.80957C5.56634 2.16732 3.63042 3.00007 1.5 3.00007C1.46615 3.00007 1.43235 2.99986 1.3986 2.99944C1.13993 3.78618 1 4.6268 1 5.5001C1 9.22778 3.54955 12.36 7 13.2481C10.4505 12.36 13 9.22778 13 5.5001C13 4.6268 12.8601 3.78618 12.6014 2.99944C12.5677 2.99986 12.5339 3.00007 12.5 3.00007C10.3696 3.00007 8.43366 2.16732 7 0.80957Z"
-      stroke="#10b981"
+      stroke="#059669"
       strokeWidth="1.5"
       strokeLinecap="round"
       strokeLinejoin="round"

diff --git a/packages/nameguard-react/src/components/icons/PassShieldSmall.tsx b/packages/nameguard-react/src/components/icons/PassShieldSmall.tsx
@@ -11,7 +11,7 @@ export const PassShieldSmall = (props) => (
   >
     <path
       d="M6.5 9.62483L8.375 11.4998L11.5 7.12483M9 1.26172C7.20792 2.9589 4.78802 3.99984 2.125 3.99984C2.08269 3.99984 2.04043 3.99958 1.99825 3.99906C1.67491 4.98248 1.5 6.03325 1.5 7.12488C1.5 11.7845 4.68693 15.6997 9 16.8098C13.3131 15.6997 16.5 11.7845 16.5 7.12488C16.5 6.03325 16.3251 4.98248 16.0018 3.99906C15.9596 3.99958 15.9173 3.99984 15.875 3.99984C13.212 3.99984 10.7921 2.9589 9 1.26172Z"
-      stroke="#10b981"
+      stroke="#059669"
       strokeWidth="1.5"
       strokeLinecap="round"
       strokeLinejoin="round"