Skip to content

Change main color from blue to purple #1

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
maxschwarzmueller wants to merge 1 commit into
base: main
Choose a base branch
from
Open

Change main color from blue to purple #1

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
10 changes: 5 additions & 5 deletions app/authenticate/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -65,7 +65,7 @@ function AuthForm() {
type='email'
required
autoComplete='email'
className='w-full px-3 py-2 border border-border rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500'
className='w-full px-3 py-2 border border-border rounded-md focus:outline-none focus:ring-2 focus:ring-purple-500'
/>
</div>

Expand All @@ -80,7 +80,7 @@ function AuthForm() {
required
minLength={8}
autoComplete={mode === 'signup' ? 'new-password' : 'current-password'}
className='w-full px-3 py-2 border border-border rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500'
className='w-full px-3 py-2 border border-border rounded-md focus:outline-none focus:ring-2 focus:ring-purple-500'
/>
</div>

Expand All @@ -93,7 +93,7 @@ function AuthForm() {
<button
type='submit'
disabled={isPending}
className='w-full py-2 px-4 bg-blue-600 text-white rounded-md hover:bg-blue-700 disabled:opacity-50 disabled:cursor-not-allowed'
className='w-full py-2 px-4 bg-purple-600 text-white rounded-md hover:bg-purple-700 disabled:opacity-50 disabled:cursor-not-allowed'
>
{isPending ? 'Loading...' : mode === 'signup' ? 'Sign Up' : 'Sign In'}
</button>
Expand All @@ -103,14 +103,14 @@ function AuthForm() {
{mode === 'signup' ? (
<>
Already have an account?{' '}
<Link href='/authenticate?mode=login' className='text-blue-600 hover:underline'>
<Link href='/authenticate?mode=login' className='text-purple-600 hover:underline'>
Sign in
</Link>
</>
) : (
<>
Don&apos;t have an account?{' '}
<Link href='/authenticate?mode=signup' className='text-blue-600 hover:underline'>
<Link href='/authenticate?mode=signup' className='text-purple-600 hover:underline'>
Sign up
</Link>
</>
Expand Down
2 changes: 1 addition & 1 deletion app/dashboard/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -32,7 +32,7 @@ export default async function Dashboard() {
<h1 className='text-2xl font-bold'>Dashboard</h1>
<Link
href='/notes/new'
className='bg-blue-600 text-white px-4 py-2 rounded-lg hover:bg-blue-700'
className='bg-purple-600 text-white px-4 py-2 rounded-lg hover:bg-purple-700'
>
New Note
</Link>
Expand Down
4 changes: 2 additions & 2 deletions app/notes/[id]/edit/edit-note-form.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -45,7 +45,7 @@ export function EditNoteForm({ note }: EditNoteFormProps) {
name='title'
required
defaultValue={note.title}
className='w-full px-3 py-2 border border-border rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500'
className='w-full px-3 py-2 border border-border rounded-lg focus:outline-none focus:ring-2 focus:ring-purple-500'
placeholder='Enter note title...'
/>
{state?.error?.title && <p className='mt-1 text-sm text-red-600'>{state.error.title[0]}</p>}
Expand All @@ -67,7 +67,7 @@ export function EditNoteForm({ note }: EditNoteFormProps) {
<button
type='submit'
disabled={isPending}
className='bg-blue-600 text-white px-6 py-2 rounded-lg hover:bg-blue-700 disabled:opacity-50 disabled:cursor-not-allowed'
className='bg-purple-600 text-white px-6 py-2 rounded-lg hover:bg-purple-700 disabled:opacity-50 disabled:cursor-not-allowed'
>
{isPending ? 'Saving...' : 'Save Changes'}
</button>
Expand Down
2 changes: 1 addition & 1 deletion app/notes/[id]/edit/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -37,7 +37,7 @@ export default async function EditNotePage({ params }: { params: Params }) {

return (
<div className='p-8 max-w-3xl mx-auto'>
<Link href={`/notes/${id}`} className='text-blue-600 hover:underline mb-4 inline-block'>
<Link href={`/notes/${id}`} className='text-purple-600 hover:underline mb-4 inline-block'>
&larr; Back to Note
</Link>

Expand Down
2 changes: 1 addition & 1 deletion app/notes/[id]/note-actions.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -16,7 +16,7 @@ export function NoteActions({ noteId }: NoteActionsProps) {
<div className='flex gap-2'>
<Link
href={`/notes/${noteId}/edit`}
className='px-4 py-2 text-sm bg-blue-600 text-white rounded-lg hover:bg-blue-700'
className='px-4 py-2 text-sm bg-purple-600 text-white rounded-lg hover:bg-purple-700'
>
Edit
</Link>
Expand Down
2 changes: 1 addition & 1 deletion app/notes/[id]/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -42,7 +42,7 @@ export default async function NoteViewer({ params }: { params: Params }) {

return (
<div className='p-8 max-w-3xl mx-auto'>
<Link href='/dashboard' className='text-blue-600 hover:underline mb-4 inline-block'>
<Link href='/dashboard' className='text-purple-600 hover:underline mb-4 inline-block'>
&larr; Back to Dashboard
</Link>

Expand Down
4 changes: 2 additions & 2 deletions app/notes/new/new-note-form.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -34,7 +34,7 @@ export function NewNoteForm() {
id='title'
name='title'
required
className='w-full px-3 py-2 border border-border rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500'
className='w-full px-3 py-2 border border-border rounded-lg focus:outline-none focus:ring-2 focus:ring-purple-500'
placeholder='Enter note title...'
/>
{state?.error?.title && <p className='mt-1 text-sm text-red-600'>{state.error.title[0]}</p>}
Expand All @@ -55,7 +55,7 @@ export function NewNoteForm() {
<button
type='submit'
disabled={isPending}
className='bg-blue-600 text-white px-6 py-2 rounded-lg hover:bg-blue-700 disabled:opacity-50 disabled:cursor-not-allowed'
className='bg-purple-600 text-white px-6 py-2 rounded-lg hover:bg-purple-700 disabled:opacity-50 disabled:cursor-not-allowed'
>
{isPending ? 'Creating...' : 'Create Note'}
</button>
Expand Down
2 changes: 1 addition & 1 deletion components/rich-text-editor.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -116,7 +116,7 @@ export function RichTextEditor({ content, onUpdate }: RichTextEditorProps) {
editorProps: {
attributes: {
class:
'min-h-[200px] p-4 border border-border rounded-t-none rounded-b-lg focus:outline-none focus:ring-2 focus:ring-blue-500',
'min-h-[200px] p-4 border border-border rounded-t-none rounded-b-lg focus:outline-none focus:ring-2 focus:ring-purple-500',
},
},
});
Expand Down
2 changes: 1 addition & 1 deletion components/share-toggle.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -74,7 +74,7 @@ export function ShareToggle({ noteId, initialIsPublic, initialSlug }: ShareToggl
<button
type='button'
onClick={copyToClipboard}
className='px-4 py-2 bg-blue-600 text-white rounded text-sm hover:bg-blue-700 transition-colors'
className='px-4 py-2 bg-purple-600 text-white rounded text-sm hover:bg-purple-700 transition-colors'
>
{copied ? 'Copied!' : 'Copy'}
</button>
Expand Down