+
{url}
diff --git a/src/components/ProfileAbout/index.tsx b/src/components/ProfileAbout/index.tsx
index 1d5377ee..c10d3b69 100644
--- a/src/components/ProfileAbout/index.tsx
+++ b/src/components/ProfileAbout/index.tsx
@@ -8,6 +8,8 @@ import {
} from '@/lib/content-parser'
import { replaceStandardEmojiShortcodesInContent } from '@/lib/emoji-content'
import PaytoLink from '@/components/PaytoLink'
+import { URI_LINK_CLASS } from '@/lib/link-styles'
+import { cn } from '@/lib/utils'
import { marked } from 'marked'
import {
EmbeddedHashtag,
@@ -53,11 +55,7 @@ export default function ProfileAbout({ about, className }: { about?: string; cla
}
if (node.type === 'payto') {
return (
-
+
)
}
if (node.type === 'hashtag') {
@@ -120,11 +118,7 @@ export default function ProfileAbout({ about, className }: { about?: string; cla
const label = String(token.text ?? href)
if (href.startsWith('payto://')) {
out.push(
-
+
{label}
)
@@ -135,7 +129,7 @@ export default function ProfileAbout({ about, className }: { about?: string; cla
href={href}
target="_blank"
rel="noopener noreferrer"
- className="text-green-600 dark:text-green-400 hover:text-green-700 dark:hover:text-green-300 hover:underline break-words"
+ className={URI_LINK_CLASS}
>
{label}
diff --git a/src/components/RelayInfo/index.tsx b/src/components/RelayInfo/index.tsx
index f141363d..160654a4 100644
--- a/src/components/RelayInfo/index.tsx
+++ b/src/components/RelayInfo/index.tsx
@@ -96,7 +96,7 @@ export default function RelayInfo({ url, className }: { url: string; className?:
{normalizeHttpUrl(relayInfo.url)}
diff --git a/src/components/RelayStatusDisplay/index.tsx b/src/components/RelayStatusDisplay/index.tsx
index 546bcc28..9a8a5233 100644
--- a/src/components/RelayStatusDisplay/index.tsx
+++ b/src/components/RelayStatusDisplay/index.tsx
@@ -71,7 +71,7 @@ function renderTextWithLinks(text: string): React.ReactNode {
href={url}
target="_blank"
rel="noopener noreferrer"
- className="text-blue-600 dark:text-blue-400 hover:underline break-all"
+ className="text-blue-600 dark:text-blue-400 hover:text-foreground hover:underline underline-offset-2 transition-colors break-all"
onClick={(e) => e.stopPropagation()}
>
{url}
diff --git a/src/components/RssFeedItem/index.tsx b/src/components/RssFeedItem/index.tsx
index 7ed825cf..4b303a86 100644
--- a/src/components/RssFeedItem/index.tsx
+++ b/src/components/RssFeedItem/index.tsx
@@ -914,7 +914,7 @@ export default function RssFeedItem({
href={item.link}
target="_blank"
rel="noopener noreferrer"
- className="text-primary hover:underline inline-flex items-center gap-1 min-w-0 truncate"
+ className="text-primary hover:text-foreground hover:underline underline-offset-2 transition-colors inline-flex items-center gap-1 min-w-0 truncate"
onClick={(e) => e.stopPropagation()}
>
{t('Read full article')}
diff --git a/src/components/StandardRssFeedUrlRow/index.tsx b/src/components/StandardRssFeedUrlRow/index.tsx
index 00da83ad..c00350f3 100644
--- a/src/components/StandardRssFeedUrlRow/index.tsx
+++ b/src/components/StandardRssFeedUrlRow/index.tsx
@@ -68,7 +68,7 @@ export default function StandardRssFeedUrlRow({ feedUrl, className, actions }: P
href={feedUrl}
target="_blank"
rel="noopener noreferrer"
- className="block break-all text-xs text-primary hover:underline"
+ className="block break-all text-xs text-primary hover:text-foreground hover:underline underline-offset-2 transition-colors"
onClick={(e) => e.stopPropagation()}
>
{feedUrl}
diff --git a/src/components/UniversalContent/Wikilink.tsx b/src/components/UniversalContent/Wikilink.tsx
index 32bca6af..5603b0ee 100644
--- a/src/components/UniversalContent/Wikilink.tsx
+++ b/src/components/UniversalContent/Wikilink.tsx
@@ -22,7 +22,7 @@ export default function Wikilink({ dTag, displayText, className }: WikilinkProps