update: Replace brand color.

public/img/audio-player/play.svg

@@ -1,5 +1,5 @@
 <svg width="54" height="54" viewBox="0 0 54 54" fill="none" xmlns="http://www.w3.org/2000/svg">
-<circle cx="27" cy="27" r="27" fill="#B44343"/>
+<circle cx="27" cy="27" r="27" fill="#C43737"/>
 <rect x="20.7" y="18.9" width="4.5" height="16.2" rx="0.736" fill="white"/>
 <rect x="28.8" y="18.9" width="4.5" height="16.2" rx="0.736" fill="white"/>
 </svg>

public/img/icon/audio-playing.svg

@@ -1,5 +1,5 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M8 7L8 18" stroke="#B44343" stroke-width="1.5" stroke-linecap="round"/>
+<path d="M8 7L8 18" stroke="#C43737" stroke-width="1.5" stroke-linecap="round"/>
-<path d="M12 10L12 18" stroke="#B44343" stroke-width="1.5" stroke-linecap="round"/>
+<path d="M12 10L12 18" stroke="#C43737" stroke-width="1.5" stroke-linecap="round"/>
-<path d="M16 15L16 18" stroke="#B44343" stroke-width="1.5" stroke-linecap="round"/>
+<path d="M16 15L16 18" stroke="#C43737" stroke-width="1.5" stroke-linecap="round"/>
 </svg>

public/img/icon/love-active.svg

@@ -1,3 +1,3 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M19.612 5.41452C19.1722 4.96607 18.65 4.61034 18.0752 4.36763C17.5005 4.12492 16.8844 4 16.2623 4C15.6401 4 15.0241 4.12492 14.4493 4.36763C13.8746 4.61034 13.3524 4.96607 12.9126 5.41452L11.9998 6.34476L11.087 5.41452C10.1986 4.50912 8.99364 4.00047 7.73725 4.00047C6.48085 4.00047 5.27591 4.50912 4.38751 5.41452C3.4991 6.31992 3 7.5479 3 8.82833C3 10.1088 3.4991 11.3367 4.38751 12.2421L11.9998 20L19.612 12.2421C20.0521 11.7939 20.4011 11.2617 20.6393 10.676C20.8774 10.0902 21 9.46237 21 8.82833C21 8.19428 20.8774 7.56645 20.6393 6.9807C20.4011 6.39494 20.0521 5.86275 19.612 5.41452Z" fill="#B44343" stroke="#B44343" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M19.612 5.41452C19.1722 4.96607 18.65 4.61034 18.0752 4.36763C17.5005 4.12492 16.8844 4 16.2623 4C15.6401 4 15.0241 4.12492 14.4493 4.36763C13.8746 4.61034 13.3524 4.96607 12.9126 5.41452L11.9998 6.34476L11.087 5.41452C10.1986 4.50912 8.99364 4.00047 7.73725 4.00047C6.48085 4.00047 5.27591 4.50912 4.38751 5.41452C3.4991 6.31992 3 7.5479 3 8.82833C3 10.1088 3.4991 11.3367 4.38751 12.2421L11.9998 20L19.612 12.2421C20.0521 11.7939 20.4011 11.2617 20.6393 10.676C20.8774 10.0902 21 9.46237 21 8.82833C21 8.19428 20.8774 7.56645 20.6393 6.9807C20.4011 6.39494 20.0521 5.86275 19.612 5.41452Z" fill="#C43737" stroke="#C43737" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>

public/img/icon/thumb-active.svg

@@ -1,3 +1,3 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M8.74229 18.4016H6.82182C6.48226 18.4016 6.15661 18.2667 5.9165 18.0266C5.67639 17.7865 5.5415 17.4609 5.5415 17.1213V12.6402C5.5415 12.3006 5.67639 11.975 5.9165 11.7349C6.15661 11.4948 6.48226 11.3599 6.82182 11.3599H8.74229M13.2234 10.0795V7.51891C13.2234 7.00957 13.0211 6.52109 12.6609 6.16093C12.3007 5.80077 11.8123 5.59843 11.3029 5.59843L8.74229 11.3599V18.4016H15.9633C16.272 18.4051 16.5717 18.2969 16.8069 18.0969C17.0422 17.8969 17.1973 17.6186 17.2436 17.3133L18.127 11.5519C18.1549 11.3684 18.1425 11.1811 18.0907 11.0028C18.039 10.8246 17.9491 10.6597 17.8273 10.5197C17.7055 10.3796 17.5548 10.2677 17.3854 10.1917C17.2161 10.1157 17.0323 10.0774 16.8467 10.0795H13.2234Z" stroke="#B44343" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M8.74229 18.4016H6.82182C6.48226 18.4016 6.15661 18.2667 5.9165 18.0266C5.67639 17.7865 5.5415 17.4609 5.5415 17.1213V12.6402C5.5415 12.3006 5.67639 11.975 5.9165 11.7349C6.15661 11.4948 6.48226 11.3599 6.82182 11.3599H8.74229M13.2234 10.0795V7.51891C13.2234 7.00957 13.0211 6.52109 12.6609 6.16093C12.3007 5.80077 11.8123 5.59843 11.3029 5.59843L8.74229 11.3599V18.4016H15.9633C16.272 18.4051 16.5717 18.2969 16.8069 18.0969C17.0422 17.8969 17.1973 17.6186 17.2436 17.3133L18.127 11.5519C18.1549 11.3684 18.1425 11.1811 18.0907 11.0028C18.039 10.8246 17.9491 10.6597 17.8273 10.5197C17.7055 10.3796 17.5548 10.2677 17.3854 10.1917C17.2161 10.1157 17.0323 10.0774 16.8467 10.0795H13.2234Z" stroke="#C43737" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>

src/app/about/page.tsx

@@ -72,7 +72,7 @@ export default async function About() {
             <br />
             <p className="mt-[9px] text-[15px] leading-[24px]">
               如果你也想加入我们，无论是提供技术、资金或是其他任何方式的支持，都可以加微信号&nbsp;
-              <span className="text-[#B44343]">indier</span>
+              <span className="text-[#C43737]">indier</span>
               &nbsp;联系到我们。 <br />
               感谢音乐，感谢遇见，感谢所有的贡献者。还有感谢那些途中参与过，给予我们帮助的人们。所有的奉献都值得被铭记。
             </p>

src/app/mylist/page.tsx

@@ -71,7 +71,7 @@ export default function Journal() {
             </li>
           ))}
         </ul>
-        <div className="w-[105px] h-[36px] mt-[50px] pl-[45px] text-base text-[15px] leading-[36px] bg-[url(/img/icon/play-ellipse.svg)] bg-no-repeat bg-left hover:text-theme cursor-pointer">
+        <div className="w-[105px] h-[36px] mt-[50px] pl-[45px] text-base text-[15px] leading-[36px] bg-[url(/img/icon/play-ellipse.svg)] bg-no-repeat bg-left hover:text-brand cursor-pointer">
           播放全部
         </div>
         {/* List */}

src/components/Category.tsx

@@ -25,7 +25,7 @@ const Category = async ({ current = '' }: { current?: string }) => {
         <Link
           href={`/vol/list/${item.nameEn}`}
           key={item.id}
-          className={`w-[80px] h-[35px] mt-[10px] rounded-[120px] text-[13px] leading-[18px] text-center leading-[35px] cursor-pointer ${current === item.nameEn ? 'bg-[#B44343] text-[#fff]' : 'bg-[#F2F3F7] text-[#000]'}`}
+          className={`w-[80px] h-[35px] mt-[10px] rounded-[120px] text-[13px] leading-[18px] text-center leading-[35px] cursor-pointer ${current === item.nameEn ? 'bg-brand text-[#fff]' : 'bg-[#F2F3F7] text-[#000]'}`}
         >
           {item.nameCh}
         </Link>

src/components/Collect.tsx

@@ -31,7 +31,7 @@ export default function Collect({ active, id, type, size = 24, text = '' }: Prop
   return (
     <div className="flex flex-row items-center gap-[9px] cursor-pointer group" onClick={handleCollect}>
       {/* 文案 */}
-      {!!text && <p className="text-[rgba(0,0,0,0.4)] text-[13px] leading-[18.2px] group-hover:text-theme">{text}</p>}
+      {!!text && <p className="text-[rgba(0,0,0,0.4)] text-[13px] leading-[18.2px] group-hover:text-brand">{text}</p>}
       {/* 图标 */}
 
       <div

src/components/Comment/ButtonBar.tsx

@@ -44,14 +44,14 @@ export default function ButtonBar({
     <div className={`flex flex-row items-start gap-[18px] ${className}`}>
       {/* 回复 */}
       <div
-        className="pt-[3px] text-[14px] leading-[19.6px] text-[rgba(0,0,0,0.4)] hover:text-theme cursor-pointer"
+        className="pt-[3px] text-[14px] leading-[19.6px] text-[rgba(0,0,0,0.4)] hover:text-brand cursor-pointer"
         onClick={onShowInput}
       >
         回复
       </div>
       {/* 展开回复 */}
       {commentCount > 1 && !showAll && (
-        <div className="pt-[3px] text-theme text-[14px] leading-[19.6px] cursor-pointer" onClick={handleShowAll}>
+        <div className="pt-[3px] text-brand text-[14px] leading-[19.6px] cursor-pointer" onClick={handleShowAll}>
           展开{commentCount}条回复
         </div>
       )}
@@ -59,7 +59,7 @@ export default function ButtonBar({
       <div className="w-[49px] h-[24px] group cursor-pointer" onClick={handleThumbup}>
         {displayThumbupCount > 0 && (
           <div
-            className={`float-left mr-[2px] pt-[5px] ${thumbup ? 'text-theme' : 'text-[rgba(0, 0, 0, 0.7)]'} text-[12px] leading-[16.8px] group-hover:text-theme`}
+            className={`float-left mr-[2px] pt-[5px] ${thumbup ? 'text-brand' : 'text-[rgba(0, 0, 0, 0.7)]'} text-[12px] leading-[16.8px] group-hover:text-brand`}
           >
             {displayThumbupCount}
           </div>

src/components/Comment/CommentHeader.tsx

@@ -18,14 +18,14 @@ export default function CommentHeader({
 
       <div className="flex flex-row items-center text-[14px] leading-[19.6px] gap-[12px]">
         <div
-          className={`${type === 'hot' ? 'text-base' : 'text-[rgba(0,0,0,0.4)] hover:text-theme cursor-pointer'}`}
+          className={`${type === 'hot' ? 'text-base' : 'text-[rgba(0,0,0,0.4)] hover:text-brand cursor-pointer'}`}
           onClick={() => onChange('hot')}
         >
           热门
         </div>
-        <div className="text-[rgba(0,0,0,0.4)] cursor-pointer hover:text-theme">|</div>
+        <div className="text-[rgba(0,0,0,0.4)] cursor-pointer hover:text-brand">|</div>
         <div
-          className={`${type === 'new' ? 'text-base' : 'text-[rgba(0,0,0,0.4)] hover:text-theme cursor-pointer'}`}
+          className={`${type === 'new' ? 'text-base' : 'text-[rgba(0,0,0,0.4)] hover:text-brand cursor-pointer'}`}
           onClick={() => onChange('new')}
         >
           最新

src/components/Header/HeaderAvatar.tsx

@@ -19,7 +19,7 @@ export default function HeaderAvatar({ className }: { className?: string }) {
         <Avatar size={36} src={userInfo.avatar} className="cursor-pointer" />
       ) : (
         <button
-          className="w-[74px] h-[36px] border-[#000] border-[1.5px] rounded-[60px] text-[17px] hover:bg-theme hover:border-theme hover:text-[#fff] "
+          className="w-[74px] h-[36px] border-[#000] border-[1.5px] rounded-[60px] text-[17px] hover:bg-brand hover:border-brand hover:text-[#fff] "
           onClick={() => setShowLogin(true)}
         >
           登录

src/components/Journal/HotJournalCard.tsx

@@ -5,10 +5,10 @@ export default function JournalItem({ title, image, totalCommentReply, journalNo
     <div className="flex flex-row items-center h-[56px] group">
       <Image src={image} alt={title} width={80} height={56} unoptimized className="w-[80px] h-[56px] rounded-[3px]" />{' '}
       <div className="flex flex-col justify-between h-full ml-[20px] py-[6px]">
-        <p className="w-[200px] text-[15px] leading-[21px] cursor-pointer group-hover:text-theme overflow-hidden whitespace-nowrap truncate">
+        <p className="w-[200px] text-[15px] leading-[21px] cursor-pointer group-hover:text-brand overflow-hidden whitespace-nowrap truncate">
           {title}
         </p>
-        <p className="text-[13px] leading-[18.2px] cursor-pointer group-hover:text-theme">{`${totalCommentReply}人收藏`}</p>
+        <p className="text-[13px] leading-[18.2px] cursor-pointer group-hover:text-brand">{`${totalCommentReply}人收藏`}</p>
       </div>
     </div>
   );

src/components/Journal/JournalItem.tsx

@@ -18,7 +18,7 @@ export default function JournalItem({
         <JournalCard image={image} title={title} journalNo={journalNo} />
       </Link>
       {/* 摘要 */}
-      <p className="w-full mt-[15px] mb-[12px] text-[17px] leading-[23.8px] text-base hover:text-theme cursor-pointer overflow-hidden whitespace-nowrap truncate">
+      <p className="w-full mt-[15px] mb-[12px] text-[17px] leading-[23.8px] text-base hover:text-brand cursor-pointer overflow-hidden whitespace-nowrap truncate">
         {summary}
       </p>
       {/* 精选评论 */}
@@ -32,7 +32,7 @@ export default function JournalItem({
               </div>
             )}
           </div>
-          <p className="w-[270px] text-[14px] leading-[20px] text-[rgba(0,0,0,0.7)] hover:text-theme cursor-pointer overflow-hidden whitespace-nowrap truncate">
+          <p className="w-[270px] text-[14px] leading-[20px] text-[rgba(0,0,0,0.7)] hover:text-brand cursor-pointer overflow-hidden whitespace-nowrap truncate">
             {commentList[0].content}
           </p>
         </div>
@@ -41,7 +41,7 @@ export default function JournalItem({
       {/* 评论 & 收藏 */}
       <div className="flex flex-row items-center">
         <Image width={24} height={24} src={'/img/icon/comment.svg'} alt="comment" unoptimized />
-        <p className="w-[42px] ml-[6px] mr-[24px] text-[14px] leading-[16px] text-[rgba(0,0,0,0.4) cursor-pointer hover:text-theme">
+        <p className="w-[42px] ml-[6px] mr-[24px] text-[14px] leading-[16px] text-[rgba(0,0,0,0.4) cursor-pointer hover:text-brand">
           {totalCommentReply}
         </p>
         <Image
@@ -51,7 +51,7 @@ export default function JournalItem({
           alt="love"
           unoptimized
         />
-        <p className="ml-[6px] text-[14px] leading-[16px] text-[rgba(0,0,0,0.4) cursor-pointer hover:text-theme">
+        <p className="ml-[6px] text-[14px] leading-[16px] text-[rgba(0,0,0,0.4) cursor-pointer hover:text-brand">
           {totalCommentReply}
         </p>
       </div>

src/components/Journal/JournalList.tsx

@@ -37,7 +37,7 @@ const JournalList = async ({ categoryId, nameCh, journalNoRange, pageNum, pageSi
         <div className="text-[17px] leading-[23.8px]">{nameCh}</div>
         <div className="flex flex-row items-center cursor-pointer">
           <Image className="mr-[6px]" width={24} height={24} src={'/img/icon/fm.svg'} alt="FM" />
-          <p className="text-[15px] leading-[21px] cursor-pointer hover:text-theme">电台</p>
+          <p className="text-[15px] leading-[21px] cursor-pointer hover:text-brand">电台</p>
         </div>
       </div>
 

src/components/Song/SongCard.tsx

@@ -11,8 +11,8 @@ export default function JournalItem({ id, title, pic, artist, haveCollect }: Son
       <div className="flex flex-row items-center">
         <Image width={48} height={48} src={pic} alt={title} className="w-[48px] h-[48px] overflow-hidden" unoptimized />
         <div className="flex flex-col justify-between ml-[15px]">
-          <div className="text-[15px] leading-[21px] text-base group-hover:text-theme">{title}</div>
+          <div className="text-[15px] leading-[21px] text-base group-hover:text-brand">{title}</div>
-          <div className="text-[13px] leading-[18.2px] text-[rgba(0,0,0,0.7)] group-hover:text-theme">{artist}</div>
+          <div className="text-[13px] leading-[18.2px] text-[rgba(0,0,0,0.7)] group-hover:text-brand">{artist}</div>
         </div>
       </div>
 

src/components/Thumb.tsx

@@ -29,7 +29,7 @@ export default function Collect({ active, id, type, size = 24, text = '' }: Prop
   return (
     <div className="flex flex-row items-center gap-[9px] cursor-pointer group" onClick={handleCollect}>
       {/* 文案 */}
-      {!!text && <p className="text-[rgba(0,0,0,0.4)] text-[13px] leading-[18.2px] group-hover:text-theme">{text}</p>}
+      {!!text && <p className="text-[rgba(0,0,0,0.4)] text-[13px] leading-[18.2px] group-hover:text-brand">{text}</p>}
       {/* 图标 */}
 
       <div

src/components/common/Button.tsx

@@ -17,7 +17,7 @@ const Button: React.FC<ButtonProps> = ({
 }) => {
   const buttonColorList = {
     default: { default: 'bg-blue text-[#000]', disabled: 'opacity-50' },
-    primary: { default: 'bg-[#B44343] text-[#fff]', disabled: 'opacity-50' },
+    primary: { default: 'bg-brand text-[#fff]', disabled: 'opacity-50' },
     black: { default: 'bg-[#000] text-[#fff]', disabled: 'opacity-10' },
   };
 

uno.config.ts

@@ -12,10 +12,7 @@ export default defineConfig({
     }),
   ],
 
-  rules: [
+  rules: [['text-flow', { 'text-overflow': 'ellipsis', 'white-space': 'nowrap', overflow: 'hidden' }]],
-    ['bg-theme', { 'background-color': '#B44343' }],
-    ['text-flow', { 'text-overflow': 'ellipsis', 'white-space': 'nowrap', overflow: 'hidden' }],
-  ],
 
   shortcuts: {
     'switch-animation': 'transition duration-300',
@@ -24,9 +21,9 @@ export default defineConfig({
     'text-base': 'text-[rgba(0,0,0,0.95)] dark:text-[#f0f0f0] switch-animation',
     'switch-label-base': 'bg-gray-200 dark:bg-gray-800 switch-animation',
     'switch-span-base': 'bg-white dark:bg-gray-300 switch-animation',
-    'text-theme': 'text-[#B44343]',
+    'text-brand': 'text-[#C43737]',
     'text-overflow': 'overflow-hidden whitespace-nowrap truncate',
-    'border-theme': 'border-[#B44343]',
+    'border-brand': 'border-[#C43737]',
-    'bg-theme': 'bg-[#B44343]',
+    'bg-brand': 'bg-[#C43737]',
   },
 });