custom variable for Errors

Author: samejr

apps/webapp/app/components/navigation/SideMenu.tsx

@@ -464,10 +464,7 @@ export function SideMenu({
                 title="AI"
                 isSideMenuCollapsed={isCollapsed}
                 itemSpacingClassName="space-y-0"
-                initialCollapsed={getSectionCollapsed(
-                  user.dashboardPreferences.sideMenu,
-                  "ai"
-                )}
+                initialCollapsed={getSectionCollapsed(user.dashboardPreferences.sideMenu, "ai")}
                 onCollapseToggle={handleSectionToggle("ai")}
               >
                 <SideMenuItem
@@ -531,8 +528,8 @@ export function SideMenu({
                   <SideMenuItem
                     name="Errors"
                     icon={IconBugFilled}
-                    activeIconColor="text-amber-500"
-                    inactiveIconColor="text-amber-500"
+                    activeIconColor="text-errors"
+                    inactiveIconColor="text-errors"
                     to={v3ErrorsPath(organization, project, environment)}
                     data-action="errors"
                     isCollapsed={isCollapsed}

apps/webapp/tailwind.config.js

@@ -177,6 +177,7 @@ const docs = colors.blue[500];
 const bulkActions = colors.emerald[500];
 const aiPrompts = colors.blue[500];
 const aiMetrics = colors.green[500];
+const errors = colors.amber[500];
 
 /** Other variables */
 const radius = "0.5rem";
@@ -262,6 +263,7 @@ module.exports = {
         customDashboards,
         aiPrompts,
         aiMetrics,
+        errors,
       },
       focusStyles: {
         outline: "1px solid",