diff --git a/src/components/sidebar/style.module.scss b/src/components/sidebar/style.module.scss index 9ad37b2e33d2a4..b5a96bddbde8e8 100644 --- a/src/components/sidebar/style.module.scss +++ b/src/components/sidebar/style.module.scss @@ -172,19 +172,13 @@ font-weight: 600; line-height: 1; letter-spacing: 0.08em; - color: #d97706; /* amber-600 for good contrast in light mode */ - background-color: transparent; - border: 2px solid #f59e0b; /* amber-500 warning color */ + color: rgb(24, 20, 35); + background-color: rgb(255, 208, 14); border-radius: 0.25rem; white-space: nowrap; flex-shrink: 0; } -:global(.dark) .beta-badge { - color: #fafaf9; /* off-white for dark mode */ - border-color: #fbbf24; /* amber-400 for dark mode */ -} - .new-badge { display: inline-flex; align-items: center; @@ -193,19 +187,13 @@ font-weight: 600; line-height: 1; letter-spacing: 0.08em; - color: #059669; /* emerald-600 for good contrast in light mode */ - background-color: transparent; - border: 2px solid #10b981; /* emerald-500 success green */ + color: rgb(24, 20, 35); + background-color: rgb(0, 242, 97); border-radius: 0.25rem; white-space: nowrap; flex-shrink: 0; } -:global(.dark) .new-badge { - color: #fafaf9; /* off-white for dark mode */ - border-color: #34d399; /* emerald-400 for dark mode */ -} - .sidebar-separator { border-top: 2px solid var(--gray-6); }