chore: update colors

Author: userquin

app/utils/npm/outdated-dependencies.ts

@@ -74,9 +74,10 @@ export function getVersionClass(info: OutdatedDependencyInfo | undefined): strin
     return 'text-green-700 dark:text-green-500 cursor-help'
   }
   // Red for major versions behind
-  if (info.majorsBehind > 0) return 'text-#db0000 dark:text-red-500 cursor-help'
+  if (info.majorsBehind > 0) return 'text-red-700 dark:text-red-500 cursor-help'
+  // if (info.majorsBehind > 0) return 'text-#db0000 dark:text-red-500 cursor-help'
   // Orange for minor versions behind
-  if (info.minorsBehind > 0) return 'text-#bf7c01 dark:text-orange-500 cursor-help'
+  if (info.minorsBehind > 0) return 'text-orange-700 dark:text-orange-500 cursor-help'
   // Yellow for patch versions behind
-  return 'text-#929220 dark:text-yellow-500 cursor-help'
+  return 'text-yellow-700 dark:text-yellow-500 cursor-help'
 }

server/utils/shiki.ts

@@ -25,6 +25,8 @@ export async function getShikiHighlighter(): Promise<HighlighterCore> {
         import('@shikijs/themes/github-light').then(t =>
           replaceThemeColors(t.default ?? t, {
             '#22863A': '#227436', // green
+            '#E36209': '#BA4D02', // orange
+            '#D73A49': '#CD3443', // red
             '#B31D28': '#AC222F', // red
           }),
         ),

shared/utils/severity.ts

@@ -7,21 +7,22 @@ import { SEVERITY_LEVELS } from '../types'
  * Color classes for severity levels (banner style)
  */
 export const SEVERITY_COLORS: Record<OsvSeverityLevel, string> = {
-  critical: 'text-#db0000 dark:text-red-500 bg-red-500/10 border-red-500/50',
-  high: 'text-#ee0101 dark:text-red-400 bg-red-500/10 border-red-500/30',
-  moderate: 'text-orange-400 bg-orange-500/10 border-orange-500/30',
-  low: 'text-#929220 dark:text-yellow-400 bg-yellow-500/10 border-yellow-500/30',
+  critical: 'text-red-700 dark:text-red-500 bg-red-800/10 dark:bg-red-500/10 border-red-500/50',
+  high: 'text-red-800 dark:text-red-400 bg-red-800/10 dark:bg-red-500/10 border-red-500/30',
+  moderate:
+    'text-orange-800 dark:text-orange-400 bg-orange-600/10 dark:bg-orange-500/10 border-orange-500/30',
+  low: 'text-yellow-700 dark:text-yellow-400 bg-yellow-500/10 border-yellow-500/30',
   unknown: 'text-fg-muted bg-bg-subtle border-border',
 }
 
 /**
  * Color classes for inline severity indicators
  */
 export const SEVERITY_TEXT_COLORS: Record<OsvSeverityLevel, string> = {
-  critical: 'text-#db0000 dark:text-red-500',
-  high: 'text-#bf7c01 dark:text-orange-500',
-  moderate: 'text-#929220 dark:text-yellow-500',
-  low: 'text-blue-500',
+  critical: 'text-red-700 dark:text-red-500',
+  high: 'text-orange-700 dark:text-orange-500',
+  moderate: 'text-yellow-700 dark:text-yellow-500',
+  low: 'text-blue-700 dark:text-blue-500',
   unknown: 'text-fg-subtle',
 }