Thanks to visit codestin.com
Credit goes to github.com

Skip to content

Commit 07ca341

Browse files
committed
Change indigo to brand and fix the typo in prose class
1 parent ada39e8 commit 07ca341

File tree

11 files changed

+20
-20
lines changed

11 files changed

+20
-20
lines changed

src/components/Hero.tsx

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@ export default function Hero() {
77
<div className="mx-auto max-w-7xl px-4 py-16">
88
<div className="text-center">
99
<h1 className="text-4xl tracking-tight font-extrabold text-gray-900 sm:text-5xl md:text-6xl">
10-
<span className="block text-indigo-600 xl:inline">
10+
<span className="block text-brand-600 xl:inline">
1111
Learn. Code. Collaborate.
1212
</span>
1313
</h1>
@@ -19,15 +19,15 @@ export default function Hero() {
1919
<div className="rounded-md shadow">
2020
<button
2121
onClick={() => signIn('github')}
22-
className="w-full flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 md:py-4 md:text-lg md:px-10"
22+
className="w-full flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-white bg-brand-600 hover:bg-brand-700 md:py-4 md:text-lg md:px-10"
2323
>
2424
Join Community
2525
</button>
2626
</div>
2727
<div className="mt-3 rounded-md shadow sm:mt-0 sm:ml-3">
2828
<A
2929
href="https://chat.coderplex.org"
30-
className="w-full flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-indigo-600 bg-white hover:bg-gray-50 md:py-4 md:text-lg md:px-10"
30+
className="w-full flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-brand-600 bg-white hover:bg-gray-50 md:py-4 md:text-lg md:px-10"
3131
>
3232
Join Discord
3333
</A>

src/components/HomePageFeed.tsx

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -138,7 +138,7 @@ export function HomePageFeedUpdate({
138138
</div>
139139
</div>
140140
<div className="mt-2 text-sm text-gray-700 space-y-4">
141-
<div className="pbrand pbrand max-w-none">
141+
<div className="prose max-w-none">
142142
<Markdown>{description}</Markdown>
143143
</div>
144144
</div>
@@ -242,7 +242,7 @@ export default function HomePageFeed({
242242
<div className="bg-white px-4 py-6 shadow sm:p-6 sm:rounded-lg">
243243
<div className="flex">
244244
<A href={`${(session.user as User).username}`}>
245-
<span className="block text-base text-center text-indigo-600 font-semibold tracking-wide">
245+
<span className="block text-base text-center text-brand-600 font-semibold tracking-wide">
246246
🚀 Your Goal:
247247
<span className="rounded-md bg-brand-100 text-brand-800 hover:text-brand-600 px-2.5 py-1.5 ml-2">
248248
{goal.title}
@@ -257,7 +257,7 @@ export default function HomePageFeed({
257257
<>
258258
<div className="bg-white px-4 py-6 shadow sm:p-6 sm:rounded-lg">
259259
<div className="flex">
260-
<span className="block text-lg text-center text-indigo-600 font-semibold tracking-wide">
260+
<span className="block text-lg text-center text-brand-600 font-semibold tracking-wide">
261261
🚀 Set Your Goal:
262262
</span>
263263
</div>
@@ -440,9 +440,9 @@ function HomePageAside({ updates }: { updates: HomePageFeedUpdateType[] }) {
440440
/>
441441
</div>
442442
<div className="min-w-0 flex-1">
443-
<p className="text-sm text-gray-800">
444-
{update.description}
445-
</p>
443+
<div className="prose prose-sm max-w-none">
444+
<Markdown>{update.description}</Markdown>
445+
</div>
446446
<div className="mt-2 flex">
447447
<span className="inline-flex items-center text-sm">
448448
<button className="inline-flex space-x-2 text-gray-400 hover:text-gray-500">

src/components/goals/GoalMeta.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -100,7 +100,7 @@ export default function GoalMeta({
100100
<a className="relative inline-flex items-center rounded-full border border-gray-300 px-3 py-0.5">
101101
<div className="absolute flex-shrink-0 flex items-center justify-center">
102102
<span
103-
className="h-1.5 w-1.5 rounded-full bg-indigo-500"
103+
className="h-1.5 w-1.5 rounded-full bg-brand-500"
104104
aria-hidden="true"
105105
></span>
106106
</div>

src/components/goals/GoalTitle.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,7 @@ export default function GoalTitle({
1818
<div className="md:flex md:items-center md:justify-between md:space-x-4 xl:border-b xl:border-gray-200 xl:pb-6">
1919
<div>
2020
<h1>
21-
<span className="block text-sm text-indigo-600 font-semibold tracking-wide uppercase">
21+
<span className="block text-sm text-brand-600 font-semibold tracking-wide uppercase">
2222
Goal
2323
</span>
2424
<span className="text-2xl font-bold text-gray-900">{children}</span>

src/components/ui/button/Button.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -41,7 +41,7 @@ const SOLID_COLOR_VARIANT_MAPS: Record<ButtonVariantColor, string> = {
4141
warning: `border border-transparent text-white bg-warning-600 hover:bg-warning-700
4242
focus:ring-2 focus:ring-offset-2 focus:ring-warning-500`,
4343
info: `border border-transparent text-white bg-info-600 hover:bg-info-700
44-
focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500`,
44+
focus:ring-2 focus:ring-offset-2 focus:ring-brand-500`,
4545
}
4646

4747
const OUTLINED_COLOR_VARIANT_MAPS: Record<ButtonVariantColor, string> = {

src/components/ui/form/Checkbox.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -46,7 +46,7 @@ const Checkbox = React.forwardRef(
4646
id={id}
4747
type="checkbox"
4848
className={classNames(
49-
'focus:ring-indigo-500 h-4 w-4 text-indigo-600 border-gray-300 rounded',
49+
'focus:ring-brand-500 h-4 w-4 text-brand-600 border-gray-300 rounded',
5050
inputClassName
5151
)}
5252
{...values}

src/components/ui/form/Input.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -145,7 +145,7 @@ const Input = React.forwardRef(
145145
hasError
146146
? `border-red-300 text-red-900 placeholder-red-900
147147
focus:ring-red-500 focus-within:border-red-500`
148-
: 'border-gray-300 text-black focus:ring-indigo-500 focus:border-indigo-500',
148+
: 'border-gray-300 text-black focus:ring-brand-500 focus:border-brand-500',
149149
LeadingIcon && 'pl-10',
150150
TrailingIcon && 'pr-10',
151151
leadingAddon

src/components/ui/form/Select.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -54,7 +54,7 @@ const Select = React.forwardRef(
5454
<select
5555
id={id}
5656
className={classNames(
57-
'bg-white text-black mt-1 block w-full pl-3 pr-10 py-2 text-base border-gray-300 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm rounded-md',
57+
'bg-white text-black mt-1 block w-full pl-3 pr-10 py-2 text-base border-gray-300 focus:outline-none focus:ring-brand-500 focus:border-brand-500 sm:text-sm rounded-md',
5858
selectClassName
5959
)}
6060
ref={ref}

src/components/ui/form/TextArea.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -65,7 +65,7 @@ const TextArea = React.forwardRef(
6565
hasError
6666
? `border-red-300 text-red-900 placeholder-red-900
6767
focus:ring-red-500 focus-within:border-red-500`
68-
: 'border-gray-300 text-black focus:ring-indigo-500 focus:border-indigo-500',
68+
: 'border-gray-300 text-black focus:ring-brand-500 focus:border-brand-500',
6969
textAreaClassName
7070
)}
7171
{...rest}

src/components/ui/navbar/NavBar.tsx

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -33,7 +33,7 @@ const NavBar = ({
3333
{/* Mobile menu button */}
3434
<button
3535
onClick={() => setIsNavBarOpen(!isNavBarOpen)}
36-
className="inline-flex items-center justify-center p-2 text-gray-400 rounded-md hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500"
36+
className="inline-flex items-center justify-center p-2 text-gray-400 rounded-md hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-brand-500"
3737
aria-expanded={isNavBarOpen}
3838
>
3939
<span className="sr-only">Open main menu</span>
@@ -98,7 +98,7 @@ const NavBarMobileLeftItem = React.forwardRef(
9898
`block py-2 pl-3 pr-4 text-base font-medium border-l-4 sm:pl-5 sm:pr-6
9999
cursor-pointer`,
100100
isSelected
101-
? 'text-indigo-700 border-indigo-500 bg-indigo-50'
101+
? 'text-brand-700 border-brand-500 bg-brand-50'
102102
: `text-gray-600 border-transparent hover:text-gray-800
103103
hover:bg-gray-50 hover:border-gray-300`,
104104
className
@@ -123,7 +123,7 @@ const NavBarDesktopLeftItem = React.forwardRef(
123123
`inline-flex items-center px-1 pt-1 text-sm font-medium text-gray-900
124124
border-b-2 cursor-pointer`,
125125
isSelected
126-
? 'border-indigo-500'
126+
? 'border-brand-500'
127127
: 'border-transparent hover:text-gray-700 hover:border-gray-300',
128128
className
129129
)}

src/pages/[username]/index.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -135,7 +135,7 @@ export default function UserProfile({
135135
<>
136136
<div className="bg-white px-4 py-6 mt-4 shadow sm:p-6 sm:rounded-lg">
137137
<div className="flex">
138-
<span className="block text-lg text-indigo-600 font-semibold tracking-wide">
138+
<span className="block text-lg text-brand-600 font-semibold tracking-wide">
139139
🚀 Set Your Goal:
140140
</span>
141141
</div>

0 commit comments

Comments
 (0)