From 4e91d696c736b16304b6436f029df64b04d2bd34 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?nicole=20miko=C5=82ajczyk?= <git@mkljczk.pl>
Date: Tue, 6 Jan 2026 04:25:04 +0100
Subject: [PATCH] pl-fe: Remove confusingly named accent-blue color, lighten
 links in dark/black mode
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
---
 packages/pl-fe/src/components/link.tsx                      | 2 +-
 packages/pl-fe/src/components/mention.tsx                   | 2 +-
 packages/pl-fe/src/components/parsed-content.tsx            | 2 +-
 packages/pl-fe/src/components/parsed-mfm.tsx                | 4 ++--
 packages/pl-fe/src/components/site-error-boundary.tsx       | 4 ++--
 packages/pl-fe/src/components/status-mention.tsx            | 2 +-
 packages/pl-fe/src/components/status-reply-mentions.tsx     | 2 +-
 packages/pl-fe/src/components/status.tsx                    | 4 ++--
 packages/pl-fe/src/components/ui/button/useButtonStyles.ts  | 2 +-
 packages/pl-fe/src/components/ui/text.tsx                   | 2 +-
 packages/pl-fe/src/components/ui/toast.tsx                  | 4 ++--
 .../pl-fe/src/features/chats/components/chat-message.tsx    | 2 +-
 .../features/chats/components/chat-widget/chat-settings.tsx | 2 +-
 .../src/features/chats/components/shoutbox-message-list.tsx | 2 +-
 .../src/features/compose-event/components/upload-button.tsx | 2 +-
 .../src/features/compose/components/reply-mentions.tsx      | 2 +-
 packages/pl-fe/src/features/compose/editor/index.tsx        | 4 ++--
 .../compose/editor/plugins/floating-link-editor-plugin.tsx  | 2 +-
 .../src/features/edit-profile/components/header-picker.tsx  | 2 +-
 .../pl-fe/src/features/group/components/group-header.tsx    | 2 +-
 .../src/features/group/components/group-relationship.tsx    | 2 +-
 .../src/features/status/components/detailed-status.tsx      | 2 +-
 packages/pl-fe/src/hooks/use-theme-css.ts                   | 2 --
 .../modals/manage-group-modal/steps/confirmation-step.tsx   | 4 ++--
 .../src/modals/report-modal/steps/confirmation-step.tsx     | 2 +-
 packages/pl-fe/src/normalizers/pl-fe/pl-fe-config.ts        | 1 -
 packages/pl-fe/src/pages/dashboard/theme-editor.tsx         | 6 ------
 packages/pl-fe/src/pages/statuses/event-information.tsx     | 4 ++--
 packages/pl-fe/src/styles/markup.scss                       | 4 ++--
 packages/pl-fe/src/styles/new/mixins.scss                   | 4 ++--
 packages/pl-fe/src/styles/utilities.scss                    | 2 +-
 packages/pl-fe/tailwind.config.ts                           | 3 +--
 32 files changed, 38 insertions(+), 48 deletions(-)

diff --git a/packages/pl-fe/src/components/link.tsx b/packages/pl-fe/src/components/link.tsx
index f378bd041..cb7e4f66e 100644
--- a/packages/pl-fe/src/components/link.tsx
+++ b/packages/pl-fe/src/components/link.tsx
@@ -4,7 +4,7 @@ import React from 'react';
 const Link = (props: LinkProps) => (
   <Comp
     {...props}
-    className='text-primary-600 hover:underline dark:text-accent-blue'
+    className='text-primary-600 hover:underline dark:text-primary-400'
   />
 );
 
diff --git a/packages/pl-fe/src/components/mention.tsx b/packages/pl-fe/src/components/mention.tsx
index 2f65aa18d..ce6d0e1f2 100644
--- a/packages/pl-fe/src/components/mention.tsx
+++ b/packages/pl-fe/src/components/mention.tsx
@@ -24,7 +24,7 @@ const Mention: React.FC<IMention> = ({ mention: { acct, username }, disabled })
       <Link
         to='/@{$username}'
         params={{ username: acct }}
-        className='text-primary-600 hover:underline dark:text-accent-blue'
+        className='text-primary-600 hover:underline dark:text-primary-400'
         onClick={handleClick}
         dir='ltr'
       >
diff --git a/packages/pl-fe/src/components/parsed-content.tsx b/packages/pl-fe/src/components/parsed-content.tsx
index 098e8b39e..3c71eee04 100644
--- a/packages/pl-fe/src/components/parsed-content.tsx
+++ b/packages/pl-fe/src/components/parsed-content.tsx
@@ -253,7 +253,7 @@ function parseContent({
                 <Link
                   to='/@{$username}'
                   params={{ username: mention.acct }}
-                  className='text-primary-600 hover:underline dark:text-accent-blue'
+                  className='text-primary-600 hover:underline dark:text-primary-400'
                   dir='ltr'
                   onClick={(e) => e.stopPropagation()}
                 >
diff --git a/packages/pl-fe/src/components/parsed-mfm.tsx b/packages/pl-fe/src/components/parsed-mfm.tsx
index 53066c3c5..779884f24 100644
--- a/packages/pl-fe/src/components/parsed-mfm.tsx
+++ b/packages/pl-fe/src/components/parsed-mfm.tsx
@@ -412,7 +412,7 @@ const ParsedMfm: React.FC<IParsedMfm> = React.memo(({ text, emojis, mentions, sp
                 <Link
                   to='/@{$username}'
                   params={{ username: mention.acct }}
-                  className='text-primary-600 hover:underline dark:text-accent-blue'
+                  className='text-primary-600 hover:underline dark:text-primary-400'
                   dir='ltr'
                   onClick={(e) => e.stopPropagation()}
                 >
@@ -430,7 +430,7 @@ const ParsedMfm: React.FC<IParsedMfm> = React.memo(({ text, emojis, mentions, sp
             <Link
               to='/@{$username}'
               params={{ username: token.props.acct.slice(1) }}
-              className='text-primary-600 hover:underline dark:text-accent-blue'
+              className='text-primary-600 hover:underline dark:text-primary-400'
               dir='ltr'
               onClick={(e) => e.stopPropagation()}
             >
diff --git a/packages/pl-fe/src/components/site-error-boundary.tsx b/packages/pl-fe/src/components/site-error-boundary.tsx
index 4a1179f32..68363fced 100644
--- a/packages/pl-fe/src/components/site-error-boundary.tsx
+++ b/packages/pl-fe/src/components/site-error-boundary.tsx
@@ -100,7 +100,7 @@ const SiteErrorBoundary: React.FC<ISiteErrorBoundary> = ({ children }) => {
                 defaultMessage="We're sorry for the interruption. If the problem persists, please reach out to our support team. You may also try to {clearCookies} (this will log you out)."
                 values={{
                   clearCookies: (
-                    <a href='/' onClick={clearCookies} className='text-primary-600 hover:underline dark:text-accent-blue'>
+                    <a href='/' onClick={clearCookies} className='text-primary-600 hover:underline dark:text-primary-400'>
                       <FormattedMessage
                         id='alert.unexpected.clear_cookies'
                         defaultMessage='clear cookies and browser data'
@@ -118,7 +118,7 @@ const SiteErrorBoundary: React.FC<ISiteErrorBoundary> = ({ children }) => {
             </Text>
 
             <div className='mt-10'>
-              <a href='/' className='text-base font-medium text-primary-600 hover:underline dark:text-accent-blue'>
+              <a href='/' className='text-base font-medium text-primary-600 hover:underline dark:text-primary-400'>
                 <FormattedMessage id='alert.unexpected.return_home' defaultMessage='Return Home' />
                 {' '}
                 <span className='inline-block rtl:rotate-180' aria-hidden='true'>&rarr;</span>
diff --git a/packages/pl-fe/src/components/status-mention.tsx b/packages/pl-fe/src/components/status-mention.tsx
index 3fb6c21b9..fdcc2caef 100644
--- a/packages/pl-fe/src/components/status-mention.tsx
+++ b/packages/pl-fe/src/components/status-mention.tsx
@@ -23,7 +23,7 @@ const StatusMention: React.FC<IStatusMention> = ({ accountId, fallback }) => {
     <Link
       to='/@{$username}'
       params={{ username: account.acct }}
-      className='text-primary-600 hover:underline dark:text-accent-blue'
+      className='text-primary-600 hover:underline dark:text-primary-400'
       dir='ltr'
       onClick={(e) => e.stopPropagation()}
     >
diff --git a/packages/pl-fe/src/components/status-reply-mentions.tsx b/packages/pl-fe/src/components/status-reply-mentions.tsx
index 6cfb4257a..8ea6531ef 100644
--- a/packages/pl-fe/src/components/status-reply-mentions.tsx
+++ b/packages/pl-fe/src/components/status-reply-mentions.tsx
@@ -64,7 +64,7 @@ const StatusReplyMentions: React.FC<IStatusReplyMentions> = ({ status, hoverable
         key={account.id}
         to='/@{$username}'
         params={{ username: account.acct }}
-        className='inline-block max-w-[200px] truncate align-bottom text-primary-600 no-underline [direction:ltr] hover:text-primary-700 hover:underline dark:text-accent-blue dark:hover:text-accent-blue'
+        className='inline-block max-w-[200px] truncate align-bottom text-primary-600 no-underline [direction:ltr] hover:text-primary-700 hover:underline dark:text-primary-400 dark:hover:text-primary-400'
         onClick={(e) => e.stopPropagation()}
       >
         @{account.username}
diff --git a/packages/pl-fe/src/components/status.tsx b/packages/pl-fe/src/components/status.tsx
index 8d5202272..a3f354eef 100644
--- a/packages/pl-fe/src/components/status.tsx
+++ b/packages/pl-fe/src/components/status.tsx
@@ -309,7 +309,7 @@ const Status: React.FC<IStatus> = (props) => {
         <StatusInfo
           className='-mb-1'
           avatarSize={avatarSize}
-          icon={<Icon src={require('@phosphor-icons/core/regular/users-three.svg')} className='size-4 text-primary-600 dark:text-accent-blue' />}
+          icon={<Icon src={require('@phosphor-icons/core/regular/users-three.svg')} className='size-4 text-primary-600 dark:text-primary-400' />}
           text={
             <FormattedMessage
               id='status.group'
@@ -344,7 +344,7 @@ const Status: React.FC<IStatus> = (props) => {
         <Text theme='muted'>
           <FormattedMessage id='status.filtered' defaultMessage='Filtered' />: {filterResults.map(({ filter }) => filter.title).join(', ')}.
           {' '}
-          <button className='text-primary-600 hover:underline dark:text-accent-blue' onClick={handleUnfilter}>
+          <button className='text-primary-600 hover:underline dark:text-primary-400' onClick={handleUnfilter}>
             <FormattedMessage id='status.show_filter_reason' defaultMessage='Show anyway' />
           </button>
         </Text>
diff --git a/packages/pl-fe/src/components/ui/button/useButtonStyles.ts b/packages/pl-fe/src/components/ui/button/useButtonStyles.ts
index a3052a461..6bb8db55f 100644
--- a/packages/pl-fe/src/components/ui/button/useButtonStyles.ts
+++ b/packages/pl-fe/src/components/ui/button/useButtonStyles.ts
@@ -9,7 +9,7 @@ const themes = {
     'bg-white dark:bg-primary-900 border-gray-400 dark:border-gray-800 hover:border-primary-300 dark:hover:border-primary-700 focus:border-primary-500 text-gray-900 dark:text-gray-100 focus:ring-primary-500',
   accent: 'border-transparent bg-secondary-500 hover:bg-secondary-400 focus:bg-secondary-500 text-gray-100 focus:ring-secondary-300',
   danger: 'border-transparent bg-danger-100 dark:bg-danger-900 text-danger-600 dark:text-danger-200 hover:bg-danger-600 hover:text-gray-100 dark:hover:text-gray-100 dark:hover:bg-danger-500 focus:ring-danger-500',
-  transparent: 'border-transparent bg-transparent text-primary-600 dark:text-accent-blue dark:bg-transparent hover:bg-gray-200 dark:hover:bg-gray-800/50',
+  transparent: 'border-transparent bg-transparent text-primary-600 dark:text-primary-400 dark:bg-transparent hover:bg-gray-200 dark:hover:bg-gray-800/50',
   outline: 'border-gray-100 border-2 bg-transparent text-gray-100 hover:bg-white/10',
   muted: 'border border-solid bg-transparent border-gray-400 dark:border-gray-800 hover:border-primary-300 dark:hover:border-primary-700 focus:border-primary-500 text-gray-800 dark:text-gray-100 focus:ring-primary-500',
 };
diff --git a/packages/pl-fe/src/components/ui/text.tsx b/packages/pl-fe/src/components/ui/text.tsx
index 0395cf20c..089297542 100644
--- a/packages/pl-fe/src/components/ui/text.tsx
+++ b/packages/pl-fe/src/components/ui/text.tsx
@@ -4,7 +4,7 @@ import React from 'react';
 const themes = {
   default: 'text-gray-900 dark:text-gray-100',
   danger: 'text-danger-700 dark:text-danger-500',
-  primary: 'text-primary-600 dark:text-accent-blue',
+  primary: 'text-primary-600 dark:text-primary-400',
   muted: 'text-gray-700 dark:text-gray-600',
   subtle: 'text-gray-400 dark:text-gray-500',
   success: 'text-success-600',
diff --git a/packages/pl-fe/src/components/ui/toast.tsx b/packages/pl-fe/src/components/ui/toast.tsx
index 381cf8379..8e074aa6b 100644
--- a/packages/pl-fe/src/components/ui/toast.tsx
+++ b/packages/pl-fe/src/components/ui/toast.tsx
@@ -51,7 +51,7 @@ const Toast = (props: IToast) => {
         return (
           <Icon
             src={require('@phosphor-icons/core/regular/info.svg')}
-            className='size-6 text-primary-600 dark:text-accent-blue'
+            className='size-6 text-primary-600 dark:text-primary-400'
             aria-hidden
           />
         );
@@ -67,7 +67,7 @@ const Toast = (props: IToast) => {
   };
 
   const renderAction = () => {
-    const classNames = 'mt-0.5 flex-shrink-0 rounded-full text-sm font-medium text-primary-600 dark:text-accent-blue hover:underline focus:outline-none';
+    const classNames = 'mt-0.5 flex-shrink-0 rounded-full text-sm font-medium text-primary-600 dark:text-primary-400 hover:underline focus:outline-none';
 
     if (action && actionLabel) {
       return (
diff --git a/packages/pl-fe/src/features/chats/components/chat-message.tsx b/packages/pl-fe/src/features/chats/components/chat-message.tsx
index 038c8aef9..7b290e02a 100644
--- a/packages/pl-fe/src/features/chats/components/chat-message.tsx
+++ b/packages/pl-fe/src/features/chats/components/chat-message.tsx
@@ -230,7 +230,7 @@ const ChatMessage = (props: IChatMessage) => {
                       'text-ellipsis break-words relative rounded-md py-2 px-3 max-w-full space-y-2 [&_.mention]:underline': true,
                       'rounded-tr-sm': (!!chatMessage.attachment) && isMyMessage,
                       'rounded-tl-sm': (!!chatMessage.attachment) && !isMyMessage,
-                      '[&_.mention]:text-primary-600 dark:[&_.mention]:text-accent-blue': !isMyMessage,
+                      '[&_.mention]:text-primary-600 dark:[&_.mention]:text-primary-400': !isMyMessage,
                       '[&_.mention]:text-white dark:[&_.mention]:white': isMyMessage,
                       'bg-primary-500 text-white': isMyMessage,
                       'bg-gray-200 dark:bg-gray-800 text-gray-900 dark:text-gray-100': !isMyMessage,
diff --git a/packages/pl-fe/src/features/chats/components/chat-widget/chat-settings.tsx b/packages/pl-fe/src/features/chats/components/chat-widget/chat-settings.tsx
index 6fa6215e1..c4085f406 100644
--- a/packages/pl-fe/src/features/chats/components/chat-widget/chat-settings.tsx
+++ b/packages/pl-fe/src/features/chats/components/chat-widget/chat-settings.tsx
@@ -112,7 +112,7 @@ const ChatSettings = () => {
         </HStack>
 
         <Stack space={5}>
-          <button onClick={isBlocked ? handleUnblockUser : handleBlockUser} className='flex w-full items-center space-x-2 text-sm font-bold text-primary-600 dark:text-accent-blue'>
+          <button onClick={isBlocked ? handleUnblockUser : handleBlockUser} className='flex w-full items-center space-x-2 text-sm font-bold text-primary-600 dark:text-primary-400'>
             <Icon src={require('@phosphor-icons/core/regular/prohibit.svg')} className='size-5' />
             <span>{intl.formatMessage(isBlocked ? messages.unblockUser : messages.blockUser, { acct: chat.account.acct })}</span>
           </button>
diff --git a/packages/pl-fe/src/features/chats/components/shoutbox-message-list.tsx b/packages/pl-fe/src/features/chats/components/shoutbox-message-list.tsx
index 4f10da0f8..3cdfb09b1 100644
--- a/packages/pl-fe/src/features/chats/components/shoutbox-message-list.tsx
+++ b/packages/pl-fe/src/features/chats/components/shoutbox-message-list.tsx
@@ -67,7 +67,7 @@ const ShoutboxMessage: React.FC<IShoutboxMessage> = ({ message, isMyMessage }) =
               className={
                 clsx({
                   'text-ellipsis break-words relative rounded-md py-2 px-3 max-w-full space-y-2 [&_.mention]:underline': true,
-                  '[&_.mention]:text-primary-600 dark:[&_.mention]:text-accent-blue': !isMyMessage,
+                  '[&_.mention]:text-primary-600 dark:[&_.mention]:text-primary-400': !isMyMessage,
                   '[&_.mention]:text-white dark:[&_.mention]:white': isMyMessage,
                   'bg-primary-500 text-white': isMyMessage,
                   'bg-gray-200 dark:bg-gray-800 text-gray-900 dark:text-gray-100': !isMyMessage,
diff --git a/packages/pl-fe/src/features/compose-event/components/upload-button.tsx b/packages/pl-fe/src/features/compose-event/components/upload-button.tsx
index dcffb1cc7..d3be7e340 100644
--- a/packages/pl-fe/src/features/compose-event/components/upload-button.tsx
+++ b/packages/pl-fe/src/features/compose-event/components/upload-button.tsx
@@ -31,7 +31,7 @@ const UploadButton: React.FC<IUploadButton> = ({ disabled, onSelectFile }) => {
   };
 
   return (
-    <HStack className='size-full cursor-pointer text-primary-500 dark:text-accent-blue' space={3} alignItems='center' justifyContent='center' element='label'>
+    <HStack className='size-full cursor-pointer text-primary-500 dark:text-primary-400' space={3} alignItems='center' justifyContent='center' element='label'>
       <Icon
         src={require('@phosphor-icons/core/regular/upload.svg')}
         className='size-7'
diff --git a/packages/pl-fe/src/features/compose/components/reply-mentions.tsx b/packages/pl-fe/src/features/compose/components/reply-mentions.tsx
index effd80bef..01dd60c99 100644
--- a/packages/pl-fe/src/features/compose/components/reply-mentions.tsx
+++ b/packages/pl-fe/src/features/compose/components/reply-mentions.tsx
@@ -51,7 +51,7 @@ const ReplyMentions: React.FC<IReplyMentions> = ({ composeId }) => {
     return (
       <span
         key={acct}
-        className='inline-block text-primary-600 no-underline [direction:ltr] hover:text-primary-700 hover:underline dark:text-accent-blue dark:hover:text-accent-blue'
+        className='inline-block text-primary-600 no-underline [direction:ltr] hover:text-primary-700 hover:underline dark:text-primary-400 dark:hover:text-primary-400'
       >
         @{username}
       </span>
diff --git a/packages/pl-fe/src/features/compose/editor/index.tsx b/packages/pl-fe/src/features/compose/editor/index.tsx
index 3ff0c273b..5786bbcde 100644
--- a/packages/pl-fe/src/features/compose/editor/index.tsx
+++ b/packages/pl-fe/src/features/compose/editor/index.tsx
@@ -67,8 +67,8 @@ interface IComposeEditor {
 
 const theme: InitialConfigType['theme'] = {
   emoji: 'select-none',
-  hashtag: 'hover:underline text-primary-600 dark:text-accent-blue hover:text-primary-800 dark:hover:text-accent-blue',
-  link: 'hover:underline text-primary-600 dark:text-accent-blue hover:text-primary-800 dark:hover:text-accent-blue',
+  hashtag: 'hover:underline text-primary-600 dark:text-primary-400 hover:text-primary-800 dark:hover:text-primary-400',
+  link: 'hover:underline text-primary-600 dark:text-primary-400 hover:text-primary-800 dark:hover:text-primary-400',
   text: {
     bold: 'font-bold',
     code: 'font-mono',
diff --git a/packages/pl-fe/src/features/compose/editor/plugins/floating-link-editor-plugin.tsx b/packages/pl-fe/src/features/compose/editor/plugins/floating-link-editor-plugin.tsx
index 55d2dcbc4..05d135539 100644
--- a/packages/pl-fe/src/features/compose/editor/plugins/floating-link-editor-plugin.tsx
+++ b/packages/pl-fe/src/features/compose/editor/plugins/floating-link-editor-plugin.tsx
@@ -198,7 +198,7 @@ const FloatingLinkEditor = ({
           </>
         ) : (
           <>
-            <a className='mr-8 block truncate text-primary-600 no-underline hover:underline dark:text-accent-blue' href={linkUrl} target='_blank' rel='noopener noreferrer'>
+            <a className='mr-8 block truncate text-primary-600 no-underline hover:underline dark:text-primary-400' href={linkUrl} target='_blank' rel='noopener noreferrer'>
               {linkUrl}
             </a>
             <div
diff --git a/packages/pl-fe/src/features/edit-profile/components/header-picker.tsx b/packages/pl-fe/src/features/edit-profile/components/header-picker.tsx
index 2fedb43dd..68bbcddfa 100644
--- a/packages/pl-fe/src/features/edit-profile/components/header-picker.tsx
+++ b/packages/pl-fe/src/features/edit-profile/components/header-picker.tsx
@@ -63,7 +63,7 @@ const HeaderPicker = React.forwardRef<HTMLInputElement, IMediaInput>(({
     <label
       ref={picker}
       className={clsx(
-        'dark:sm:shadow-inset relative h-24 w-full cursor-pointer overflow-hidden rounded-lg bg-primary-100 text-primary-500 dark:bg-gray-800 dark:text-accent-blue sm:h-36 sm:shadow',
+        'dark:sm:shadow-inset relative h-24 w-full cursor-pointer overflow-hidden rounded-lg bg-primary-100 text-primary-500 dark:bg-gray-800 dark:text-primary-400 sm:h-36 sm:shadow',
         {
           'border-2 border-primary-600 border-dashed !z-[99]': isDragging,
           'ring-2 ring-offset-2 ring-primary-600': isDraggedOver,
diff --git a/packages/pl-fe/src/features/group/components/group-header.tsx b/packages/pl-fe/src/features/group/components/group-header.tsx
index ebea795ae..1ea0f0fd7 100644
--- a/packages/pl-fe/src/features/group/components/group-header.tsx
+++ b/packages/pl-fe/src/features/group/components/group-header.tsx
@@ -156,7 +156,7 @@ const GroupHeader: React.FC<IGroupHeader> = ({ group }) => {
           <Text
             theme='muted'
             align='center'
-            className='[&_a]:text-primary-600 [&_a]:hover:underline [&_a]:dark:text-accent-blue'
+            className='[&_a]:text-primary-600 [&_a]:hover:underline [&_a]:dark:text-primary-400'
           >
             <ParsedContent html={group.note} emojis={group.emojis} />
           </Text>
diff --git a/packages/pl-fe/src/features/group/components/group-relationship.tsx b/packages/pl-fe/src/features/group/components/group-relationship.tsx
index 35d97856d..eb7753633 100644
--- a/packages/pl-fe/src/features/group/components/group-relationship.tsx
+++ b/packages/pl-fe/src/features/group/components/group-relationship.tsx
@@ -23,7 +23,7 @@ const GroupRelationship = ({ group }: IGroupRelationship) => {
       space={1}
       alignItems='center'
       data-testid='group-relationship'
-      className='text-primary-600 dark:text-accent-blue'
+      className='text-primary-600 dark:text-primary-400'
     >
       <Icon
         className='size-4'
diff --git a/packages/pl-fe/src/features/status/components/detailed-status.tsx b/packages/pl-fe/src/features/status/components/detailed-status.tsx
index 7ca506f96..417b23b60 100644
--- a/packages/pl-fe/src/features/status/components/detailed-status.tsx
+++ b/packages/pl-fe/src/features/status/components/detailed-status.tsx
@@ -52,7 +52,7 @@ const DetailedStatus: React.FC<IDetailedStatus> = ({
             icon={
               <Icon
                 src={require('@phosphor-icons/core/regular/users-three.svg')}
-                className='size-4 text-primary-600 dark:text-accent-blue'
+                className='size-4 text-primary-600 dark:text-primary-400'
               />
             }
             text={
diff --git a/packages/pl-fe/src/hooks/use-theme-css.ts b/packages/pl-fe/src/hooks/use-theme-css.ts
index 86bf68526..d8888221d 100644
--- a/packages/pl-fe/src/hooks/use-theme-css.ts
+++ b/packages/pl-fe/src/hooks/use-theme-css.ts
@@ -57,8 +57,6 @@ const normalizeColors = (theme: Partial<Pick<PlFeConfig, 'brandColor' | 'accentC
     'gradient-start': normalizedColors.primary?.['500'],
     // @ts-ignore
     'gradient-end': normalizedColors.accent?.['500'],
-    // @ts-ignore
-    'accent-blue': normalizedColors.primary?.['600'],
     ...normalizedColors,
   } as typeof normalizedColors;
 };
diff --git a/packages/pl-fe/src/modals/manage-group-modal/steps/confirmation-step.tsx b/packages/pl-fe/src/modals/manage-group-modal/steps/confirmation-step.tsx
index cea070ca3..82e7afc6d 100644
--- a/packages/pl-fe/src/modals/manage-group-modal/steps/confirmation-step.tsx
+++ b/packages/pl-fe/src/modals/manage-group-modal/steps/confirmation-step.tsx
@@ -48,7 +48,7 @@ const ConfirmationStep: React.FC<IConfirmationStep> = ({ group }) => {
       <Stack space={3}>
         <Stack>
           <label
-            className='dark:sm:shadow-inset relative h-24 w-full cursor-pointer overflow-hidden rounded-lg bg-primary-100 text-primary-500 dark:bg-gray-800 dark:text-accent-blue sm:h-36 sm:shadow'
+            className='dark:sm:shadow-inset relative h-24 w-full cursor-pointer overflow-hidden rounded-lg bg-primary-100 text-primary-500 dark:bg-gray-800 dark:text-primary-400 sm:h-36 sm:shadow'
           >
             {group.header && <img className='size-full object-cover' src={group.header} alt={group.header_description} />}
           </label>
@@ -62,7 +62,7 @@ const ConfirmationStep: React.FC<IConfirmationStep> = ({ group }) => {
           <Text size='2xl' weight='bold' align='center'>{group.display_name}</Text>
           <Text
             size='md'
-            className='mx-auto max-w-sm [&_a]:text-primary-600 [&_a]:hover:underline [&_a]:dark:text-accent-blue'
+            className='mx-auto max-w-sm [&_a]:text-primary-600 [&_a]:hover:underline [&_a]:dark:text-primary-400'
           >
             <ParsedContent html={group.note} emojis={group.emojis} />
           </Text>
diff --git a/packages/pl-fe/src/modals/report-modal/steps/confirmation-step.tsx b/packages/pl-fe/src/modals/report-modal/steps/confirmation-step.tsx
index bd78fe326..b5f02efd9 100644
--- a/packages/pl-fe/src/modals/report-modal/steps/confirmation-step.tsx
+++ b/packages/pl-fe/src/modals/report-modal/steps/confirmation-step.tsx
@@ -21,7 +21,7 @@ const renderTermsOfServiceLink = (href: string) => (
   <a
     href={href}
     target='_blank'
-    className='text-primary-600 hover:text-primary-800 hover:underline dark:text-accent-blue dark:hover:text-accent-blue'
+    className='text-primary-600 hover:text-primary-800 hover:underline dark:text-primary-400 dark:hover:text-primary-400'
   >
     {termsOfServiceText}
   </a>
diff --git a/packages/pl-fe/src/normalizers/pl-fe/pl-fe-config.ts b/packages/pl-fe/src/normalizers/pl-fe/pl-fe-config.ts
index 1392b3d6a..43d85b589 100644
--- a/packages/pl-fe/src/normalizers/pl-fe/pl-fe-config.ts
+++ b/packages/pl-fe/src/normalizers/pl-fe/pl-fe-config.ts
@@ -47,7 +47,6 @@ const plFeConfigSchema = coerceObject({
   accentColor: v.fallback(v.string(), ''),
   colors: v.fallback(v.nullable(v.objectWithRest(
     {
-      'accent-blue': v.string(),
       'gradient-end': v.string(),
       'gradient-start': v.string(),
       greentext: v.string(),
diff --git a/packages/pl-fe/src/pages/dashboard/theme-editor.tsx b/packages/pl-fe/src/pages/dashboard/theme-editor.tsx
index 4297be77f..9c46917f1 100644
--- a/packages/pl-fe/src/pages/dashboard/theme-editor.tsx
+++ b/packages/pl-fe/src/pages/dashboard/theme-editor.tsx
@@ -194,12 +194,6 @@ const ThemeEditorPage: React.FC = () => {
             onChange={updateColor('greentext')}
           />
 
-          <ColorListItem
-            label={intl.formatMessage(messages.colorAccentBlue)}
-            value={colors['accent-blue']}
-            onChange={updateColor('accent-blue')}
-          />
-
           <ColorListItem
             label={intl.formatMessage(messages.colorGradientStart)}
             value={colors['gradient-start']}
diff --git a/packages/pl-fe/src/pages/statuses/event-information.tsx b/packages/pl-fe/src/pages/statuses/event-information.tsx
index 451df5aaa..2f36c657d 100644
--- a/packages/pl-fe/src/pages/statuses/event-information.tsx
+++ b/packages/pl-fe/src/pages/statuses/event-information.tsx
@@ -79,7 +79,7 @@ const EventInformationPage: React.FC = () => {
       text.push(
         <React.Fragment key='event-map'>
           <br />
-          <a href='#' className='text-primary-600 hover:underline dark:text-accent-blue' onClick={handleShowMap}>
+          <a href='#' className='text-primary-600 hover:underline dark:text-primary-400' onClick={handleShowMap}>
             <FormattedMessage id='event.show_on_map' defaultMessage='Show on map' />
           </a>
         </React.Fragment>,
@@ -156,7 +156,7 @@ const EventInformationPage: React.FC = () => {
         {status.event.links.map(link => (
           <HStack space={2} alignItems='center'>
             <Icon src={require('@phosphor-icons/core/regular/link-simple.svg')} />
-            <a href={link.remote_url || link.url} className='text-primary-600 hover:underline dark:text-accent-blue' target='_blank'>
+            <a href={link.remote_url || link.url} className='text-primary-600 hover:underline dark:text-primary-400' target='_blank'>
               {(link.remote_url || link.url).replace(/^https?:\/\//, '')}
             </a>
           </HStack>
diff --git a/packages/pl-fe/src/styles/markup.scss b/packages/pl-fe/src/styles/markup.scss
index 570b084ae..cf0b1e111 100644
--- a/packages/pl-fe/src/styles/markup.scss
+++ b/packages/pl-fe/src/styles/markup.scss
@@ -28,7 +28,7 @@
   }
 
   a {
-    @apply text-primary-600 dark:text-accent-blue hover:underline;
+    @apply text-primary-600 dark:text-primary-400 hover:underline;
   }
 
   strong {
@@ -119,7 +119,7 @@
   }
 
   .status-link {
-    @apply hover:underline text-primary-600 dark:text-accent-blue hover:text-primary-800 dark:hover:text-accent-blue;
+    @apply hover:underline text-primary-600 dark:text-primary-400 hover:text-primary-800 dark:hover:text-primary-400;
   }
 
   span.invisible {
diff --git a/packages/pl-fe/src/styles/new/mixins.scss b/packages/pl-fe/src/styles/new/mixins.scss
index 0b828d56c..634e7c03f 100644
--- a/packages/pl-fe/src/styles/new/mixins.scss
+++ b/packages/pl-fe/src/styles/new/mixins.scss
@@ -42,7 +42,7 @@
   } @else if $theme == danger {
     @apply text-danger-700 dark:text-danger-500;
   } @else if $theme == primary {
-    @apply text-primary-600 dark:text-accent-blue;
+    @apply text-primary-600 dark:text-primary-400;
   } @else if $theme == muted {
     @apply text-gray-700 dark:text-gray-600;
   } @else if $theme == subtle {
@@ -148,7 +148,7 @@
   } @else if $theme == danger {
     @apply border-transparent bg-danger-100 dark:bg-danger-900 text-danger-600 dark:text-danger-200 hover:bg-danger-600 hover:text-gray-100 dark:hover:text-gray-100 dark:hover:bg-danger-500 focus:ring-danger-500;
   } @else if $theme == transparent {
-    @apply border-transparent bg-transparent text-primary-600 dark:text-accent-blue dark:bg-transparent hover:bg-gray-200 dark:hover:bg-gray-800/50;
+    @apply border-transparent bg-transparent text-primary-600 dark:text-primary-400 dark:bg-transparent hover:bg-gray-200 dark:hover:bg-gray-800/50;
   } @else if $theme == outline {
     @apply border-gray-100 border-2 bg-transparent text-gray-100 hover:bg-white/10;
   } @else if $theme == muted {
diff --git a/packages/pl-fe/src/styles/utilities.scss b/packages/pl-fe/src/styles/utilities.scss
index 7807b5b24..b3148a145 100644
--- a/packages/pl-fe/src/styles/utilities.scss
+++ b/packages/pl-fe/src/styles/utilities.scss
@@ -4,7 +4,7 @@
 }
 
 .mention {
-  @apply text-primary-600 dark:text-accent-blue hover:underline;
+  @apply text-primary-600 dark:text-primary-400 hover:underline;
 }
 
 .emoji-lg img.emojione {
diff --git a/packages/pl-fe/tailwind.config.ts b/packages/pl-fe/tailwind.config.ts
index e0796ec3b..8c9f4db30 100644
--- a/packages/pl-fe/tailwind.config.ts
+++ b/packages/pl-fe/tailwind.config.ts
@@ -23,7 +23,7 @@ const config: Config = {
     extend: {
       boxShadow: ({ theme }) => ({
         '3xl': '0 25px 75px -15px rgba(0, 0, 0, 0.25)',
-        'inset-ring': `inset 0 0 0 2px ${theme('colors.accent-blue')}`,
+        'inset-ring': `inset 0 0 0 2px ${theme('colors.primary.600')}`,
       }),
       fontSize: {
         base: '0.9375rem',
@@ -65,7 +65,6 @@ const config: Config = {
         success: [50, 100, 200, 300, 400, 500, 600, 700, 800, 900],
         danger: [50, 100, 200, 300, 400, 500, 600, 700, 800, 900],
         accent: [300, 500],
-        'accent-blue': true,
         'gradient-start': true,
         'gradient-end': true,
         'greentext': true,