adjust disabled colors for gray variant

Author: ameer2468

apps/web/app/(org)/dashboard/settings/organization/components/CustomDomain.tsx

@@ -94,14 +94,14 @@ export function CustomDomain() {
 								Custom Domain
 							</h1>
 							<p className="w-full text-sm text-gray-10">
-								Set up a custom domain for your organization's shared caps.
+								Setup a custom domain for your organization's shared caps.
 							</p>
 						</div>
 					</div>
 					<div className="flex flex-1 gap-2 justify-between items-center w-full">
 						<div className="flex gap-2 justify-between items-center px-3 flex-1 h-[44px] rounded-xl border bg-gray-2 border-gray-3">
-							<p className="text-[13px] text-gray-10">
-								{orgCustomDomain || "No custom domain"}
+							<p className="text-[13px] text-gray-8">
+								{orgCustomDomain || "No custom domain has been setup"}
 							</p>
 							<div className="flex items-center">
 								{orgCustomDomain && isVerified ? (

packages/ui/src/components/Button.tsx

@@ -23,7 +23,7 @@ const buttonVariants = cva(
 				white:
 					"bg-gray-1 border border-gray-6 text-gray-12 hover:bg-gray-3 disabled:bg-gray-8",
 				ghost: "hover:bg-white/20 hover:text-white",
-				gray: "bg-gray-5 hover:bg-gray-7 border border-gray-6 gray-button-shadow text-gray-12 disabled:bg-gray-8 disabled:text-gray-9",
+				gray: "bg-gray-5 hover:bg-gray-7 border border-gray-6 gray-button-shadow text-gray-12 disabled:border-gray-7 disabled:bg-gray-8 disabled:text-gray-11",
 				dark: "bg-gray-12 dark-button-shadow hover:bg-gray-11 border border-gray-12 text-gray-1 disabled:cursor-not-allowed disabled:text-gray-10 disabled:bg-gray-7 disabled:border-gray-8",
 				darkgradient:
 					"bg-gradient-to-t button-gradient-border from-[#0f0f0f] to-[#404040] shadow-[0_0_0_1px] hover:brightness-110 shadow-[#383838] text-gray-50 hover:bg-[#383838] disabled:bg-[#383838] border-transparent",