refactor: remove --highlight

src/components/Embedded/EmbeddedHashtag.tsx

@@ -5,7 +5,7 @@ import { TEmbeddedRenderer } from './types'
 export function EmbeddedHashtag({ hashtag }: { hashtag: string }) {
   return (
     <SecondaryPageLink
-      className="text-highlight hover:underline"
+      className="text-primary hover:underline"
       to={toNoteList({ hashtag })}
       onClick={(e) => e.stopPropagation()}
     >

src/components/Embedded/EmbeddedMention.tsx

@@ -3,12 +3,7 @@ import { TEmbeddedRenderer } from './types'
 
 export function EmbeddedMention({ userId }: { userId: string }) {
   return (
-    <Username
-      userId={userId}
-      showAt
-      className="text-highlight font-normal inline"
-      withoutSkeleton
-    />
+    <Username userId={userId} showAt className="text-primary font-normal inline" withoutSkeleton />
   )
 }
 

src/components/Embedded/EmbeddedNormalUrl.tsx

@@ -3,7 +3,7 @@ import { TEmbeddedRenderer } from './types'
 export function EmbeddedNormalUrl({ url }: { url: string }) {
   return (
     <a
-      className="text-highlight hover:underline"
+      className="text-primary hover:underline"
       href={url}
       target="_blank"
       onClick={(e) => e.stopPropagation()}

src/components/Embedded/EmbeddedWebsocketUrl.tsx

@@ -6,14 +6,14 @@ export function EmbeddedWebsocketUrl({ url }: { url: string }) {
   const { push } = useSecondaryPage()
   return (
     <span
-      className="cursor-pointer px-1 text-highlight hover:bg-highlight/20"
+      className="cursor-pointer px-1 text-primary hover:bg-primary/20"
       onClick={(e) => {
         e.stopPropagation()
         push(toRelay(url))
       }}
     >
       [ {url} ]
-      <span className="w-2 h-1 bg-highlight" />
+      <span className="w-2 h-1 bg-primary" />
     </span>
   )
 }