open.source/manifold
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

standardizing red and green colors (#1032)

Browse Source
This commit is contained in:
ingawei 2022-10-12 01:58:20 -05:00 committed by GitHub
parent 1c209f68f6
commit f587e0256d
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
5 changed files with 9 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
web/components/answers/answer-item.tsx
View File

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

2
web/components/contract/prob-change-table.tsx
View File

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

8
web/components/contract/quick-bet.tsx
View File

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

2
web/components/contract/tip-button.tsx
View File

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

2
web/components/user-page.tsx
View File

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