"add funds" => "get M$"

web/components/add-funds-button.tsx

@@ -24,7 +24,7 @@ export function AddFundsButton(props: { className?: string }) {
           className
         )}
       >
-        Add funds
+        Get M$
       </label>
       <input type="checkbox" id="add-funds" className="modal-toggle" />
 

web/components/nav/sidebar.tsx

@@ -69,7 +69,7 @@ function getMoreNavigation(user?: User | null) {
   }
 
   return [
-    { name: 'Add funds', href: '/add-funds' },
+    { name: 'Get M$', href: '/add-funds' },
     { name: 'Leaderboards', href: '/leaderboards' },
     { name: 'Blog', href: 'https://news.manifold.markets' },
     { name: 'Discord', href: 'https://discord.gg/eHQBNBqXuh' },
@@ -104,7 +104,7 @@ const signedOutMobileNavigation = [
 ]
 
 const mobileNavigation = [
-  { name: 'Add funds', href: '/add-funds', icon: CashIcon },
+  { name: 'Get M$', href: '/add-funds', icon: CashIcon },
   ...signedOutMobileNavigation,
 ]
 

web/components/yes-no-selector.tsx

@@ -168,7 +168,7 @@ export function FundsSelector(props: {
       {fundAmounts.map((amount) => (
         <Button
           key={amount}
-          color={selected === amount ? 'green' : 'gray'}
+          color={selected === amount ? 'indigo' : 'gray'}
           onClick={() => onSelect(amount as any)}
           className={btnClassName}
         >
@@ -230,7 +230,7 @@ export function NumberCancelSelector(props: {
 function Button(props: {
   className?: string
   onClick?: () => void
-  color: 'green' | 'red' | 'blue' | 'yellow' | 'gray'
+  color: 'green' | 'red' | 'blue' | 'indigo' | 'yellow' | 'gray'
   children?: ReactNode
 }) {
   const { className, onClick, children, color } = props
@@ -244,6 +244,7 @@ function Button(props: {
         color === 'red' && 'bg-red-400 text-white hover:bg-red-500',
         color === 'yellow' && 'bg-yellow-400 text-white hover:bg-yellow-500',
         color === 'blue' && 'bg-blue-400 text-white hover:bg-blue-500',
+        color === 'indigo' && 'bg-indigo-500 text-white hover:bg-indigo-600',
         color === 'gray' && 'bg-gray-200 text-gray-700 hover:bg-gray-300',
         className
       )}

web/pages/add-funds.tsx

@@ -16,7 +16,7 @@ export default function AddFundsPage() {
 
   return (
     <Page>
-      <SEO title="Add funds" description="Add funds" url="/add-funds" />
+      <SEO title="Get Manifold Dollars" description="Get Manifold Dollars" url="/add-funds" />
 
       <Col className="items-center">
         <Col className="h-full rounded bg-white p-4 py-8 sm:p-8 sm:shadow-md">
@@ -29,7 +29,7 @@ export default function AddFundsPage() {
           />
 
           <div className="mb-6 text-gray-500">
-            Use Manifold Dollars to trade in your favorite markets. <br /> (Not
+            Purchase Manifold Dollars to trade in your favorite markets. <br /> (Not
             redeemable for cash.)
           </div>
 
@@ -54,7 +54,7 @@ export default function AddFundsPage() {
           >
             <button
               type="submit"
-              className="btn btn-primary w-full bg-gradient-to-r from-teal-500 to-green-500 font-medium hover:from-teal-600 hover:to-green-600"
+              className="btn btn-primary w-full bg-gradient-to-r from-indigo-500 to-blue-500 font-medium hover:from-indigo-600 hover:to-blue-600"
             >
               Checkout
             </button>

web/pages/create.tsx

@@ -348,7 +348,7 @@ export function NewContract(props: { question: string; tag?: string }) {
                   className="btn btn-xs btn-primary"
                   onClick={() => (window.location.href = '/add-funds')}
                 >
-                  Add funds
+                  Get M$
                 </button>
               </div>
             )}