Skip to content

Commit 8e14586

Browse files
FedoseevSMFedoseevSM
committed
ft: add accent clr
1 parent e72b9c9 commit 8e14586

8 files changed

Lines changed: 23 additions & 23 deletions

File tree

‎src/components/Layout.tsx‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -22,7 +22,7 @@ export function Layout() {
2222
<div className="max-w-5xl mx-auto px-4 h-16 flex items-center justify-between">
2323
<Link
2424
to="/"
25-
className="flex items-center gap-2 text-blue-600 dark:text-blue-400 font-bold text-xl">
25+
className="flex items-center gap-2 accent-text font-bold text-xl">
2626

2727
<MessageSquare className="w-6 h-6" />
2828
<span>Feekool</span>
@@ -36,7 +36,7 @@ export function Layout() {
3636
<div className="flex items-center gap-4 ml-4 pl-4 border-l border-gray-200 dark:border-gray-700">
3737
<Link
3838
to="/profile"
39-
className="flex items-center gap-2 text-sm font-medium hover:text-blue-600 dark:hover:text-blue-400 transition-colors"
39+
className="flex items-center gap-2 text-sm font-medium accent-text hover:opacity-80 transition-colors"
4040
>
4141
<div className="w-8 h-8 rounded-full bg-blue-100 dark:bg-blue-900 flex items-center justify-center overflow-hidden">
4242
{user.avatar ? (
@@ -62,7 +62,7 @@ export function Layout() {
6262

6363
<Link
6464
to="/auth"
65-
className="ml-4 px-4 py-2 bg-blue-600 hover:bg-blue-700 text-white text-sm font-medium rounded-md transition-colors">
65+
className="ml-4 px-4 py-2 btn-accent hover:opacity-90 text-white text-sm font-medium rounded-md transition-colors">
6666

6767
{t('login')}
6868
</Link>

‎src/components/MarkdownEditor.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -144,7 +144,7 @@ export function MarkdownEditor({
144144
onClick={() => setShowPreview(!showPreview)}
145145
className={`p-1.5 rounded transition-colors ${
146146
showPreview
147-
? 'text-blue-600 dark:text-blue-400 bg-blue-50 dark:bg-blue-900/20'
147+
? 'accent-text accent-bg'
148148
: 'text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100 hover:bg-gray-200 dark:hover:bg-gray-700'
149149
}`}
150150
title={showPreview ? t('hidePreview') : t('preview')}

‎src/components/RateLimitModal.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -52,8 +52,8 @@ export function RateLimitModal({ isOpen, onClose }: RateLimitModalProps) {
5252
{/* Content */}
5353
<div className="p-6">
5454
<div className="flex items-start gap-4">
55-
<div className="w-12 h-12 bg-blue-100 dark:bg-blue-900/20 rounded-full flex items-center justify-center flex-shrink-0">
56-
<Shield className="w-6 h-6 text-blue-600 dark:text-blue-400" />
55+
<div className="w-12 h-12 accent-bg rounded-full flex items-center justify-center flex-shrink-0">
56+
<Shield className="w-6 h-6 accent-text" />
5757
</div>
5858
<div className="flex-1">
5959
<p className="text-gray-700 dark:text-gray-300 leading-relaxed">

‎src/pages/AdminPage.tsx‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -57,7 +57,7 @@ export function AdminPage() {
5757

5858
<div className="bg-white dark:bg-gray-800 rounded-xl border border-gray-200 dark:border-gray-700 shadow-sm overflow-hidden">
5959
<div className="p-6 border-b border-gray-200 dark:border-gray-700 flex items-center gap-3">
60-
<Settings className="w-6 h-6 text-blue-600 dark:text-blue-400" />
60+
<Settings className="w-6 h-6 accent-text" />
6161
<div>
6262
<h2 className="text-lg font-semibold">Настройки сайта</h2>
6363
<p className="text-sm text-gray-500 dark:text-gray-400">Изменения сохраняются локально в браузере.</p>
@@ -77,7 +77,7 @@ export function AdminPage() {
7777
onChange={(event) =>
7878
setSettings({ ...settings, maintenanceMode: event.target.checked })
7979
}
80-
className="h-5 w-5 text-blue-600 rounded border-gray-300 dark:border-gray-600 dark:bg-gray-700"
80+
className="h-5 w-5 accent-text rounded border-gray-300 dark:border-gray-600 dark:bg-gray-700"
8181
/>
8282
</label>
8383

@@ -92,7 +92,7 @@ export function AdminPage() {
9292
onChange={(event) =>
9393
setSettings({ ...settings, allowSignups: event.target.checked })
9494
}
95-
className="h-5 w-5 text-blue-600 rounded border-gray-300 dark:border-gray-600 dark:bg-gray-700"
95+
className="h-5 w-5 accent-text rounded border-gray-300 dark:border-gray-600 dark:bg-gray-700"
9696
/>
9797
</label>
9898

@@ -107,7 +107,7 @@ export function AdminPage() {
107107
onChange={(event) =>
108108
setSettings({ ...settings, showDaysSinceFirstPost: event.target.checked })
109109
}
110-
className="h-5 w-5 text-blue-600 rounded border-gray-300 dark:border-gray-600 dark:bg-gray-700"
110+
className="h-5 w-5 accent-text rounded border-gray-300 dark:border-gray-600 dark:bg-gray-700"
111111
/>
112112
</label>
113113
</div>

‎src/pages/AuthPage.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -98,7 +98,7 @@ export function AuthPage() {
9898
</div>
9999

100100
<div className="sm:mx-auto sm:w-full sm:max-w-md">
101-
<div className="flex justify-center text-blue-600 dark:text-blue-400">
101+
<div className="flex justify-center accent-text">
102102
<MessageSquare className="w-12 h-12" />
103103
</div>
104104
<h2 className="mt-6 text-center text-3xl font-extrabold text-gray-900 dark:text-white">

‎src/pages/ForumPage.tsx‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -112,15 +112,15 @@ export function ForumPage() {
112112
if (isLoading) {
113113
return (
114114
<div className="flex justify-center items-center py-20">
115-
<Loader2 className="w-8 h-8 animate-spin text-blue-600" />
115+
<Loader2 className="w-8 h-8 animate-spin accent-text" />
116116
</div>);
117117

118118
}
119119
if (error || !forum) {
120120
return (
121121
<div className="text-center py-20">
122122
<p className="text-red-600 mb-4">{error || 'Forum not found'}</p>
123-
<Link to="/" className="text-blue-600 hover:underline">
123+
<Link to="/" className="link-accent hover:underline">
124124
&larr; Back to {t('boards')}
125125
</Link>
126126
</div>);
@@ -133,7 +133,7 @@ export function ForumPage() {
133133
<div>
134134
<Link
135135
to="/"
136-
className="text-sm text-blue-600 hover:underline mb-2 inline-block">
136+
className="text-sm link-accent hover:underline mb-2 inline-block">
137137

138138
&larr; {t('boards')}
139139
</Link>
@@ -145,7 +145,7 @@ export function ForumPage() {
145145
{user &&
146146
<button
147147
onClick={() => setShowCreateModal(true)}
148-
className="flex items-center gap-2 px-4 py-2 bg-blue-600 hover:bg-blue-700 text-white text-sm font-medium rounded-md transition-colors whitespace-nowrap">
148+
className="flex items-center gap-2 px-4 py-2 btn-accent hover:opacity-90 text-white text-sm font-medium rounded-md transition-colors whitespace-nowrap">
149149

150150
<Plus className="w-4 h-4" />
151151
{t('createTopic')}
@@ -187,7 +187,7 @@ export function ForumPage() {
187187
to={`/topic/${topic.id}`}
188188
className="block p-4 hover:bg-gray-50 dark:hover:bg-gray-750 transition-colors">
189189

190-
<h3 className="text-lg font-medium text-blue-600 dark:text-blue-400 mb-2">
190+
<h3 className="text-lg font-medium accent-text mb-2">
191191
{topic.title}
192192
</h3>
193193
<div className="flex items-center gap-4 text-sm text-gray-500 dark:text-gray-400">

‎src/pages/HomePage.tsx‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -68,15 +68,15 @@ export function HomePage() {
6868
if (isLoading) {
6969
return (
7070
<div className="flex justify-center items-center py-20">
71-
<Loader2 className="w-8 h-8 animate-spin text-blue-600" />
71+
<Loader2 className="w-8 h-8 animate-spin accent-text" />
7272
</div>);
7373

7474
}
7575
if (error) {
7676
return (
7777
<div className="text-center py-20">
7878
<p className="text-red-600 mb-4">{error}</p>
79-
<button onClick={loadForums} className="text-blue-600 hover:underline">
79+
<button onClick={loadForums} className="link-accent hover:underline">
8080
{t('retry')}
8181
</button>
8282
</div>);
@@ -108,9 +108,9 @@ export function HomePage() {
108108
<Link
109109
key={forum.slug}
110110
to={`/forum/${forum.slug}`}
111-
className="block p-6 bg-white dark:bg-gray-800 rounded-lg border border-gray-200 dark:border-gray-700 hover:border-blue-500 dark:hover:border-blue-500 transition-colors">
111+
className="block p-6 bg-white dark:bg-gray-800 rounded-lg border border-gray-200 dark:border-gray-700 hover:accent-border transition-colors">
112112

113-
<h2 className="text-xl font-semibold mb-2 text-blue-600 dark:text-blue-400">
113+
<h2 className="text-xl font-semibold mb-2 accent-text">
114114
{forum.title}
115115
</h2>
116116
<p className="text-gray-600 dark:text-gray-300 text-sm line-clamp-2">

‎src/pages/TopicPage.tsx‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -215,15 +215,15 @@ export function TopicPage() {
215215
if (isLoading) {
216216
return (
217217
<div className="flex justify-center items-center py-20">
218-
<Loader2 className="w-8 h-8 animate-spin text-blue-600" />
218+
<Loader2 className="w-8 h-8 animate-spin accent-text" />
219219
</div>);
220220

221221
}
222222
if (error || !topic) {
223223
return (
224224
<div className="text-center py-20">
225225
<p className="text-red-600 mb-4">{error || 'Topic not found'}</p>
226-
<Link to="/" className="text-blue-600 hover:underline">
226+
<Link to="/" className="link-accent hover:underline">
227227
&larr; Back to {t('home')}
228228
</Link>
229229
</div>);
@@ -234,7 +234,7 @@ export function TopicPage() {
234234
<div className="mb-6">
235235
<Link
236236
to={`/forum/${topic.forumSlug}`}
237-
className="text-sm text-blue-600 hover:underline mb-2 inline-block">
237+
className="text-sm link-accent hover:underline mb-2 inline-block">
238238

239239
&larr; Back to {t('topics')}
240240
</Link>

0 commit comments

Comments
 (0)