From 44fd69d22983324c66bd43e5b61a4373846e0747 Mon Sep 17 00:00:00 2001
From: decolua <decoluadt@gmail.com>
Date: Tue, 22 Sep 2026 14:46:57 +0700
Subject: [PATCH] style(dashboard): match 9remote NEW badge style on System One
 tags

Co-Authored-By: Claude Code <noreply@anthropic.com>
---
 src/shared/components/Sidebar.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/shared/components/Sidebar.js b/src/shared/components/Sidebar.js
index 098bdcbd..35851b56 100644
--- a/src/shared/components/Sidebar.js
+++ b/src/shared/components/Sidebar.js
@@ -201,7 +201,7 @@ export default function Sidebar({ onClose }) {
               <span className="material-symbols-outlined text-[18px]">perm_media</span>
               <span className="text-[13px] font-medium flex-1 text-left">Media Providers</span>
               {MEDIA_PROVIDER_KINDS.some((k) => VISIBLE_MEDIA_KINDS.includes(k.id) && k.isNew) && (
-                <span className="text-[9px] font-bold uppercase text-primary bg-primary/10 px-1.5 py-0.5 rounded">New</span>
+                <span className="text-[10px] font-semibold px-1.5 py-0.5 rounded-[3px] bg-green-500/15 text-green-400">NEW</span>
               )}
               <span className="material-symbols-outlined text-[14px] transition-transform" style={{ transform: mediaOpen ? "rotate(180deg)" : "rotate(0deg)" }}>
                 expand_more
@@ -224,7 +224,7 @@ export default function Sidebar({ onClose }) {
                     <span className="material-symbols-outlined text-[16px]">{kind.icon}</span>
                     <span className="text-sm">{kind.label}</span>
                     {kind.isNew && (
-                      <span className="text-[9px] font-bold uppercase text-primary bg-primary/10 px-1.5 py-0.5 rounded">New</span>
+                      <span className="text-[10px] font-semibold px-1.5 py-0.5 rounded-[3px] bg-green-500/15 text-green-400">NEW</span>
                     )}
                   </Link>
                 ))}