standardizing red and green colors (#1032)

web/components/answers/answer-item.tsx

@@ -93,7 +93,7 @@ export function AnswerItem(props: {
             <div
               className={clsx(
                 'text-2xl',
-                tradingAllowed(contract) ? 'text-green-500' : 'text-gray-500'
+                tradingAllowed(contract) ? 'text-teal-500' : 'text-gray-500'
               )}
             >
               {probPercent}
@@ -144,7 +144,7 @@ export function AnswerItem(props: {
               <div
                 className={clsx(
                   'text-xl',
-                  resolution === 'MKT' ? 'text-blue-700' : 'text-green-700'
+                  resolution === 'MKT' ? 'text-blue-700' : 'text-teal-600'
                 )}
               >
                 Chosen{' '}

web/components/contract/prob-change-table.tsx

@@ -128,7 +128,7 @@ export function ProbChange(props: {
     probChanges: { day: change },
   } = contract
 
-  const color = change >= 0 ? 'text-green-500' : 'text-red-500'
+  const color = change >= 0 ? 'text-teal-500' : 'text-red-400'
 
   return (
     <Col className={clsx('flex flex-col items-end', className)}>

web/components/contract/quick-bet.tsx

@@ -166,14 +166,14 @@ export function QuickBet(props: {
           <TriangleFillIcon
             className={clsx(
               'mx-auto h-5 w-5',
-              upHover ? 'text-green-500' : 'text-gray-400'
+              upHover ? 'text-teal-500' : 'text-gray-400'
             )}
           />
         ) : (
           <TriangleFillIcon
             className={clsx(
               'mx-auto h-5 w-5',
-              upHover ? 'text-green-500' : 'text-gray-200'
+              upHover ? 'text-teal-500' : 'text-gray-200'
             )}
           />
         )}
@@ -201,14 +201,14 @@ export function QuickBet(props: {
             <TriangleDownFillIcon
               className={clsx(
                 'mx-auto h-5 w-5',
-                downHover ? 'text-red-500' : 'text-gray-400'
+                downHover ? 'text-red-400' : 'text-gray-400'
               )}
             />
           ) : (
             <TriangleDownFillIcon
               className={clsx(
                 'mx-auto h-5 w-5',
-                downHover ? 'text-red-500' : 'text-gray-200'
+                downHover ? 'text-red-400' : 'text-gray-200'
               )}
             />
           )}

web/components/contract/tip-button.tsx

@@ -46,7 +46,7 @@ export function TipButton(props: {
             className={clsx(
               'h-5 w-5 sm:h-6 sm:w-6',
               totalTipped > 0 ? 'mr-2' : '',
-              userTipped ? 'fill-green-700 text-green-700' : ''
+              userTipped ? 'fill-teal-500 text-teal-500' : ''
             )}
           />
           {totalTipped > 0 && (

web/components/user-page.tsx

@@ -303,7 +303,7 @@ export function ProfilePrivateStats(props: {
           }
           onClick={() => setShowLoansModal(true)}
         >
-          <span className="text-green-600">
+          <span className="text-teal-600">
             🏦 {formatMoney(user.nextLoanCached ?? 0)}
           </span>
           <span className="mx-auto text-xs sm:text-sm">next loan</span>