klbr/LetterFeed
1
0
Fork 0
mirror of https://github.com/khoaliber/LetterFeed.git synced 2026-03-07 21:29:14 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: use theme colours

Browse Source
This commit is contained in:
Leon
2025-07-19 10:24:02 +02:00
parent 6f7503039d
commit d267c7271b
5 changed files with 11 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/src/app/login/page.tsx
View File

@@ -31,7 +31,7 @@ export default function LoginPage() {
} }
return ( return (
<div className="min-h-screen bg-gray-50 flex items-center justify-center"> <div className="min-h-screen bg-background flex items-center justify-center">
<div className="max-w-md w-full space-y-8 p-8"> <div className="max-w-md w-full space-y-8 p-8">
<div className="text-center"> <div className="text-center">
<div className="flex justify-center mb-4"> <div className="flex justify-center mb-4">
@@ -43,8 +43,8 @@ export default function LoginPage() {
className="rounded-lg" className="rounded-lg"
/> />
</div> </div>
<h2 className="text-3xl font-bold text-gray-900">LetterFeed</h2> <h2 className="text-3xl font-bold text-foreground">LetterFeed</h2>
<p className="mt-2 text-gray-600">Sign in to your account</p> <p className="mt-2 text-muted-foreground">Sign in to your account</p>
</div> </div>
<Card> <Card>

2
frontend/src/app/page.tsx
View File

@@ -61,7 +61,7 @@ function LetterFeedApp() {
} }
return ( return (
<div className="min-h-screen bg-gray-50"> <div className="min-h-screen bg-background">
<div className="container mx-auto px-4 sm:px-6 lg:px-8 py-8"> <div className="container mx-auto px-4 sm:px-6 lg:px-8 py-8">
<Header <Header
onOpenAddNewsletter={() => setIsAddDialogOpen(true)} onOpenAddNewsletter={() => setIsAddDialogOpen(true)}

6
frontend/src/components/letterfeed/EmptyState.tsx
View File

@@ -8,9 +8,9 @@ interface EmptyStateProps {
export function EmptyState({ onAddNewsletter }: EmptyStateProps) { export function EmptyState({ onAddNewsletter }: EmptyStateProps) {
return ( return (
<div className="text-center py-12"> <div className="text-center py-12">
<Rss className="w-12 h-12 text-gray-400 mx-auto mb-4" /> <Rss className="w-12 h-12 text-muted-foreground mx-auto mb-4" />
<h3 className="text-lg font-medium text-gray-900 mb-2">No newsletters registered</h3> <h3 className="text-lg font-medium text-foreground mb-2">No newsletters registered</h3>
<p className="text-gray-600 mb-4">Get started by adding your first newsletter</p> <p className="text-muted-foreground mb-4">Get started by adding your first newsletter</p>
<Button onClick={onAddNewsletter}> <Button onClick={onAddNewsletter}>
<Plus className="w-4 h-4 mr-2" /> <Plus className="w-4 h-4 mr-2" />
Add Your First Newsletter Add Your First Newsletter

4
frontend/src/components/letterfeed/Header.tsx
View File

@@ -39,8 +39,8 @@ export function Header({ onOpenAddNewsletter, onOpenSettings }: HeaderProps) {
className="rounded-lg" className="rounded-lg"
/> />
<div> <div>
<h1 className="text-2xl md:text-3xl font-bold text-gray-900">LetterFeed</h1> <h1 className="text-2xl md:text-3xl font-bold text-foreground">LetterFeed</h1>
<p className="text-gray-600 mt-1 hidden md:block"> <p className="text-muted-foreground mt-1 hidden md:block">
Newsletters as RSS feeds Newsletters as RSS feeds
</p> </p>
</div> </div>

4
frontend/src/components/letterfeed/LoadingSpinner.tsx
View File

@@ -2,8 +2,8 @@ import { Loader2 } from "lucide-react"
export function LoadingSpinner() { export function LoadingSpinner() {
return ( return (
<div className="min-h-screen bg-gray-50 flex items-center justify-center"> <div className="min-h-screen bg-background flex items-center justify-center">
<Loader2 className="w-12 h-12 text-gray-400 animate-spin" data-testid="loading-spinner" /> <Loader2 className="w-12 h-12 text-muted-foreground animate-spin" data-testid="loading-spinner" />
</div> </div>
) )
} }