From 5154a40539469c51caf9d01a1e79e9e02dd64244 Mon Sep 17 00:00:00 2001
From: Raman Yasel <raman.yasel@gmail.com>
Date: Wed, 29 Jan 2025 13:11:38 +0300
Subject: [PATCH 1/4] chore: update sidebar styles

---
 .../view-preview/root-view-wrapper-store.tsx  |  2 +-
 packages/ui/locales/en/component.json         |  2 +-
 .../components/manage-navigation/index.tsx    |  2 +-
 .../src/components/navbar-skeleton/group.tsx  |  2 +-
 .../components/navbar/navbar-item/index.tsx   | 32 +++++++++++--------
 packages/ui/src/components/navbar/navbar.tsx  | 14 ++++----
 .../ui/src/views/layouts/SandboxLayout.tsx    |  2 +-
 7 files changed, 30 insertions(+), 26 deletions(-)

diff --git a/apps/design-system/src/pages/view-preview/root-view-wrapper-store.tsx b/apps/design-system/src/pages/view-preview/root-view-wrapper-store.tsx
index c9418496ab..6b55f21a57 100644
--- a/apps/design-system/src/pages/view-preview/root-view-wrapper-store.tsx
+++ b/apps/design-system/src/pages/view-preview/root-view-wrapper-store.tsx
@@ -271,7 +271,7 @@ export const useRootViewWrapperStore = () => {
     },
     {
       groupId: 8,
-      title: 'Acces Control',
+      title: 'Access Control',
       type: MenuGroupTypes.SETTINGS,
       items: [
         {
diff --git a/packages/ui/locales/en/component.json b/packages/ui/locales/en/component.json
index 7886bdd760..1939a03860 100644
--- a/packages/ui/locales/en/component.json
+++ b/packages/ui/locales/en/component.json
@@ -91,7 +91,7 @@
     "overrides": "Overrides",
     "certificates": "Certificates",
     "webhooks": "Webhooks",
-    "access-control": "Acces Control",
+    "access-control": "Access Control",
     "users": "Users",
     "user-groups": "User Groups",
     "service-accounts": "Service Accounts",
diff --git a/packages/ui/src/components/manage-navigation/index.tsx b/packages/ui/src/components/manage-navigation/index.tsx
index 34fc155e8e..1b0679d350 100644
--- a/packages/ui/src/components/manage-navigation/index.tsx
+++ b/packages/ui/src/components/manage-navigation/index.tsx
@@ -142,7 +142,7 @@ export const ManageNavigation = ({
                           key={item.id}
                           className="flex w-full grow cursor-not-allowed items-center gap-x-2.5 rounded p-1 px-3 opacity-55"
                         >
-                          <Icon className="w-3.5" name="shield-lock" size={14} />
+                          <Icon className="w-3.5" name="lock" size={14} />
                           <Text>{item.title}</Text>
                         </div>
                       )
diff --git a/packages/ui/src/components/navbar-skeleton/group.tsx b/packages/ui/src/components/navbar-skeleton/group.tsx
index 6b87e3d6c8..b3f4840a93 100644
--- a/packages/ui/src/components/navbar-skeleton/group.tsx
+++ b/packages/ui/src/components/navbar-skeleton/group.tsx
@@ -16,7 +16,7 @@ export function Group({ children, title, topBorder, isSubMenu = false, titleClas
       className={cn(
         'flex w-full flex-col px-5',
         { 'border-borders-5 border-t pt-2.5': topBorder },
-        isSubMenu ? 'pb-2.5' : 'gap-1.5 pb-3',
+        isSubMenu ? 'pb-2.5 gap-y-0.5' : 'gap-1.5 pb-3',
         className
       )}
     >
diff --git a/packages/ui/src/components/navbar/navbar-item/index.tsx b/packages/ui/src/components/navbar/navbar-item/index.tsx
index 35ab8fcae7..6ebe8d35eb 100644
--- a/packages/ui/src/components/navbar/navbar-item/index.tsx
+++ b/packages/ui/src/components/navbar/navbar-item/index.tsx
@@ -9,6 +9,7 @@ import { NavbarItemType } from '../types'
 interface NavbarItemProps {
   item: NavbarItemType
   isRecent?: boolean
+  isStaticPinned?: boolean
   handleChangePinnedMenuItem: (item: NavbarItemType, pin: boolean) => void
   handleRemoveRecentMenuItem: (item: NavbarItemType) => void
   handleCustomNav: () => void
@@ -18,6 +19,7 @@ interface NavbarItemProps {
 export const NavbarItem = ({
   item,
   isRecent = false,
+  isStaticPinned = false,
   handleChangePinnedMenuItem,
   handleRemoveRecentMenuItem,
   handleCustomNav,
@@ -75,20 +77,22 @@ export const NavbarItem = ({
           />
         )}
       </NavLink>
-      <DropdownMenu.Root>
-        <DropdownMenu.Trigger asChild>
-          <Button
-            className="absolute right-[-0.8125rem] top-0 text-icons-4 opacity-0 hover:text-icons-2 focus:opacity-100 focus-visible:opacity-100 group-hover:opacity-100 data-[state=open]:opacity-100"
-            size="sm_icon"
-            variant="custom"
-          >
-            <Icon name="menu-dots" size={12} />
-          </Button>
-        </DropdownMenu.Trigger>
-        <DropdownMenu.Content className="w-[128px]" align="end" sideOffset={-1} alignOffset={8}>
-          {dropdownItems}
-        </DropdownMenu.Content>
-      </DropdownMenu.Root>
+      {!isStaticPinned && (
+        <DropdownMenu.Root>
+          <DropdownMenu.Trigger asChild>
+            <Button
+              className="absolute right-[-0.8125rem] top-0 text-icons-4 opacity-0 hover:text-icons-2 focus:opacity-100 focus-visible:opacity-100 group-hover:opacity-100 data-[state=open]:opacity-100"
+              size="sm_icon"
+              variant="custom"
+            >
+              <Icon name="menu-dots" size={12} />
+            </Button>
+          </DropdownMenu.Trigger>
+          <DropdownMenu.Content className="w-[128px]" align="end" sideOffset={-1} alignOffset={8}>
+            {dropdownItems}
+          </DropdownMenu.Content>
+        </DropdownMenu.Root>
+      )}
     </div>
   )
 }
diff --git a/packages/ui/src/components/navbar/navbar.tsx b/packages/ui/src/components/navbar/navbar.tsx
index 630d7587b6..188ea46a48 100644
--- a/packages/ui/src/components/navbar/navbar.tsx
+++ b/packages/ui/src/components/navbar/navbar.tsx
@@ -79,6 +79,7 @@ export const Navbar = ({
                 handleChangePinnedMenuItem={handleChangePinnedMenuItem}
                 handleRemoveRecentMenuItem={handleRemoveRecentMenuItem}
                 handleCustomNav={handleCustomNav}
+                isStaticPinned
                 t={t}
               />
             ))}
@@ -104,6 +105,12 @@ export const Navbar = ({
           )}
 
           <NavbarSkeleton.Group topBorder>
+            {!!currentUser?.admin && (
+              <Link to="/admin/default-settings">
+                <NavbarSkeleton.Item text="User Management" icon={<Icon name="account" size={12} />} />
+              </Link>
+            )}
+
             <button onClick={handleSettingsMenu}>
               <NavbarSkeleton.Item
                 text={adminMenuItem.title}
@@ -115,13 +122,6 @@ export const Navbar = ({
         </ScrollArea>
 
         {/*<NavbarAi />*/}
-        {!!currentUser?.admin && (
-          <NavbarSkeleton.Group>
-            <Link to="/admin/default-settings">
-              <NavbarSkeleton.Item text="User Management" icon={<Icon name="account" size={12} />} />
-            </Link>
-          </NavbarSkeleton.Group>
-        )}
       </NavbarSkeleton.Content>
 
       <NavbarSkeleton.Footer>
diff --git a/packages/ui/src/views/layouts/SandboxLayout.tsx b/packages/ui/src/views/layouts/SandboxLayout.tsx
index 9d87c89888..4b3321c114 100644
--- a/packages/ui/src/views/layouts/SandboxLayout.tsx
+++ b/packages/ui/src/views/layouts/SandboxLayout.tsx
@@ -18,7 +18,7 @@ function Root({ children }: { children: ReactNode }) {
 
 function LeftPanel({ children, className }: { children: ReactNode; className?: string }) {
   return (
-    <div className="sticky top-0 h-screen">
+    <div className="sticky top-0 z-10 h-screen">
       <nav className={cn('h-full w-[220px] border-borders-5', className)} aria-label="Left Navigation Panel">
         {children}
       </nav>

From e6d4ce3c3826ca5b553418e53c978aec6ffa0587 Mon Sep 17 00:00:00 2001
From: Raman Yasel <raman.yasel@gmail.com>
Date: Wed, 29 Jan 2025 13:37:15 +0300
Subject: [PATCH 2/4] chore: update gradient icons

---
 packages/ui/src/icons/artifacts-gradient.svg  | 14 ++++++-------
 .../src/icons/chaos-engineering-gradient.svg  |  8 +++----
 .../ui/src/icons/cloud-costs-gradient.svg     | 21 +++++++++++--------
 packages/ui/src/icons/dev-envs-gradient.svg   | 14 ++++++-------
 .../ui/src/icons/dev-insights-gradient.svg    | 14 ++++++-------
 packages/ui/src/icons/dev-portal-gradient.svg | 14 ++++++-------
 packages/ui/src/icons/execution-gradient.svg  | 14 ++++++-------
 .../ui/src/icons/featured-flags-gradient.svg  | 14 +++++++++++++
 packages/ui/src/icons/incidents-gradient.svg  | 14 ++++++-------
 .../ui/src/icons/infrastructure-gradient.svg  | 21 +++++++++++--------
 packages/ui/src/icons/pipelines-gradient.svg  | 16 +++++++-------
 .../ui/src/icons/repositories-gradient.svg    | 19 ++++++++++-------
 .../ui/src/icons/security-tests-gradient.svg  | 21 +++++++++++--------
 .../ui/src/icons/supply-chain-gradient.svg    | 14 ++++++-------
 14 files changed, 122 insertions(+), 96 deletions(-)
 create mode 100644 packages/ui/src/icons/featured-flags-gradient.svg

diff --git a/packages/ui/src/icons/artifacts-gradient.svg b/packages/ui/src/icons/artifacts-gradient.svg
index b52c758749..01125dfedd 100644
--- a/packages/ui/src/icons/artifacts-gradient.svg
+++ b/packages/ui/src/icons/artifacts-gradient.svg
@@ -1,9 +1,9 @@
 <svg viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M9.20218 0.667698C9.0734 0.610767 8.9266 0.610767 8.79782 0.667698L1.29782 3.98349C1.11678 4.06353 1 4.24284 1 4.44079V4.4997C1 4.49972 1 4.49974 1 4.49975V13.5592C1 13.7571 1.11678 13.9364 1.29782 14.0165L8.78783 17.3279C8.84488 17.3547 8.90782 17.371 8.97417 17.3743C8.98278 17.3748 8.99139 17.375 9 17.375C9.00955 17.375 9.01911 17.3747 9.02865 17.3742C9.09397 17.3705 9.15593 17.3543 9.21218 17.3279L16.7022 14.0165C16.8832 13.9364 17 13.7571 17 13.5592V4.51451C17.0003 4.50467 17.0003 4.49481 17 4.48493V4.44079C17 4.24284 16.8832 4.06353 16.7022 3.98349L9.20218 0.667698ZM15.3894 4.49646L9 1.67168L2.61074 4.49641L9.00011 7.69109L15.3894 4.49646ZM2 5.30908V13.2335L8.5 16.1073V8.55907L2 5.30908ZM9.5 16.1073L16 13.2335V5.30918L9.5 8.55918V16.1073Z" fill="url(#paint0_linear_17614_128159)"/>
-<defs>
-<linearGradient id="paint0_linear_17614_128159" x1="9.00011" y1="0.625" x2="9.00011" y2="17.375" gradientUnits="userSpaceOnUse">
-<stop stop-color="currentColor"/>
-<stop offset="1" stop-color="currentColor"/>
-</linearGradient>
-</defs>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M8.20218 0.667698C8.0734 0.610767 7.9266 0.610767 7.79782 0.667698L0.297825 3.98349C0.11678 4.06353 0 4.24284 0 4.44079V4.4997C0 4.49972 0 4.49974 0 4.49975V13.5592C0 13.7571 0.116779 13.9364 0.297823 14.0165L7.78783 17.3279C7.84488 17.3547 7.90782 17.371 7.97417 17.3743C7.98278 17.3748 7.99139 17.375 8 17.375C8.00955 17.375 8.01911 17.3747 8.02865 17.3742C8.09397 17.3705 8.15593 17.3543 8.21218 17.3279L15.7022 14.0165C15.8832 13.9364 16 13.7571 16 13.5592V4.51451C16.0003 4.50467 16.0003 4.49481 16 4.48493V4.44079C16 4.24284 15.8832 4.06353 15.7022 3.98349L8.20218 0.667698ZM14.3894 4.49646L8 1.67168L1.61074 4.49641L8.00011 7.69109L14.3894 4.49646ZM1 5.30908V13.2335L7.5 16.1073V8.55907L1 5.30908ZM8.5 16.1073L15 13.2335V5.30918L8.5 8.55918V16.1073Z" fill="url(#paint0_linear_24792_73682)" />
+    <defs>
+        <linearGradient id="paint0_linear_24792_73682" x1="8.00011" y1="0.625" x2="8.00011" y2="17.375" gradientUnits="userSpaceOnUse">
+            <stop stop-color="currentColor" style="stop-color:currentColor;stop-color:color(display-p3 0.9397 0.9397 0.9397);stop-opacity:1;"/>
+            <stop offset="1" stop-color="currentColor" style="stop-color:currentColor;stop-color:color(display-p3 0.6132 0.6132 0.6132);stop-opacity:1;"/>
+        </linearGradient>
+    </defs>
 </svg>
diff --git a/packages/ui/src/icons/chaos-engineering-gradient.svg b/packages/ui/src/icons/chaos-engineering-gradient.svg
index 2f351523de..4b12dcceb0 100644
--- a/packages/ui/src/icons/chaos-engineering-gradient.svg
+++ b/packages/ui/src/icons/chaos-engineering-gradient.svg
@@ -1,9 +1,9 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" fill="none">
-  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.99909 0.417969L9.35264 0.771522L10.8526 2.27152C11.0479 2.46678 11.0479 2.78337 10.8526 2.97863C10.6574 3.17389 10.3408 3.17389 10.1455 2.97863L9.49909 2.33218V6.80583C9.94823 6.90774 10.3463 7.14402 10.6489 7.47016L14.5174 5.23671L13.5706 4.98304C13.3039 4.91157 13.1456 4.6374 13.2171 4.37067C13.2886 4.10393 13.5627 3.94564 13.8295 4.01711L15.8785 4.56615L16.3615 4.69556L16.2321 5.17852L15.683 7.22756C15.6115 7.49429 15.3374 7.65259 15.0706 7.58111C14.8039 7.50964 14.6456 7.23548 14.7171 6.96874L14.9367 6.14933L11.1494 8.33588C11.2142 8.54582 11.2491 8.76887 11.2491 9.00008C11.2491 9.23128 11.2142 9.45434 11.1494 9.66428L14.9367 11.8508L14.7171 11.0314C14.6456 10.7647 14.8039 10.4905 15.0706 10.419C15.3374 10.3476 15.6115 10.5059 15.683 10.7726L16.2321 12.8216L16.3615 13.3046L15.8785 13.434L13.8295 13.983C13.5627 14.0545 13.2886 13.8962 13.2171 13.6295C13.1456 13.3628 13.3039 13.0886 13.5706 13.0171L14.5174 12.7634L10.6489 10.53C10.3463 10.8561 9.94823 11.0924 9.49909 11.1943V15.668L10.1455 15.0215C10.3408 14.8263 10.6574 14.8263 10.8526 15.0215C11.0479 15.2168 11.0479 15.5334 10.8526 15.7286L9.35264 17.2286L8.99909 17.5822L8.64554 17.2286L7.14554 15.7286C6.95028 15.5334 6.95028 15.2168 7.14554 15.0215C7.3408 14.8263 7.65738 14.8263 7.85264 15.0215L8.49909 15.668V11.1943C8.04993 11.0924 7.65181 10.8561 7.34922 10.5299L3.48072 12.7634L4.42754 13.0171C4.69427 13.0886 4.85256 13.3628 4.78109 13.6295C4.70962 13.8962 4.43545 14.0545 4.16872 13.983L2.11968 13.434L1.63672 13.3046L1.76613 12.8216L2.31517 10.7726C2.38664 10.5059 2.66081 10.3476 2.92754 10.419C3.19427 10.4905 3.35256 10.7647 3.28109 11.0314L3.06156 11.8507L6.84871 9.6642C6.78396 9.45429 6.74909 9.23125 6.74909 9.00008C6.74909 8.7689 6.78396 8.54587 6.84871 8.33595L3.06156 6.14943L3.28109 6.96874C3.35256 7.23548 3.19427 7.50964 2.92754 7.58111C2.66081 7.65259 2.38664 7.49429 2.31517 7.22756L1.76613 5.17852L1.63672 4.69556L2.11968 4.56615L4.16872 4.01711C4.43545 3.94564 4.70962 4.10393 4.78109 4.37067C4.85256 4.6374 4.69427 4.91157 4.42754 4.98304L3.48073 5.23674L7.34922 7.47021C7.65181 7.14404 8.04993 6.90775 8.49909 6.80583V2.33218L7.85264 2.97863C7.65738 3.17389 7.3408 3.17389 7.14554 2.97863C6.95028 2.78337 6.95028 2.46678 7.14554 2.27152L8.64554 0.771522L8.99909 0.417969Z" fill="url(#paint0_linear_16731_78963)"/>
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.99909 0.417969L9.35264 0.771522L10.8526 2.27152C11.0479 2.46678 11.0479 2.78337 10.8526 2.97863C10.6574 3.17389 10.3408 3.17389 10.1455 2.97863L9.49909 2.33218V6.80583C9.94823 6.90774 10.3463 7.14402 10.6489 7.47016L14.5174 5.23671L13.5706 4.98304C13.3039 4.91157 13.1456 4.6374 13.2171 4.37067C13.2886 4.10393 13.5627 3.94564 13.8295 4.01711L15.8785 4.56615L16.3615 4.69556L16.2321 5.17852L15.683 7.22756C15.6115 7.49429 15.3374 7.65259 15.0706 7.58111C14.8039 7.50964 14.6456 7.23548 14.7171 6.96874L14.9367 6.14933L11.1494 8.33588C11.2142 8.54582 11.2491 8.76887 11.2491 9.00008C11.2491 9.23128 11.2142 9.45434 11.1494 9.66428L14.9367 11.8508L14.7171 11.0314C14.6456 10.7647 14.8039 10.4905 15.0706 10.419C15.3374 10.3476 15.6115 10.5059 15.683 10.7726L16.2321 12.8216L16.3615 13.3046L15.8785 13.434L13.8295 13.983C13.5627 14.0545 13.2886 13.8962 13.2171 13.6295C13.1456 13.3628 13.3039 13.0886 13.5706 13.0171L14.5174 12.7634L10.6489 10.53C10.3463 10.8561 9.94823 11.0924 9.49909 11.1943V15.668L10.1455 15.0215C10.3408 14.8263 10.6574 14.8263 10.8526 15.0215C11.0479 15.2168 11.0479 15.5334 10.8526 15.7286L9.35264 17.2286L8.99909 17.5822L8.64554 17.2286L7.14554 15.7286C6.95028 15.5334 6.95028 15.2168 7.14554 15.0215C7.3408 14.8263 7.65738 14.8263 7.85264 15.0215L8.49909 15.668V11.1943C8.04993 11.0924 7.65181 10.8561 7.34922 10.5299L3.48072 12.7634L4.42754 13.0171C4.69427 13.0886 4.85256 13.3628 4.78109 13.6295C4.70962 13.8962 4.43545 14.0545 4.16872 13.983L2.11968 13.434L1.63672 13.3046L1.76613 12.8216L2.31517 10.7726C2.38664 10.5059 2.66081 10.3476 2.92754 10.419C3.19427 10.4905 3.35256 10.7647 3.28109 11.0314L3.06156 11.8507L6.84871 9.6642C6.78396 9.45429 6.74909 9.23125 6.74909 9.00008C6.74909 8.7689 6.78396 8.54587 6.84871 8.33595L3.06156 6.14943L3.28109 6.96874C3.35256 7.23548 3.19427 7.50964 2.92754 7.58111C2.66081 7.65259 2.38664 7.49429 2.31517 7.22756L1.76613 5.17852L1.63672 4.69556L2.11968 4.56615L4.16872 4.01711C4.43545 3.94564 4.70962 4.10393 4.78109 4.37067C4.85256 4.6374 4.69427 4.91157 4.42754 4.98304L3.48073 5.23674L7.34922 7.47021C7.65181 7.14404 8.04993 6.90775 8.49909 6.80583V2.33218L7.85264 2.97863C7.65738 3.17389 7.3408 3.17389 7.14554 2.97863C6.95028 2.78337 6.95028 2.46678 7.14554 2.27152L8.64554 0.771522L8.99909 0.417969Z" fill="url(#paint0_linear_17614_128240)" style=""/>
   <defs>
-    <linearGradient id="paint0_linear_16731_78963" x1="8.99909" y1="0.417969" x2="8.99909" y2="17.5822" gradientUnits="userSpaceOnUse">
-      <stop stop-color="currentColor"/>
-      <stop offset="1" stop-color="currentColor"/>
+    <linearGradient id="paint0_linear_17614_128240" x1="8.99909" y1="0.417969" x2="8.99909" y2="17.5822" gradientUnits="userSpaceOnUse">
+      <stop stop-color="currentColor" style="stop-color:currentColor;stop-color:color(display-p3 0.9397 0.9397 0.9397);stop-opacity:1;"/>
+      <stop offset="1" stop-color="currentColor" style="stop-color:currentColor;stop-color:color(display-p3 0.6132 0.6132 0.6132);stop-opacity:1;"/>
     </linearGradient>
   </defs>
 </svg>
diff --git a/packages/ui/src/icons/cloud-costs-gradient.svg b/packages/ui/src/icons/cloud-costs-gradient.svg
index 52d30b82ff..b118ae1724 100644
--- a/packages/ui/src/icons/cloud-costs-gradient.svg
+++ b/packages/ui/src/icons/cloud-costs-gradient.svg
@@ -1,11 +1,14 @@
 <svg viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M9 0.0625C7.84727 0.0625 6.72308 0.421059 5.78323 1.08849C4.94553 1.68337 4.29125 2.49737 3.88995 3.43793C2.87943 3.45032 1.91295 3.85712 1.19746 4.5726C0.470758 5.29931 0.0625 6.28493 0.0625 7.31264C0.0625 8.34036 0.470758 9.32598 1.19746 10.0527C1.92416 10.7794 2.90979 11.1876 3.9375 11.1876H3.99988V13.293L2.91609 14.3768C2.63702 14.2167 2.31358 14.1251 1.96875 14.1251C0.915957 14.1251 0.0625 14.9786 0.0625 16.0314C0.0625 17.0842 0.915957 17.9376 1.96875 17.9376C3.02154 17.9376 3.875 17.0842 3.875 16.0314C3.875 15.6865 3.78341 15.363 3.62323 15.0839L4.85344 13.8537C4.94721 13.7599 4.99988 13.6327 4.99988 13.5001V11.1876H8.5V14.1914C7.68974 14.411 7.09375 15.1516 7.09375 16.0314C7.09375 17.0842 7.94721 17.9376 9 17.9376C10.0528 17.9376 10.9062 17.0842 10.9062 16.0314C10.9062 15.1516 10.3103 14.411 9.5 14.1914V11.1876H13V13.5001C13 13.6327 13.0527 13.7599 13.1464 13.8537L14.3767 15.084C14.2166 15.363 14.125 15.6865 14.125 16.0314C14.125 17.0842 14.9785 17.9376 16.0312 17.9376C17.084 17.9376 17.9375 17.0842 17.9375 16.0314C17.9375 14.9786 17.084 14.1251 16.0312 14.1251C15.6864 14.1251 15.3629 14.2167 15.0838 14.3769L14 13.293V11.1876H14.0625C15.0902 11.1876 16.0758 10.7794 16.8025 10.0527C17.5292 9.32598 17.9375 8.34036 17.9375 7.31264C17.9375 6.28493 17.5292 5.29931 16.8025 4.5726C16.0871 3.85711 15.1206 3.45032 14.1101 3.43793C13.7088 2.49737 13.0545 1.68337 12.2168 1.08849C11.2769 0.421059 10.1527 0.0625 9 0.0625ZM13.5044 10.1876H14.0625C14.825 10.1876 15.5563 9.88474 16.0954 9.34557C16.6346 8.80641 16.9375 8.07514 16.9375 7.31264C16.9375 6.55014 16.6346 5.81888 16.0954 5.27971C15.5563 4.74054 14.825 4.43764 14.0625 4.43764C13.9863 4.43764 13.9077 4.4429 13.8144 4.45058C13.5874 4.46928 13.3764 4.33213 13.3013 4.11703C12.9898 3.22458 12.4085 2.45111 11.6378 1.90382C10.8671 1.35652 9.94524 1.0625 9 1.0625C8.05476 1.0625 7.13292 1.35652 6.36223 1.90382C5.59154 2.45111 5.01018 3.22458 4.6987 4.11703C4.62363 4.33213 4.41264 4.46928 4.18559 4.45058C4.09235 4.4429 4.01375 4.43764 3.9375 4.43764C3.175 4.43764 2.44374 4.74054 1.90457 5.27971C1.3654 5.81888 1.0625 6.55014 1.0625 7.31264C1.0625 8.07514 1.3654 8.80641 1.90457 9.34557C2.44374 9.88474 3.175 10.1876 3.9375 10.1876H4.49547C4.49694 10.1876 4.49841 10.1876 4.49988 10.1876C4.50136 10.1876 4.50283 10.1876 4.5043 10.1876H8.99559C8.99706 10.1876 8.99853 10.1876 9 10.1876C9.00147 10.1876 9.00294 10.1876 9.00441 10.1876H13.4956C13.4971 10.1876 13.4985 10.1876 13.5 10.1876C13.5015 10.1876 13.5029 10.1876 13.5044 10.1876ZM8.09375 16.0314C8.09375 15.5309 8.49949 15.1251 9 15.1251C9.50051 15.1251 9.90625 15.5309 9.90625 16.0314C9.90625 16.5319 9.50051 16.9376 9 16.9376C8.49949 16.9376 8.09375 16.5319 8.09375 16.0314ZM1.96875 15.1251C1.46824 15.1251 1.0625 15.5309 1.0625 16.0314C1.0625 16.5319 1.46824 16.9376 1.96875 16.9376C2.46926 16.9376 2.875 16.5319 2.875 16.0314C2.875 15.5309 2.46926 15.1251 1.96875 15.1251ZM15.4122 15.3695C15.5742 15.2179 15.7919 15.1251 16.0312 15.1251C16.5318 15.1251 16.9375 15.5309 16.9375 16.0314C16.9375 16.5319 16.5318 16.9376 16.0312 16.9376C15.5307 16.9376 15.125 16.5319 15.125 16.0314C15.125 15.792 15.2178 15.5743 15.3694 15.4123C15.3769 15.4057 15.3842 15.3987 15.3914 15.3916C15.3986 15.3844 15.4055 15.377 15.4122 15.3695Z" fill="url(#paint0_linear_9309_36518)"/>
-</g>
-<defs>
-<linearGradient id="paint0_linear_9309_36518" x1="9" y1="0.0625" x2="9" y2="17.9376" gradientUnits="userSpaceOnUse">
-<stop stop-color="currentColor"/>
-<stop offset="1" stop-color="currentColor"/>
-</linearGradient>
-</defs>
+    <g clip-path="url(#clip0_17614_128251)">
+        <path fill-rule="evenodd" clip-rule="evenodd" d="M9 0.0625C7.84727 0.0625 6.72308 0.421059 5.78323 1.08849C4.94553 1.68337 4.29125 2.49737 3.88995 3.43793C2.87943 3.45032 1.91295 3.85712 1.19746 4.5726C0.470758 5.29931 0.0625 6.28493 0.0625 7.31264C0.0625 8.34036 0.470758 9.32598 1.19746 10.0527C1.92416 10.7794 2.90979 11.1876 3.9375 11.1876H3.99988V13.293L2.91609 14.3768C2.63702 14.2167 2.31358 14.1251 1.96875 14.1251C0.915957 14.1251 0.0625 14.9786 0.0625 16.0314C0.0625 17.0842 0.915957 17.9376 1.96875 17.9376C3.02154 17.9376 3.875 17.0842 3.875 16.0314C3.875 15.6865 3.78341 15.363 3.62323 15.0839L4.85344 13.8537C4.94721 13.7599 4.99988 13.6327 4.99988 13.5001V11.1876H8.5V14.1914C7.68974 14.411 7.09375 15.1516 7.09375 16.0314C7.09375 17.0842 7.94721 17.9376 9 17.9376C10.0528 17.9376 10.9062 17.0842 10.9062 16.0314C10.9062 15.1516 10.3103 14.411 9.5 14.1914V11.1876H13V13.5001C13 13.6327 13.0527 13.7599 13.1464 13.8537L14.3767 15.084C14.2166 15.363 14.125 15.6865 14.125 16.0314C14.125 17.0842 14.9785 17.9376 16.0312 17.9376C17.084 17.9376 17.9375 17.0842 17.9375 16.0314C17.9375 14.9786 17.084 14.1251 16.0312 14.1251C15.6864 14.1251 15.3629 14.2167 15.0838 14.3769L14 13.293V11.1876H14.0625C15.0902 11.1876 16.0758 10.7794 16.8025 10.0527C17.5292 9.32598 17.9375 8.34036 17.9375 7.31264C17.9375 6.28493 17.5292 5.29931 16.8025 4.5726C16.0871 3.85711 15.1206 3.45032 14.1101 3.43793C13.7088 2.49737 13.0545 1.68337 12.2168 1.08849C11.2769 0.421059 10.1527 0.0625 9 0.0625ZM13.5044 10.1876H14.0625C14.825 10.1876 15.5563 9.88474 16.0954 9.34557C16.6346 8.80641 16.9375 8.07514 16.9375 7.31264C16.9375 6.55014 16.6346 5.81888 16.0954 5.27971C15.5563 4.74054 14.825 4.43764 14.0625 4.43764C13.9863 4.43764 13.9077 4.4429 13.8144 4.45058C13.5874 4.46928 13.3764 4.33213 13.3013 4.11703C12.9898 3.22458 12.4085 2.45111 11.6378 1.90382C10.8671 1.35652 9.94524 1.0625 9 1.0625C8.05476 1.0625 7.13292 1.35652 6.36223 1.90382C5.59154 2.45111 5.01018 3.22458 4.6987 4.11703C4.62363 4.33213 4.41264 4.46928 4.18559 4.45058C4.09235 4.4429 4.01375 4.43764 3.9375 4.43764C3.175 4.43764 2.44374 4.74054 1.90457 5.27971C1.3654 5.81888 1.0625 6.55014 1.0625 7.31264C1.0625 8.07514 1.3654 8.80641 1.90457 9.34557C2.44374 9.88474 3.175 10.1876 3.9375 10.1876H4.49547C4.49694 10.1876 4.49841 10.1876 4.49988 10.1876C4.50136 10.1876 4.50283 10.1876 4.5043 10.1876H8.99559C8.99706 10.1876 8.99853 10.1876 9 10.1876C9.00147 10.1876 9.00294 10.1876 9.00441 10.1876H13.4956C13.4971 10.1876 13.4985 10.1876 13.5 10.1876C13.5015 10.1876 13.5029 10.1876 13.5044 10.1876ZM8.09375 16.0314C8.09375 15.5309 8.49949 15.1251 9 15.1251C9.50051 15.1251 9.90625 15.5309 9.90625 16.0314C9.90625 16.5319 9.50051 16.9376 9 16.9376C8.49949 16.9376 8.09375 16.5319 8.09375 16.0314ZM1.96875 15.1251C1.46824 15.1251 1.0625 15.5309 1.0625 16.0314C1.0625 16.5319 1.46824 16.9376 1.96875 16.9376C2.46926 16.9376 2.875 16.5319 2.875 16.0314C2.875 15.5309 2.46926 15.1251 1.96875 15.1251ZM15.4122 15.3695C15.5742 15.2179 15.7919 15.1251 16.0312 15.1251C16.5318 15.1251 16.9375 15.5309 16.9375 16.0314C16.9375 16.5319 16.5318 16.9376 16.0312 16.9376C15.5307 16.9376 15.125 16.5319 15.125 16.0314C15.125 15.792 15.2178 15.5743 15.3694 15.4123C15.3769 15.4057 15.3842 15.3987 15.3914 15.3916C15.3986 15.3844 15.4055 15.377 15.4122 15.3695Z" fill="url(#paint0_linear_17614_128251)" style=""/>
+    </g>
+    <defs>
+        <linearGradient id="paint0_linear_17614_128251" x1="9" y1="0.0625" x2="9" y2="17.9376" gradientUnits="userSpaceOnUse">
+            <stop stop-color="currentColor" style="stop-color:currentColor;stop-color:color(display-p3 0.9397 0.9397 0.9397);stop-opacity:1;"/>
+            <stop offset="1" stop-color="currentColor" style="stop-color:currentColor;stop-color:color(display-p3 0.6132 0.6132 0.6132);stop-opacity:1;"/>
+        </linearGradient>
+        <clipPath id="clip0_17614_128251">
+            <rect width="18" height="18" fill="white" style="fill:white;fill-opacity:1;"/>
+        </clipPath>
+    </defs>
 </svg>
diff --git a/packages/ui/src/icons/dev-envs-gradient.svg b/packages/ui/src/icons/dev-envs-gradient.svg
index 0a0d1507f8..2a1f6b2ee0 100644
--- a/packages/ui/src/icons/dev-envs-gradient.svg
+++ b/packages/ui/src/icons/dev-envs-gradient.svg
@@ -1,9 +1,9 @@
 <svg viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M0.75 1C0.473858 1 0.25 1.22386 0.25 1.5V13.5C0.25 13.7761 0.473858 14 0.75 14H8.5V16H4.5C4.22386 16 4 16.2239 4 16.5C4 16.7761 4.22386 17 4.5 17H9H13.5C13.7761 17 14 16.7761 14 16.5C14 16.2239 13.7761 16 13.5 16H9.5V14H17.25C17.5261 14 17.75 13.7761 17.75 13.5V1.5C17.75 1.22386 17.5261 1 17.25 1H0.75ZM9 13H16.75V2H1.25V13H9Z" fill="url(#paint0_linear_17614_128194)"/>
-<defs>
-<linearGradient id="paint0_linear_17614_128194" x1="9" y1="1" x2="9" y2="17" gradientUnits="userSpaceOnUse">
-<stop stop-color="currentColor"/>
-<stop offset="1" stop-color="currentColor"/>
-</linearGradient>
-</defs>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M0.75 0C0.473858 0 0.25 0.223858 0.25 0.5V12.5C0.25 12.7761 0.473858 13 0.75 13H8.5V15H4.5C4.22386 15 4 15.2239 4 15.5C4 15.7761 4.22386 16 4.5 16H9H13.5C13.7761 16 14 15.7761 14 15.5C14 15.2239 13.7761 15 13.5 15H9.5V13H17.25C17.5261 13 17.75 12.7761 17.75 12.5V0.5C17.75 0.223858 17.5261 0 17.25 0H0.75ZM9 12H16.75V1H1.25V12H9Z" fill="url(#paint0_linear_24792_81754)" />
+    <defs>
+        <linearGradient id="paint0_linear_24792_81754" x1="9" y1="0" x2="9" y2="16" gradientUnits="userSpaceOnUse">
+            <stop stop-color="currentColor" style="stop-color:currentColor;stop-color:color(display-p3 0.9397 0.9397 0.9397);stop-opacity:1;"/>
+            <stop offset="1" stop-color="currentColor" style="stop-color:currentColor;stop-color:color(display-p3 0.6132 0.6132 0.6132);stop-opacity:1;"/>
+        </linearGradient>
+    </defs>
 </svg>
diff --git a/packages/ui/src/icons/dev-insights-gradient.svg b/packages/ui/src/icons/dev-insights-gradient.svg
index 422f673166..4e833c3911 100644
--- a/packages/ui/src/icons/dev-insights-gradient.svg
+++ b/packages/ui/src/icons/dev-insights-gradient.svg
@@ -1,9 +1,9 @@
 <svg viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M0.5625 1.5C0.286358 1.5 0.0625 1.72386 0.0625 2C0.0625 2.27614 0.286358 2.5 0.5625 2.5H17.4375C17.7136 2.5 17.9375 2.27614 17.9375 2C17.9375 1.72386 17.7136 1.5 17.4375 1.5H0.5625ZM0.5625 6C0.286358 6 0.0625 6.22386 0.0625 6.5C0.0625 6.77614 0.286358 7 0.5625 7H6.1875C6.46364 7 6.6875 6.77614 6.6875 6.5C6.6875 6.22386 6.46364 6 6.1875 6H0.5625ZM0.0625 11C0.0625 10.7239 0.286358 10.5 0.5625 10.5H6.1875C6.46364 10.5 6.6875 10.7239 6.6875 11C6.6875 11.2761 6.46364 11.5 6.1875 11.5H0.5625C0.286358 11.5 0.0625 11.2761 0.0625 11ZM0.5625 15C0.286358 15 0.0625 15.2239 0.0625 15.5C0.0625 15.7761 0.286358 16 0.5625 16H17.4375C17.7136 16 17.9375 15.7761 17.9375 15.5C17.9375 15.2239 17.7136 15 17.4375 15H0.5625ZM12.375 5.875C11.0978 5.875 10.0625 6.91034 10.0625 8.1875C10.0625 9.46466 11.0978 10.5 12.375 10.5C13.6522 10.5 14.6875 9.46466 14.6875 8.1875C14.6875 6.91034 13.6522 5.875 12.375 5.875ZM9.0625 8.1875C9.0625 6.35806 10.5456 4.875 12.375 4.875C14.2044 4.875 15.6875 6.35806 15.6875 8.1875C15.6875 8.9218 15.4486 9.60029 15.0442 10.1495L17.2286 12.3339C17.4239 12.5291 17.4239 12.8457 17.2286 13.041C17.0334 13.2363 16.7168 13.2363 16.5215 13.041L14.3371 10.8566C13.7879 11.261 13.1094 11.5 12.375 11.5C10.5456 11.5 9.0625 10.0169 9.0625 8.1875Z" fill="url(#paint0_linear_9309_36472)"/>
-<defs>
-<linearGradient id="paint0_linear_9309_36472" x1="9" y1="1.5" x2="9" y2="16" gradientUnits="userSpaceOnUse">
-<stop stop-color="currentColor"/>
-<stop offset="1" stop-color="currentColor"/>
-</linearGradient>
-</defs>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M0.5625 1.5C0.286358 1.5 0.0625 1.72386 0.0625 2C0.0625 2.27614 0.286358 2.5 0.5625 2.5H17.4375C17.7136 2.5 17.9375 2.27614 17.9375 2C17.9375 1.72386 17.7136 1.5 17.4375 1.5H0.5625ZM0.5625 6C0.286358 6 0.0625 6.22386 0.0625 6.5C0.0625 6.77614 0.286358 7 0.5625 7H6.1875C6.46364 7 6.6875 6.77614 6.6875 6.5C6.6875 6.22386 6.46364 6 6.1875 6H0.5625ZM0.0625 11C0.0625 10.7239 0.286358 10.5 0.5625 10.5H6.1875C6.46364 10.5 6.6875 10.7239 6.6875 11C6.6875 11.2761 6.46364 11.5 6.1875 11.5H0.5625C0.286358 11.5 0.0625 11.2761 0.0625 11ZM0.5625 15C0.286358 15 0.0625 15.2239 0.0625 15.5C0.0625 15.7761 0.286358 16 0.5625 16H17.4375C17.7136 16 17.9375 15.7761 17.9375 15.5C17.9375 15.2239 17.7136 15 17.4375 15H0.5625ZM12.375 5.875C11.0978 5.875 10.0625 6.91034 10.0625 8.1875C10.0625 9.46466 11.0978 10.5 12.375 10.5C13.6522 10.5 14.6875 9.46466 14.6875 8.1875C14.6875 6.91034 13.6522 5.875 12.375 5.875ZM9.0625 8.1875C9.0625 6.35806 10.5456 4.875 12.375 4.875C14.2044 4.875 15.6875 6.35806 15.6875 8.1875C15.6875 8.9218 15.4486 9.60029 15.0442 10.1495L17.2286 12.3339C17.4239 12.5291 17.4239 12.8457 17.2286 13.041C17.0334 13.2363 16.7168 13.2363 16.5215 13.041L14.3371 10.8566C13.7879 11.261 13.1094 11.5 12.375 11.5C10.5456 11.5 9.0625 10.0169 9.0625 8.1875Z" fill="url(#paint0_linear_17614_128202)" />
+    <defs>
+        <linearGradient id="paint0_linear_17614_128202" x1="9" y1="1.5" x2="9" y2="16" gradientUnits="userSpaceOnUse">
+            <stop stop-color="currentColor" style="stop-color:currentColor;stop-color:color(display-p3 0.9397 0.9397 0.9397);stop-opacity:1;"/>
+            <stop offset="1" stop-color="currentColor" style="stop-color:currentColor;stop-color:color(display-p3 0.6132 0.6132 0.6132);stop-opacity:1;"/>
+        </linearGradient>
+    </defs>
 </svg>
diff --git a/packages/ui/src/icons/dev-portal-gradient.svg b/packages/ui/src/icons/dev-portal-gradient.svg
index cfbe720856..0e2ebf49d6 100644
--- a/packages/ui/src/icons/dev-portal-gradient.svg
+++ b/packages/ui/src/icons/dev-portal-gradient.svg
@@ -1,9 +1,9 @@
 <svg viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M1.5 2C1.22386 2 1 2.22386 1 2.5V15C1 15.2603 1.10641 15.5131 1.30089 15.7019C1.49588 15.8911 1.76345 16 2.04545 16H15.9545C16.2366 16 16.5041 15.8911 16.6991 15.7019C16.8936 15.5131 17 15.2603 17 15V5.5C17 5.22386 16.7761 5 16.5 5H9.15909C8.6491 5 8.17405 4.74088 7.89794 4.3121L6.55675 2.2293C6.46471 2.08637 6.30636 2 6.13636 2H1.5ZM0 2.5C0 1.67157 0.671573 1 1.5 1H6.13636C6.64635 1 7.1214 1.25912 7.39751 1.6879L8.73871 3.7707C8.83074 3.91363 8.98909 4 9.15909 4H16.5C17.3284 4 18 4.67157 18 5.5V15C18 15.5353 17.7808 16.0456 17.3956 16.4194C17.0109 16.7928 16.4923 17 15.9545 17H2.04545C1.5077 17 0.98908 16.7928 0.604415 16.4194C0.219243 16.0456 0 15.5353 0 15V2.5Z" fill="url(#paint0_linear_9309_36450)"/>
-<defs>
-<linearGradient id="paint0_linear_9309_36450" x1="9" y1="1" x2="9" y2="17" gradientUnits="userSpaceOnUse">
-<stop stop-color="currentColor"/>
-<stop offset="1" stop-color="currentColor"/>
-</linearGradient>
-</defs>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M1.5 2C1.22386 2 1 2.22386 1 2.5V15C1 15.2603 1.10641 15.5131 1.30089 15.7019C1.49588 15.8911 1.76345 16 2.04545 16H15.9545C16.2366 16 16.5041 15.8911 16.6991 15.7019C16.8936 15.5131 17 15.2603 17 15V5.5C17 5.22386 16.7761 5 16.5 5H9.15909C8.6491 5 8.17405 4.74088 7.89794 4.3121L6.55675 2.2293C6.46471 2.08637 6.30636 2 6.13636 2H1.5ZM0 2.5C0 1.67157 0.671573 1 1.5 1H6.13636C6.64635 1 7.1214 1.25912 7.39751 1.6879L8.73871 3.7707C8.83074 3.91363 8.98909 4 9.15909 4H16.5C17.3284 4 18 4.67157 18 5.5V15C18 15.5353 17.7808 16.0456 17.3956 16.4194C17.0109 16.7928 16.4923 17 15.9545 17H2.04545C1.5077 17 0.98908 16.7928 0.604415 16.4194C0.219243 16.0456 0 15.5353 0 15V2.5Z" fill="url(#paint0_linear_17614_128186)" />
+    <defs>
+        <linearGradient id="paint0_linear_17614_128186" x1="9" y1="1" x2="9" y2="17" gradientUnits="userSpaceOnUse">
+            <stop stop-color="currentColor" style="stop-color:currentColor;stop-color:color(display-p3 0.9397 0.9397 0.9397);stop-opacity:1;"/>
+            <stop offset="1" stop-color="currentColor" style="stop-color:currentColor;stop-color:color(display-p3 0.6132 0.6132 0.6132);stop-opacity:1;"/>
+        </linearGradient>
+    </defs>
 </svg>
diff --git a/packages/ui/src/icons/execution-gradient.svg b/packages/ui/src/icons/execution-gradient.svg
index 8d41ca79f2..383d9c4369 100644
--- a/packages/ui/src/icons/execution-gradient.svg
+++ b/packages/ui/src/icons/execution-gradient.svg
@@ -1,9 +1,9 @@
 <svg viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M1.5 1C1.22386 1 1 1.22386 1 1.5V16.5C1 16.7761 1.22386 17 1.5 17H16.5C16.7761 17 17 16.7761 17 16.5V1.5C17 1.22386 16.7761 1 16.5 1H1.5ZM2 16V2H16V16H2ZM6.99807 5.56588C6.84332 5.47745 6.65319 5.47808 6.49904 5.56754C6.34488 5.65701 6.25 5.82176 6.25 6V12C6.25 12.1782 6.34488 12.343 6.49904 12.4325C6.65319 12.5219 6.84332 12.5226 6.99807 12.4341L12.2481 9.43412C12.4039 9.3451 12.5 9.17943 12.5 9C12.5 8.82057 12.4039 8.6549 12.2481 8.56588L6.99807 5.56588ZM10.9922 9L7.25 11.1384V6.86159L10.9922 9Z" fill="url(#paint0_linear_17614_128143)"/>
-<defs>
-<linearGradient id="paint0_linear_17614_128143" x1="9" y1="1" x2="9" y2="17" gradientUnits="userSpaceOnUse">
-<stop stop-color="currentColor"/>
-<stop offset="1" stop-color="currentColor"/>
-</linearGradient>
-</defs>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M1.5 1C1.22386 1 1 1.22386 1 1.5V16.5C1 16.7761 1.22386 17 1.5 17H16.5C16.7761 17 17 16.7761 17 16.5V1.5C17 1.22386 16.7761 1 16.5 1H1.5ZM2 16V2H16V16H2ZM6.99807 5.56588C6.84332 5.47745 6.65319 5.47808 6.49904 5.56754C6.34488 5.65701 6.25 5.82176 6.25 6V12C6.25 12.1782 6.34488 12.343 6.49904 12.4325C6.65319 12.5219 6.84332 12.5226 6.99807 12.4341L12.2481 9.43412C12.4039 9.3451 12.5 9.17943 12.5 9C12.5 8.82057 12.4039 8.6549 12.2481 8.56588L6.99807 5.56588ZM10.9922 9L7.25 11.1384V6.86159L10.9922 9Z" fill="url(#paint0_linear_17614_128143)" />
+    <defs>
+        <linearGradient id="paint0_linear_17614_128143" x1="9" y1="1" x2="9" y2="17" gradientUnits="userSpaceOnUse">
+            <stop stop-color="currentColor" style="stop-color:currentColor;stop-color:color(display-p3 0.9397 0.9397 0.9397);stop-opacity:1;"/>
+            <stop offset="1" stop-color="currentColor" style="stop-color:currentColor;stop-color:color(display-p3 0.6132 0.6132 0.6132);stop-opacity:1;"/>
+        </linearGradient>
+    </defs>
 </svg>
diff --git a/packages/ui/src/icons/featured-flags-gradient.svg b/packages/ui/src/icons/featured-flags-gradient.svg
new file mode 100644
index 0000000000..36ae16b8b8
--- /dev/null
+++ b/packages/ui/src/icons/featured-flags-gradient.svg
@@ -0,0 +1,14 @@
+<svg viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <g clip-path="url(#clip0_17614_128175)">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M3.125 1.125C3.125 0.848858 2.90114 0.625 2.625 0.625C2.34886 0.625 2.125 0.848858 2.125 1.125V2.625V11.625V17.625C2.125 17.9011 2.34886 18.125 2.625 18.125C2.90114 18.125 3.125 17.9011 3.125 17.625V12.125H16.125C16.2983 12.125 16.4592 12.0353 16.5503 11.8879C16.6414 11.7405 16.6497 11.5564 16.5722 11.4014L14.434 7.125L16.5722 2.84861C16.6497 2.69361 16.6414 2.50954 16.5503 2.36213C16.4592 2.21473 16.2983 2.125 16.125 2.125H3.125V1.125ZM3.125 3.125V11.125H15.316L13.4278 7.34861C13.3574 7.20784 13.3574 7.04216 13.4278 6.90139L15.316 3.125H3.125Z" fill="url(#paint0_linear_17614_128175)" />
+  </g>
+  <defs>
+    <linearGradient id="paint0_linear_17614_128175" x1="9.375" y1="0.625" x2="9.375" y2="18.125" gradientUnits="userSpaceOnUse">
+      <stop stop-color="currentColor" style="stop-color:currentColor;stop-color:color(display-p3 0.9397 0.9397 0.9397);stop-opacity:1;"/>
+      <stop offset="1" stop-color="currentColor" style="stop-color:currentColor;stop-color:color(display-p3 0.6132 0.6132 0.6132);stop-opacity:1;"/>
+    </linearGradient>
+    <clipPath id="clip0_17614_128175">
+      <rect width="18" height="18" fill="currentColor" style="fill:currentColor;fill-opacity:1;"/>
+    </clipPath>
+  </defs>
+</svg>
diff --git a/packages/ui/src/icons/incidents-gradient.svg b/packages/ui/src/icons/incidents-gradient.svg
index d77ea79e98..a71d5616ff 100644
--- a/packages/ui/src/icons/incidents-gradient.svg
+++ b/packages/ui/src/icons/incidents-gradient.svg
@@ -1,9 +1,9 @@
 <svg viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M8.5806 1.2834C8.70711 1.20786 8.85171 1.16797 8.99906 1.16797C9.14641 1.16797 9.29102 1.20786 9.41753 1.2834C9.54404 1.35894 9.64775 1.46732 9.71764 1.59704L16.725 14.6106C16.7919 14.7349 16.8253 14.8745 16.8221 15.0156C16.8189 15.1567 16.7792 15.2946 16.7068 15.4158C16.6344 15.5369 16.5318 15.6373 16.4091 15.707C16.2863 15.7766 16.1476 15.8133 16.0065 15.8134H1.99166C1.85051 15.8133 1.71179 15.7766 1.58904 15.707C1.46629 15.6373 1.36371 15.5369 1.29132 15.4158C1.21892 15.2946 1.17919 15.1567 1.17599 15.0156C1.1728 14.8745 1.20625 14.7349 1.27309 14.6106L8.28049 1.59704L8.28053 1.59696C8.35042 1.46728 8.45411 1.35893 8.5806 1.2834ZM8.99906 0.167969C8.67119 0.167969 8.34943 0.256722 8.06793 0.424812C7.78642 0.592902 7.55567 0.834059 7.40014 1.1227L7.40008 1.12282L0.392455 14.1368L0.392294 14.1371C0.243576 14.4138 0.169137 14.7242 0.176247 15.0382C0.183356 15.3522 0.271771 15.659 0.432857 15.9286C0.593944 16.1983 0.822196 16.4215 1.09533 16.5766C1.36846 16.7316 1.67714 16.8132 1.99121 16.8134H1.99144H16.0067H16.0069C16.321 16.8132 16.6297 16.7316 16.9028 16.5766C17.1759 16.4215 17.4042 16.1983 17.5653 15.9286C17.7264 15.659 17.8148 15.3522 17.8219 15.0382C17.829 14.7242 17.7546 14.4138 17.6058 14.1371L17.6057 14.1368L10.598 1.12282L10.598 1.1227C10.4425 0.83406 10.2117 0.592902 9.9302 0.424812C9.64869 0.256722 9.32694 0.167969 8.99906 0.167969ZM9 4.56348C9.27614 4.56348 9.5 4.78733 9.5 5.06348V10.6885C9.5 10.9646 9.27614 11.1885 9 11.1885C8.72386 11.1885 8.5 10.9646 8.5 10.6885V5.06348C8.5 4.78733 8.72386 4.56348 9 4.56348ZM9 14.626C9.62132 14.626 10.125 14.1223 10.125 13.501C10.125 12.8797 9.62132 12.376 9 12.376C8.37868 12.376 7.875 12.8797 7.875 13.501C7.875 14.1223 8.37868 14.626 9 14.626Z" fill="url(#paint0_linear_17930_82758)"/>
-<defs>
-<linearGradient id="paint0_linear_17930_82758" x1="8.99906" y1="0.167969" x2="8.99906" y2="16.8134" gradientUnits="userSpaceOnUse">
-<stop stop-color="currentColor"/>
-<stop offset="1" stop-color="currentColor"/>
-</linearGradient>
-</defs>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M8.5806 1.2834C8.70711 1.20786 8.85171 1.16797 8.99906 1.16797C9.14641 1.16797 9.29102 1.20786 9.41753 1.2834C9.54404 1.35894 9.64775 1.46732 9.71764 1.59704L16.725 14.6106C16.7919 14.7349 16.8253 14.8745 16.8221 15.0156C16.8189 15.1567 16.7792 15.2946 16.7068 15.4158C16.6344 15.5369 16.5318 15.6373 16.4091 15.707C16.2863 15.7766 16.1476 15.8133 16.0065 15.8134H1.99166C1.85051 15.8133 1.71179 15.7766 1.58904 15.707C1.46629 15.6373 1.36371 15.5369 1.29132 15.4158C1.21892 15.2946 1.17919 15.1567 1.17599 15.0156C1.1728 14.8745 1.20625 14.7349 1.27309 14.6106L8.28049 1.59704L8.28053 1.59696C8.35042 1.46728 8.45411 1.35893 8.5806 1.2834ZM8.99906 0.167969C8.67119 0.167969 8.34943 0.256722 8.06793 0.424812C7.78642 0.592902 7.55567 0.834059 7.40014 1.1227L7.40008 1.12282L0.392455 14.1368L0.392294 14.1371C0.243576 14.4138 0.169137 14.7242 0.176247 15.0382C0.183356 15.3522 0.271771 15.659 0.432857 15.9286C0.593944 16.1983 0.822196 16.4215 1.09533 16.5766C1.36846 16.7316 1.67714 16.8132 1.99121 16.8134H1.99144H16.0067H16.0069C16.321 16.8132 16.6297 16.7316 16.9028 16.5766C17.1759 16.4215 17.4042 16.1983 17.5653 15.9286C17.7264 15.659 17.8148 15.3522 17.8219 15.0382C17.829 14.7242 17.7546 14.4138 17.6058 14.1371L17.6057 14.1368L10.598 1.12282L10.598 1.1227C10.4425 0.83406 10.2117 0.592902 9.9302 0.424812C9.64869 0.256722 9.32694 0.167969 8.99906 0.167969ZM9 4.56348C9.27614 4.56348 9.5 4.78733 9.5 5.06348V10.6885C9.5 10.9646 9.27614 11.1885 9 11.1885C8.72386 11.1885 8.5 10.9646 8.5 10.6885V5.06348C8.5 4.78733 8.72386 4.56348 9 4.56348ZM9 14.626C9.62132 14.626 10.125 14.1223 10.125 13.501C10.125 12.8797 9.62132 12.376 9 12.376C8.37868 12.376 7.875 12.8797 7.875 13.501C7.875 14.1223 8.37868 14.626 9 14.626Z" fill="url(#paint0_linear_17930_82758)" style=""/>
+    <defs>
+        <linearGradient id="paint0_linear_17930_82758" x1="8.99906" y1="0.167969" x2="8.99906" y2="16.8134" gradientUnits="userSpaceOnUse">
+            <stop stop-color="currentColor" style="stop-color:currentColor;stop-color:color(display-p3 0.9397 0.9397 0.9397);stop-opacity:1;"/>
+            <stop offset="1" stop-color="currentColor" style="stop-color:currentColor;stop-color:color(display-p3 0.6132 0.6132 0.6132);stop-opacity:1;"/>
+        </linearGradient>
+    </defs>
 </svg>
diff --git a/packages/ui/src/icons/infrastructure-gradient.svg b/packages/ui/src/icons/infrastructure-gradient.svg
index 6cc79c6e26..c043557b70 100644
--- a/packages/ui/src/icons/infrastructure-gradient.svg
+++ b/packages/ui/src/icons/infrastructure-gradient.svg
@@ -1,11 +1,14 @@
 <svg viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M0.998566 0.5C1.27471 0.5 1.49857 0.723858 1.49857 1V5.83425H4.19914C4.47528 5.83425 4.69914 6.05811 4.69914 6.33425C4.69914 6.61039 4.47528 6.83425 4.19914 6.83425H1.49857V14.3692H4.19914C4.47528 14.3692 4.69914 14.593 4.69914 14.8692C4.69914 15.1453 4.47528 15.3692 4.19914 15.3692H0.998566C0.722423 15.3692 0.498566 15.1453 0.498566 14.8692V6.33425V1C0.498566 0.723858 0.722423 0.5 0.998566 0.5ZM7.39981 3.70062C7.12367 3.70062 6.89981 3.92448 6.89981 4.20062V8.46806C6.89981 8.7442 7.12367 8.96806 7.39981 8.96806H17.0015C17.2777 8.96806 17.5015 8.7442 17.5015 8.46806V4.20062C17.5015 3.92448 17.2777 3.70062 17.0015 3.70062H7.39981ZM16.5015 7.96806H7.89981V4.70062H16.5015V7.96806ZM7.39981 12.2355C7.12367 12.2355 6.89981 12.4594 6.89981 12.7355V17.0029C6.89981 17.2791 7.12367 17.5029 7.39981 17.5029H17.0015C17.2777 17.5029 17.5015 17.2791 17.5015 17.0029V12.7355C17.5015 12.4594 17.2777 12.2355 17.0015 12.2355H7.39981ZM7.89981 16.5029V13.2355H16.5015V16.5029H7.89981Z" fill="url(#paint0_linear_9309_36401)"/>
-</g>
-<defs>
-<linearGradient id="paint0_linear_9309_36401" x1="9.00005" y1="0.5" x2="9.00005" y2="17.5029" gradientUnits="userSpaceOnUse">
-<stop stop-color="currentColor"/>
-<stop offset="1" stop-color="currentColor"/>
-</linearGradient>
-</defs>
+    <g clip-path="url(#clip0_17614_128167)">
+        <path fill-rule="evenodd" clip-rule="evenodd" d="M0.998047 0.499023C1.27419 0.499023 1.49805 0.722881 1.49805 0.999023V5.83327H4.19862C4.47476 5.83327 4.69862 6.05713 4.69862 6.33327C4.69862 6.60942 4.47476 6.83327 4.19862 6.83327H1.49805V14.3682H4.19862C4.47476 14.3682 4.69862 14.592 4.69862 14.8682C4.69862 15.1443 4.47476 15.3682 4.19862 15.3682H0.998047C0.721904 15.3682 0.498047 15.1443 0.498047 14.8682V6.33327V0.999023C0.498047 0.722881 0.721904 0.499023 0.998047 0.499023ZM7.39929 3.69965C7.12315 3.69965 6.89929 3.9235 6.89929 4.19965V8.46708C6.89929 8.74322 7.12315 8.96708 7.39929 8.96708H17.001C17.2772 8.96708 17.501 8.74322 17.501 8.46708V4.19965C17.501 3.9235 17.2772 3.69965 17.001 3.69965H7.39929ZM16.501 7.96708H7.89929V4.69965H16.501V7.96708ZM7.39929 12.2345C7.12315 12.2345 6.89929 12.4584 6.89929 12.7345V17.002C6.89929 17.2781 7.12315 17.502 7.39929 17.502H17.001C17.2772 17.502 17.501 17.2781 17.501 17.002V12.7345C17.501 12.4584 17.2772 12.2345 17.001 12.2345H7.39929ZM7.89929 16.502V13.2345H16.501V16.502H7.89929Z" fill="url(#paint0_linear_17614_128167)" style=""/>
+    </g>
+    <defs>
+        <linearGradient id="paint0_linear_17614_128167" x1="8.99953" y1="0.499023" x2="8.99953" y2="17.502" gradientUnits="userSpaceOnUse">
+            <stop stop-color="currentColor" style="stop-color:currentColor;stop-color:color(display-p3 0.9397 0.9397 0.9397);stop-opacity:1;"/>
+            <stop offset="1" stop-color="currentColor" style="stop-color:currentColor;stop-color:color(display-p3 0.6132 0.6132 0.6132);stop-opacity:1;"/>
+        </linearGradient>
+        <clipPath id="clip0_17614_128167">
+            <rect width="18" height="18" fill="currentColor" style="fill:currentColor;fill-opacity:1;" />
+        </clipPath>
+    </defs>
 </svg>
diff --git a/packages/ui/src/icons/pipelines-gradient.svg b/packages/ui/src/icons/pipelines-gradient.svg
index 0aa249951c..d6b4865a42 100644
--- a/packages/ui/src/icons/pipelines-gradient.svg
+++ b/packages/ui/src/icons/pipelines-gradient.svg
@@ -1,11 +1,9 @@
 <svg viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M6 1.25C4.61939 1.25 3.5 2.36939 3.5 3.75V10.75C3.5 11.0261 3.27614 11.25 3 11.25C2.72386 11.25 2.5 11.0261 2.5 10.75V3.75C2.5 1.81711 4.06711 0.25 6 0.25C7.93289 0.25 9.5 1.81711 9.5 3.75V14.25C9.5 15.6306 10.6194 16.75 12 16.75C13.3806 16.75 14.5 15.6306 14.5 14.25V7.25C14.5 6.97386 14.7239 6.75 15 6.75C15.2761 6.75 15.5 6.97386 15.5 7.25V14.25C15.5 16.1829 13.9329 17.75 12 17.75C10.0671 17.75 8.5 16.1829 8.5 14.25V3.75C8.5 2.36939 7.38061 1.25 6 1.25ZM15 1.25C14.0335 1.25 13.25 2.0335 13.25 3C13.25 3.9665 14.0335 4.75 15 4.75C15.9665 4.75 16.75 3.9665 16.75 3C16.75 2.0335 15.9665 1.25 15 1.25ZM12.25 3C12.25 1.48122 13.4812 0.25 15 0.25C16.5188 0.25 17.75 1.48122 17.75 3C17.75 4.51878 16.5188 5.75 15 5.75C13.4812 5.75 12.25 4.51878 12.25 3ZM1.25 15C1.25 14.0335 2.0335 13.25 3 13.25C3.9665 13.25 4.75 14.0335 4.75 15C4.75 15.9665 3.9665 16.75 3 16.75C2.0335 16.75 1.25 15.9665 1.25 15ZM3 12.25C1.48122 12.25 0.25 13.4812 0.25 15C0.25 16.5188 1.48122 17.75 3 17.75C4.51878 17.75 5.75 16.5188 5.75 15C5.75 13.4812 4.51878 12.25 3 12.25Z" fill="url(#paint0_linear_17614_128135)"/>
-</g>
-<defs>
-<linearGradient id="paint0_linear_17614_128135" x1="9" y1="0.25" x2="9" y2="17.75" gradientUnits="userSpaceOnUse">
-<stop stop-color="currentColor"/>
-<stop offset="1" stop-color="currentColor"/>
-</linearGradient>
-</defs>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M6 1.25C4.61939 1.25 3.5 2.36939 3.5 3.75V10.75C3.5 11.0261 3.27614 11.25 3 11.25C2.72386 11.25 2.5 11.0261 2.5 10.75V3.75C2.5 1.81711 4.06711 0.25 6 0.25C7.93289 0.25 9.5 1.81711 9.5 3.75V14.25C9.5 15.6306 10.6194 16.75 12 16.75C13.3806 16.75 14.5 15.6306 14.5 14.25V7.25C14.5 6.97386 14.7239 6.75 15 6.75C15.2761 6.75 15.5 6.97386 15.5 7.25V14.25C15.5 16.1829 13.9329 17.75 12 17.75C10.0671 17.75 8.5 16.1829 8.5 14.25V3.75C8.5 2.36939 7.38061 1.25 6 1.25ZM15 1.25C14.0335 1.25 13.25 2.0335 13.25 3C13.25 3.9665 14.0335 4.75 15 4.75C15.9665 4.75 16.75 3.9665 16.75 3C16.75 2.0335 15.9665 1.25 15 1.25ZM12.25 3C12.25 1.48122 13.4812 0.25 15 0.25C16.5188 0.25 17.75 1.48122 17.75 3C17.75 4.51878 16.5188 5.75 15 5.75C13.4812 5.75 12.25 4.51878 12.25 3ZM1.25 15C1.25 14.0335 2.0335 13.25 3 13.25C3.9665 13.25 4.75 14.0335 4.75 15C4.75 15.9665 3.9665 16.75 3 16.75C2.0335 16.75 1.25 15.9665 1.25 15ZM3 12.25C1.48122 12.25 0.25 13.4812 0.25 15C0.25 16.5188 1.48122 17.75 3 17.75C4.51878 17.75 5.75 16.5188 5.75 15C5.75 13.4812 4.51878 12.25 3 12.25Z" fill="url(#paint0_linear_24792_94007)" />
+    <defs>
+        <linearGradient id="paint0_linear_24792_94007" x1="9" y1="0.25" x2="9" y2="17.75" gradientUnits="userSpaceOnUse">
+            <stop stop-color="currentColor" style="stop-color:currentColor;stop-color:color(display-p3 0.9397 0.9397 0.9397);stop-opacity:1;"/>
+            <stop offset="1" stop-color="currentColor" style="stop-color:currentColor;stop-color:color(display-p3 0.6132 0.6132 0.6132);stop-opacity:1;"/>
+        </linearGradient>
+    </defs>
 </svg>
diff --git a/packages/ui/src/icons/repositories-gradient.svg b/packages/ui/src/icons/repositories-gradient.svg
index 9c47b94acb..4969b92571 100644
--- a/packages/ui/src/icons/repositories-gradient.svg
+++ b/packages/ui/src/icons/repositories-gradient.svg
@@ -1,9 +1,14 @@
 <svg viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M3.13333 1.5C2.70015 1.5 2.2847 1.67208 1.97839 1.97839C1.67208 2.2847 1.5 2.70015 1.5 3.13333V10H6.33333C6.60948 10 6.83333 10.2239 6.83333 10.5V13H11.1667V10.5C11.1667 10.2239 11.3905 10 11.6667 10H16.5V3.13333C16.5 2.70015 16.3279 2.2847 16.0216 1.97839C15.7153 1.67208 15.2999 1.5 14.8667 1.5H3.13333ZM0.5 3.13333V10.5V13.2998V15.4C0.5 15.4066 0.500126 15.4131 0.500377 15.4196C0.511 16.5703 1.44709 17.4998 2.60029 17.4998H15.4003C16.5601 17.4998 17.5003 16.5596 17.5003 15.3998V13.2998L17.5 13.3001V10.5V3.13333C17.5 2.43493 17.2226 1.76513 16.7287 1.27129C16.2349 0.77744 15.5651 0.5 14.8667 0.5H3.13333C2.43493 0.5 1.76513 0.77744 1.27129 1.27129C0.77744 1.76513 0.5 2.43493 0.5 3.13333ZM16.5002 15.4144C16.5001 15.4096 16.5 15.4048 16.5 15.4V14.2998V11H12.1667V13.5C12.1667 13.7761 11.9428 14 11.6667 14H6.33333C6.05719 14 5.83333 13.7761 5.83333 13.5V11H1.5V14.2995L1.50029 14.2998V15.3998C1.50029 16.0073 1.99277 16.4998 2.60029 16.4998H15.4003C16.0029 16.4998 16.4924 16.0152 16.5002 15.4144Z" fill="url(#paint0_linear_17635_52929)"/>
-<defs>
-<linearGradient id="paint0_linear_17635_52929" x1="9.00014" y1="0.5" x2="9.00014" y2="17.4998" gradientUnits="userSpaceOnUse">
-<stop stop-color="currentColor"/>
-<stop offset="1" stop-color="currentColor"/>
-</linearGradient>
-</defs>
+    <g clip-path="url(#clip0_17614_128126)">
+        <path fill-rule="evenodd" clip-rule="evenodd" d="M3.13333 1.5C2.70015 1.5 2.2847 1.67208 1.97839 1.97839C1.67208 2.2847 1.5 2.70015 1.5 3.13333V10H6.33333C6.60948 10 6.83333 10.2239 6.83333 10.5V13H11.1667V10.5C11.1667 10.2239 11.3905 10 11.6667 10H16.5V3.13333C16.5 2.70015 16.3279 2.2847 16.0216 1.97839C15.7153 1.67208 15.2999 1.5 14.8667 1.5H3.13333ZM0.5 3.13333V10.5V13.2998V15.4C0.5 15.4066 0.500126 15.4131 0.500377 15.4196C0.511 16.5703 1.44709 17.4998 2.60029 17.4998H15.4003C16.5601 17.4998 17.5003 16.5596 17.5003 15.3998V13.2998L17.5 13.3001V10.5V3.13333C17.5 2.43493 17.2226 1.76513 16.7287 1.27129C16.2349 0.77744 15.5651 0.5 14.8667 0.5H3.13333C2.43493 0.5 1.76513 0.77744 1.27129 1.27129C0.77744 1.76513 0.5 2.43493 0.5 3.13333ZM16.5002 15.4144C16.5001 15.4096 16.5 15.4048 16.5 15.4V14.2998V11H12.1667V13.5C12.1667 13.7761 11.9428 14 11.6667 14H6.33333C6.05719 14 5.83333 13.7761 5.83333 13.5V11H1.5V14.2995L1.50029 14.2998V15.3998C1.50029 16.0073 1.99277 16.4998 2.60029 16.4998H15.4003C16.0029 16.4998 16.4924 16.0152 16.5002 15.4144Z" fill="url(#paint0_linear_17614_128126)" />
+    </g>
+    <defs>
+        <linearGradient id="paint0_linear_17614_128126" x1="9.00014" y1="0.5" x2="9.00014" y2="17.4998" gradientUnits="userSpaceOnUse">
+            <stop stop-color="currentColor" style="stop-color:currentColor;stop-color:color(display-p3 0.9397 0.9397 0.9397);stop-opacity:1;"/>
+            <stop offset="1" stop-color="currentColor" style="stop-color:currentColor;stop-color:color(display-p3 0.6132 0.6132 0.6132);stop-opacity:1;"/>
+        </linearGradient>
+        <clipPath id="clip0_17614_128126">
+            <rect width="18" height="18" fill="currentColor" style="fill:currentColor;fill-opacity:1;"/>
+        </clipPath>
+    </defs>
 </svg>
diff --git a/packages/ui/src/icons/security-tests-gradient.svg b/packages/ui/src/icons/security-tests-gradient.svg
index 24bc341eff..5b0d9657eb 100644
--- a/packages/ui/src/icons/security-tests-gradient.svg
+++ b/packages/ui/src/icons/security-tests-gradient.svg
@@ -1,11 +1,14 @@
 <svg viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M9.15442 0.0243221C9.05428 -0.00810736 8.94646 -0.00810736 8.84632 0.0243221L1.84595 2.29138C1.63971 2.35817 1.5 2.55026 1.5 2.76706V10.135C1.5 12.9359 3.42191 14.9085 5.21673 16.1437C6.12408 16.7681 7.02796 17.2251 7.70317 17.5257C8.04149 17.6764 8.32421 17.7886 8.52365 17.8636C8.62341 17.9011 8.70246 17.9293 8.75736 17.9484C8.78482 17.958 8.80624 17.9653 8.82121 17.9703L8.83877 17.9761L8.84382 17.9778L8.84539 17.9783L8.84594 17.9785C8.84614 17.9785 8.84632 17.9786 9.00037 17.5029L8.84632 17.9786C8.94646 18.011 9.05428 18.011 9.15442 17.9786L9.00037 17.5029C9.15442 17.9786 9.1546 17.9785 9.15481 17.9785L9.15535 17.9783L9.15693 17.9778L9.16198 17.9761L9.17953 17.9703C9.1945 17.9653 9.21593 17.958 9.24338 17.9484C9.29828 17.9293 9.37733 17.9011 9.4771 17.8636C9.67654 17.7886 9.95925 17.6764 10.2976 17.5257C10.9728 17.2251 11.8767 16.7681 12.784 16.1437C14.5788 14.9085 16.5007 12.9359 16.5007 10.135V2.76706C16.5007 2.55026 16.361 2.35817 16.1548 2.29138L9.15442 0.0243221ZM9.12524 16.9275C9.07809 16.9452 9.03631 16.9606 9.00037 16.9736C8.96443 16.9606 8.92265 16.9452 8.8755 16.9275C8.69211 16.8586 8.42792 16.7538 8.10996 16.6122C7.4726 16.3284 6.62638 15.8998 5.78364 15.3199C4.07827 14.1463 2.5 12.435 2.5 10.135V3.1307L9.00037 1.02557L15.5007 3.1307V10.135C15.5007 12.435 13.9225 14.1463 12.2171 15.3199C11.3744 15.8998 10.5281 16.3284 9.89079 16.6122C9.57282 16.7538 9.30863 16.8586 9.12524 16.9275ZM13.3504 6.35672C13.5474 6.16323 13.5502 5.84666 13.3567 5.64965C13.1632 5.45263 12.8467 5.44978 12.6496 5.64328L7.91018 10.2981L5.35146 7.76937C5.15505 7.57526 4.83848 7.57713 4.64437 7.77354C4.45026 7.96995 4.45213 8.28652 4.64854 8.48063L7.55763 11.3556C7.75197 11.5477 8.0645 11.5482 8.25945 11.3567L13.3504 6.35672Z" fill="url(#paint0_linear_9309_36504)"/>
-</g>
-<defs>
-<linearGradient id="paint0_linear_9309_36504" x1="9.95" y1="-0.400024" x2="9.95" y2="18.0029" gradientUnits="userSpaceOnUse">
-<stop stop-color="currentColor"/>
-<stop offset="1" stop-color="currentColor"/>
-</linearGradient>
-</defs>
+    <g clip-path="url(#clip0_17614_128213)">
+        <path fill-rule="evenodd" clip-rule="evenodd" d="M9.15442 0.0243221C9.05428 -0.00810737 8.94646 -0.00810737 8.84632 0.0243221L1.84595 2.29138C1.63971 2.35817 1.5 2.55026 1.5 2.76706V10.135C1.5 12.9359 3.42191 14.9085 5.21673 16.1437C6.12408 16.7681 7.02796 17.2251 7.70317 17.5257C8.04149 17.6764 8.32421 17.7886 8.52365 17.8636C8.62341 17.9011 8.70246 17.9293 8.75736 17.9484C8.78482 17.958 8.80624 17.9653 8.82121 17.9703L8.83877 17.9761L8.84382 17.9778L8.84539 17.9783L8.84594 17.9785C8.84614 17.9785 8.84632 17.9786 9.00037 17.5029L8.84632 17.9786C8.94646 18.011 9.05428 18.011 9.15442 17.9786L9.00037 17.5029C9.15442 17.9786 9.1546 17.9785 9.15481 17.9785L9.15535 17.9783L9.15693 17.9778L9.16198 17.9761L9.17953 17.9703C9.1945 17.9653 9.21593 17.958 9.24338 17.9484C9.29828 17.9293 9.37733 17.9011 9.4771 17.8636C9.67654 17.7886 9.95925 17.6764 10.2976 17.5257C10.9728 17.2251 11.8767 16.7681 12.784 16.1437C14.5788 14.9085 16.5007 12.9359 16.5007 10.135V2.76706C16.5007 2.55026 16.361 2.35817 16.1548 2.29138L9.15442 0.0243221ZM9.12524 16.9275C9.07809 16.9452 9.03631 16.9606 9.00037 16.9736C8.96443 16.9606 8.92265 16.9452 8.8755 16.9275C8.69211 16.8586 8.42792 16.7538 8.10996 16.6122C7.4726 16.3284 6.62638 15.8998 5.78364 15.3199C4.07827 14.1463 2.5 12.435 2.5 10.135V3.1307L9.00037 1.02557L15.5007 3.1307V10.135C15.5007 12.435 13.9225 14.1463 12.2171 15.3199C11.3744 15.8998 10.5281 16.3284 9.89079 16.6122C9.57282 16.7538 9.30863 16.8586 9.12524 16.9275ZM13.3504 6.35672C13.5474 6.16323 13.5502 5.84666 13.3567 5.64965C13.1632 5.45263 12.8467 5.44978 12.6496 5.64328L7.91018 10.2981L5.35146 7.76937C5.15505 7.57526 4.83848 7.57713 4.64437 7.77354C4.45026 7.96995 4.45213 8.28652 4.64854 8.48063L7.55763 11.3556C7.75197 11.5477 8.0645 11.5482 8.25945 11.3567L13.3504 6.35672Z" fill="url(#paint0_linear_17614_128213)" style=""/>
+    </g>
+    <defs>
+        <linearGradient id="paint0_linear_17614_128213" x1="9.00037" y1="0" x2="9.00037" y2="18.0029" gradientUnits="userSpaceOnUse">
+            <stop stop-color="currentColor" style="stop-color:currentColor;stop-color:color(display-p3 0.9397 0.9397 0.9397);stop-opacity:1;"/>
+            <stop offset="1" stop-color="currentColor" style="stop-color:currentColor;stop-color:color(display-p3 0.6132 0.6132 0.6132);stop-opacity:1;"/>
+        </linearGradient>
+        <clipPath id="clip0_17614_128213">
+            <rect width="18" height="18" fill="white" style="fill:white;fill-opacity:1;"/>
+        </clipPath>
+    </defs>
 </svg>
diff --git a/packages/ui/src/icons/supply-chain-gradient.svg b/packages/ui/src/icons/supply-chain-gradient.svg
index 218af2bea5..db0a694973 100644
--- a/packages/ui/src/icons/supply-chain-gradient.svg
+++ b/packages/ui/src/icons/supply-chain-gradient.svg
@@ -1,9 +1,9 @@
 <svg viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M16.3536 2.35355C16.5489 2.15829 16.5489 1.84171 16.3536 1.64645C16.1584 1.45118 15.8418 1.45118 15.6465 1.64645L10.2619 7.03106C10.0667 7.22632 10.0667 7.54291 10.2619 7.73817C10.4572 7.93343 10.7738 7.93343 10.969 7.73817L16.3536 2.35355ZM11.7063 3.04038C11.8717 2.61018 11.8715 2.61011 11.8713 2.61004L11.8709 2.60988L11.8699 2.6095L11.8672 2.60849L11.8594 2.60555L11.8336 2.59621C11.8122 2.58855 11.7821 2.57814 11.7442 2.56579C11.6686 2.54111 11.5614 2.50856 11.4291 2.47473C11.1656 2.40738 10.7966 2.3334 10.3753 2.30865C9.54235 2.25971 8.43018 2.40111 7.56949 3.2618L3.2618 7.56949C2.40111 8.43018 2.25971 9.54235 2.30865 10.3753C2.3334 10.7966 2.40738 11.1656 2.47473 11.4291C2.50856 11.5614 2.54111 11.6686 2.56579 11.7442C2.57814 11.7821 2.58855 11.8122 2.59621 11.8336L2.60555 11.8594L2.60849 11.8672L2.6095 11.8699L2.60988 11.8709L2.61004 11.8713C2.61011 11.8715 2.61018 11.8717 3.04038 11.7063L2.61018 11.8717C2.70926 12.1294 2.99854 12.2581 3.25629 12.159C3.51394 12.0599 3.64257 11.7709 3.54371 11.5132L3.54359 11.5129L3.54317 11.5117L3.53812 11.4978C3.53334 11.4844 3.52588 11.4629 3.5165 11.4342C3.49773 11.3766 3.47141 11.2903 3.44357 11.1814C3.38758 10.9624 3.327 10.6583 3.30693 10.3167C3.26622 9.62388 3.39405 8.85144 3.9689 8.27659L8.27659 3.9689C8.85144 3.39405 9.62388 3.26622 10.3167 3.30693C10.6219 3.32487 10.8971 3.37513 11.1085 3.42557C11.1337 3.43158 11.158 3.4376 11.1814 3.44357C11.2903 3.47141 11.3766 3.49773 11.4342 3.5165C11.4629 3.52588 11.4844 3.53334 11.4978 3.53812L11.5117 3.54317L11.5129 3.54359L11.5132 3.54371L11.5132 3.54374L11.5134 3.54381L11.5138 3.54395L11.5139 3.54398C11.7714 3.64234 12.06 3.51371 12.159 3.25629C12.2581 2.99854 12.1294 2.70926 11.8717 2.61018L11.7063 3.04038ZM15.3897 6.12834C15.2906 5.87058 15.0014 5.74195 14.7436 5.84103C14.4859 5.94007 14.3573 6.22915 14.4562 6.48683L14.4563 6.48714L14.4567 6.48831L14.4618 6.50223C14.4666 6.51564 14.474 6.5371 14.4834 6.56585C14.5022 6.62343 14.5285 6.70975 14.5563 6.81866C14.6123 7.03766 14.6729 7.34173 14.693 7.68336C14.7337 8.37613 14.6058 9.14857 14.031 9.72342L9.72329 14.0311C9.14845 14.606 8.37601 14.7338 7.68324 14.6931C7.34161 14.673 7.03754 14.6124 6.81854 14.5564C6.70962 14.5286 6.6233 14.5023 6.56573 14.4835C6.53698 14.4741 6.51551 14.4667 6.50211 14.4619L6.48819 14.4568L6.48702 14.4564L6.48671 14.4563L6.48645 14.4562L6.48608 14.4561L6.48605 14.456C6.22854 14.3577 5.93987 14.4863 5.84091 14.7437C5.74183 15.0015 5.87046 15.2907 6.12821 15.3898L6.30762 14.9231C6.12821 15.3898 6.12839 15.3899 6.12858 15.39L6.129 15.3901L6.13 15.3905L6.13266 15.3915L6.14052 15.3945L6.16624 15.4038C6.18772 15.4115 6.2178 15.4219 6.25567 15.4342C6.33132 15.4589 6.43854 15.4915 6.57084 15.5253C6.83427 15.5926 7.20334 15.6666 7.62458 15.6914C8.45753 15.7403 9.56971 15.5989 10.4304 14.7382L14.7381 10.4305C15.5988 9.56983 15.7402 8.45766 15.6912 7.6247C15.6665 7.20346 15.5925 6.83439 15.5252 6.57096C15.4913 6.43866 15.4588 6.33144 15.4341 6.25579C15.4218 6.21792 15.4113 6.18785 15.4037 6.16636L15.3943 6.14064L15.3914 6.13278L15.3904 6.13012L15.39 6.12912L15.3898 6.1287C15.3898 6.12851 15.3897 6.12834 14.923 6.30774L15.3897 6.12834ZM7.73817 10.2618C7.93343 10.4571 7.93343 10.7736 7.73817 10.9689L2.35355 16.3535C2.15829 16.5488 1.84171 16.5488 1.64645 16.3535C1.45118 16.1583 1.45118 15.8417 1.64645 15.6464L7.03106 10.2618C7.22632 10.0665 7.54291 10.0665 7.73817 10.2618Z" fill="url(#paint0_linear_9309_36490)"/>
-<defs>
-<linearGradient id="paint0_linear_9309_36490" x1="9.94963" y1="1.1667" x2="9.94963" y2="16.5" gradientUnits="userSpaceOnUse">
-<stop stop-color="currentColor"/>
-<stop offset="1" stop-color="currentColor"/>
-</linearGradient>
-</defs>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M15.3536 1.35355C15.5489 1.15829 15.5489 0.841709 15.3536 0.646447C15.1584 0.451184 14.8418 0.451184 14.6465 0.646447L9.26192 6.03106C9.06666 6.22632 9.06666 6.54291 9.26192 6.73817C9.45719 6.93343 9.77377 6.93343 9.96903 6.73817L15.3536 1.35355ZM10.7063 2.04038C10.8717 1.61018 10.8715 1.61011 10.8713 1.61004L10.8709 1.60988L10.8699 1.6095L10.8672 1.60849L10.8594 1.60555L10.8336 1.59621C10.8122 1.58855 10.7821 1.57814 10.7442 1.56579C10.6686 1.54111 10.5614 1.50856 10.4291 1.47473C10.1656 1.40738 9.79655 1.3334 9.37531 1.30865C8.54235 1.25971 7.43018 1.40111 6.56949 2.2618L2.2618 6.56949C1.40111 7.43018 1.25971 8.54235 1.30865 9.37531C1.3334 9.79655 1.40738 10.1656 1.47473 10.4291C1.50856 10.5614 1.54111 10.6686 1.56579 10.7442C1.57814 10.7821 1.58855 10.8122 1.59621 10.8336L1.60555 10.8594L1.60849 10.8672L1.6095 10.8699L1.60988 10.8709L1.61004 10.8713C1.61011 10.8715 1.61018 10.8717 2.04038 10.7063L1.61018 10.8717C1.70926 11.1294 1.99854 11.2581 2.25629 11.159C2.51394 11.0599 2.64257 10.7709 2.54371 10.5132L2.54359 10.5129L2.54317 10.5117L2.53812 10.4978C2.53334 10.4844 2.52588 10.4629 2.5165 10.4342C2.49773 10.3766 2.47141 10.2903 2.44357 10.1814C2.38758 9.96235 2.327 9.65828 2.30693 9.31665C2.26622 8.62388 2.39405 7.85144 2.9689 7.27659L7.27659 2.9689C7.85144 2.39405 8.62388 2.26622 9.31665 2.30693C9.62188 2.32487 9.89712 2.37513 10.1085 2.42557C10.1337 2.43158 10.158 2.4376 10.1814 2.44357C10.2903 2.47141 10.3766 2.49773 10.4342 2.5165C10.4629 2.52588 10.4844 2.53334 10.4978 2.53812L10.5117 2.54317L10.5129 2.54359L10.5132 2.54371L10.5132 2.54374L10.5134 2.54381L10.5138 2.54395L10.5139 2.54398C10.7714 2.64234 11.06 2.51371 11.159 2.25629C11.2581 1.99854 11.1294 1.70926 10.8717 1.61018L10.7063 2.04038ZM14.3897 5.12834C14.2906 4.87058 14.0014 4.74195 13.7436 4.84103C13.4859 4.94007 13.3573 5.22915 13.4562 5.48683L13.4563 5.48714L13.4567 5.48831L13.4618 5.50223C13.4666 5.51564 13.474 5.5371 13.4834 5.56585C13.5022 5.62343 13.5285 5.70975 13.5563 5.81866C13.6123 6.03766 13.6729 6.34173 13.693 6.68336C13.7337 7.37613 13.6058 8.14857 13.031 8.72342L8.72329 13.0311C8.14845 13.606 7.37601 13.7338 6.68324 13.6931C6.34161 13.673 6.03754 13.6124 5.81854 13.5564C5.70962 13.5286 5.6233 13.5023 5.56573 13.4835C5.53698 13.4741 5.51551 13.4667 5.50211 13.4619L5.48819 13.4568L5.48702 13.4564L5.48671 13.4563L5.48645 13.4562L5.48608 13.4561L5.48605 13.456C5.22854 13.3577 4.93987 13.4863 4.84091 13.7437C4.74183 14.0015 4.87046 14.2907 5.12821 14.3898L5.30762 13.9231C5.12821 14.3898 5.12839 14.3899 5.12858 14.39L5.129 14.3901L5.13 14.3905L5.13266 14.3915L5.14052 14.3945L5.16624 14.4038C5.18772 14.4115 5.2178 14.4219 5.25567 14.4342C5.33132 14.4589 5.43854 14.4915 5.57084 14.5253C5.83427 14.5926 6.20334 14.6666 6.62458 14.6914C7.45753 14.7403 8.56971 14.5989 9.4304 13.7382L13.7381 9.43052C14.5988 8.56983 14.7402 7.45766 14.6912 6.6247C14.6665 6.20346 14.5925 5.83439 14.5252 5.57096C14.4913 5.43866 14.4588 5.33144 14.4341 5.25579C14.4218 5.21792 14.4113 5.18785 14.4037 5.16636L14.3943 5.14064L14.3914 5.13278L14.3904 5.13012L14.39 5.12912L14.3898 5.1287C14.3898 5.12851 14.3897 5.12834 13.923 5.30774L14.3897 5.12834ZM6.73817 9.2618C6.93343 9.45707 6.93343 9.77365 6.73817 9.96891L1.35355 15.3535C1.15829 15.5488 0.841709 15.5488 0.646447 15.3535C0.451184 15.1583 0.451184 14.8417 0.646447 14.6464L6.03106 9.2618C6.22632 9.06654 6.54291 9.06654 6.73817 9.2618Z" fill="url(#paint0_linear_24792_78567)" />
+    <defs>
+        <linearGradient id="paint0_linear_24792_78567" x1="8.00005" y1="0.5" x2="8.00005" y2="15.5" gradientUnits="userSpaceOnUse">
+            <stop stop-color="currentColor" style="stop-color:currentColor;stop-color:color(display-p3 0.9397 0.9397 0.9397);stop-opacity:1;"/>
+            <stop offset="1" stop-color="currentColor" style="stop-color:currentColor;stop-color:color(display-p3 0.6132 0.6132 0.6132);stop-opacity:1;"/>
+        </linearGradient>
+    </defs>
 </svg>

From c1b6eb4925331c4d0643516348977401e977988e Mon Sep 17 00:00:00 2001
From: Raman Yasel <raman.yasel@gmail.com>
Date: Thu, 30 Jan 2025 12:56:17 +0300
Subject: [PATCH 3/4] fix: gradient icons

---
 .../src/components/navbar/navbar-item/index.tsx  |  4 +---
 packages/ui/src/components/navbar/navbar.tsx     |  1 -
 packages/ui/src/icons/artifacts-gradient.svg     | 16 ++++++++--------
 .../ui/src/icons/chaos-engineering-gradient.svg  |  4 ++--
 packages/ui/src/icons/cloud-costs-gradient.svg   |  4 ++--
 packages/ui/src/icons/dashboards-gradient.svg    |  4 ++--
 packages/ui/src/icons/database-gradient.svg      |  4 ++--
 packages/ui/src/icons/dev-envs-gradient.svg      |  4 ++--
 packages/ui/src/icons/dev-insights-gradient.svg  |  4 ++--
 packages/ui/src/icons/dev-portal-gradient.svg    |  4 ++--
 packages/ui/src/icons/execution-gradient.svg     |  4 ++--
 .../ui/src/icons/featured-flags-gradient.svg     |  4 ++--
 packages/ui/src/icons/flag-gradient.svg          |  4 ++--
 packages/ui/src/icons/incidents-gradient.svg     |  4 ++--
 .../ui/src/icons/infrastructure-gradient.svg     |  4 ++--
 packages/ui/src/icons/pipelines-gradient.svg     |  4 ++--
 packages/ui/src/icons/repositories-gradient.svg  |  4 ++--
 .../ui/src/icons/security-tests-gradient.svg     |  4 ++--
 packages/ui/src/icons/supply-chain-gradient.svg  |  4 ++--
 packages/ui/src/styles.css                       |  5 +++--
 20 files changed, 44 insertions(+), 46 deletions(-)

diff --git a/packages/ui/src/components/navbar/navbar-item/index.tsx b/packages/ui/src/components/navbar/navbar-item/index.tsx
index 6ebe8d35eb..9164ef0703 100644
--- a/packages/ui/src/components/navbar/navbar-item/index.tsx
+++ b/packages/ui/src/components/navbar/navbar-item/index.tsx
@@ -9,7 +9,6 @@ import { NavbarItemType } from '../types'
 interface NavbarItemProps {
   item: NavbarItemType
   isRecent?: boolean
-  isStaticPinned?: boolean
   handleChangePinnedMenuItem: (item: NavbarItemType, pin: boolean) => void
   handleRemoveRecentMenuItem: (item: NavbarItemType) => void
   handleCustomNav: () => void
@@ -19,7 +18,6 @@ interface NavbarItemProps {
 export const NavbarItem = ({
   item,
   isRecent = false,
-  isStaticPinned = false,
   handleChangePinnedMenuItem,
   handleRemoveRecentMenuItem,
   handleCustomNav,
@@ -77,7 +75,7 @@ export const NavbarItem = ({
           />
         )}
       </NavLink>
-      {!isStaticPinned && (
+      {!item.permanentlyPinned && (
         <DropdownMenu.Root>
           <DropdownMenu.Trigger asChild>
             <Button
diff --git a/packages/ui/src/components/navbar/navbar.tsx b/packages/ui/src/components/navbar/navbar.tsx
index 188ea46a48..99566ba877 100644
--- a/packages/ui/src/components/navbar/navbar.tsx
+++ b/packages/ui/src/components/navbar/navbar.tsx
@@ -79,7 +79,6 @@ export const Navbar = ({
                 handleChangePinnedMenuItem={handleChangePinnedMenuItem}
                 handleRemoveRecentMenuItem={handleRemoveRecentMenuItem}
                 handleCustomNav={handleCustomNav}
-                isStaticPinned
                 t={t}
               />
             ))}
diff --git a/packages/ui/src/icons/artifacts-gradient.svg b/packages/ui/src/icons/artifacts-gradient.svg
index 01125dfedd..cd957165af 100644
--- a/packages/ui/src/icons/artifacts-gradient.svg
+++ b/packages/ui/src/icons/artifacts-gradient.svg
@@ -1,9 +1,9 @@
-<svg viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M8.20218 0.667698C8.0734 0.610767 7.9266 0.610767 7.79782 0.667698L0.297825 3.98349C0.11678 4.06353 0 4.24284 0 4.44079V4.4997C0 4.49972 0 4.49974 0 4.49975V13.5592C0 13.7571 0.116779 13.9364 0.297823 14.0165L7.78783 17.3279C7.84488 17.3547 7.90782 17.371 7.97417 17.3743C7.98278 17.3748 7.99139 17.375 8 17.375C8.00955 17.375 8.01911 17.3747 8.02865 17.3742C8.09397 17.3705 8.15593 17.3543 8.21218 17.3279L15.7022 14.0165C15.8832 13.9364 16 13.7571 16 13.5592V4.51451C16.0003 4.50467 16.0003 4.49481 16 4.48493V4.44079C16 4.24284 15.8832 4.06353 15.7022 3.98349L8.20218 0.667698ZM14.3894 4.49646L8 1.67168L1.61074 4.49641L8.00011 7.69109L14.3894 4.49646ZM1 5.30908V13.2335L7.5 16.1073V8.55907L1 5.30908ZM8.5 16.1073L15 13.2335V5.30918L8.5 8.55918V16.1073Z" fill="url(#paint0_linear_24792_73682)" />
-    <defs>
-        <linearGradient id="paint0_linear_24792_73682" x1="8.00011" y1="0.625" x2="8.00011" y2="17.375" gradientUnits="userSpaceOnUse">
-            <stop stop-color="currentColor" style="stop-color:currentColor;stop-color:color(display-p3 0.9397 0.9397 0.9397);stop-opacity:1;"/>
-            <stop offset="1" stop-color="currentColor" style="stop-color:currentColor;stop-color:color(display-p3 0.6132 0.6132 0.6132);stop-opacity:1;"/>
-        </linearGradient>
-    </defs>
+<svg width="16" height="18" viewBox="0 0 16 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8.20218 0.667698C8.0734 0.610767 7.9266 0.610767 7.79782 0.667698L0.297825 3.98349C0.11678 4.06353 0 4.24284 0 4.44079V4.4997C0 4.49972 0 4.49974 0 4.49975V13.5592C0 13.7571 0.116779 13.9364 0.297823 14.0165L7.78783 17.3279C7.84488 17.3547 7.90782 17.371 7.97417 17.3743C7.98278 17.3748 7.99139 17.375 8 17.375C8.00955 17.375 8.01911 17.3747 8.02865 17.3742C8.09397 17.3705 8.15593 17.3543 8.21218 17.3279L15.7022 14.0165C15.8832 13.9364 16 13.7571 16 13.5592V4.51451C16.0003 4.50467 16.0003 4.49481 16 4.48493V4.44079C16 4.24284 15.8832 4.06353 15.7022 3.98349L8.20218 0.667698ZM14.3894 4.49646L8 1.67168L1.61074 4.49641L8.00011 7.69109L14.3894 4.49646ZM1 5.30908V13.2335L7.5 16.1073V8.55907L1 5.30908ZM8.5 16.1073L15 13.2335V5.30918L8.5 8.55918V16.1073Z" fill="url(#paint0_linear_25834_127425)" style=""/>
+<defs>
+    <linearGradient id="paint0_linear_25834_127425" x1="8.00011" y1="0.625" x2="8.00011" y2="17.375" gradientUnits="userSpaceOnUse">
+        <stop style="stop-opacity:1;"/>
+        <stop offset="1" style="stop-opacity:1;"/>
+    </linearGradient>
+</defs>
 </svg>
diff --git a/packages/ui/src/icons/chaos-engineering-gradient.svg b/packages/ui/src/icons/chaos-engineering-gradient.svg
index 4b12dcceb0..57b8518d91 100644
--- a/packages/ui/src/icons/chaos-engineering-gradient.svg
+++ b/packages/ui/src/icons/chaos-engineering-gradient.svg
@@ -2,8 +2,8 @@
   <path fill-rule="evenodd" clip-rule="evenodd" d="M8.99909 0.417969L9.35264 0.771522L10.8526 2.27152C11.0479 2.46678 11.0479 2.78337 10.8526 2.97863C10.6574 3.17389 10.3408 3.17389 10.1455 2.97863L9.49909 2.33218V6.80583C9.94823 6.90774 10.3463 7.14402 10.6489 7.47016L14.5174 5.23671L13.5706 4.98304C13.3039 4.91157 13.1456 4.6374 13.2171 4.37067C13.2886 4.10393 13.5627 3.94564 13.8295 4.01711L15.8785 4.56615L16.3615 4.69556L16.2321 5.17852L15.683 7.22756C15.6115 7.49429 15.3374 7.65259 15.0706 7.58111C14.8039 7.50964 14.6456 7.23548 14.7171 6.96874L14.9367 6.14933L11.1494 8.33588C11.2142 8.54582 11.2491 8.76887 11.2491 9.00008C11.2491 9.23128 11.2142 9.45434 11.1494 9.66428L14.9367 11.8508L14.7171 11.0314C14.6456 10.7647 14.8039 10.4905 15.0706 10.419C15.3374 10.3476 15.6115 10.5059 15.683 10.7726L16.2321 12.8216L16.3615 13.3046L15.8785 13.434L13.8295 13.983C13.5627 14.0545 13.2886 13.8962 13.2171 13.6295C13.1456 13.3628 13.3039 13.0886 13.5706 13.0171L14.5174 12.7634L10.6489 10.53C10.3463 10.8561 9.94823 11.0924 9.49909 11.1943V15.668L10.1455 15.0215C10.3408 14.8263 10.6574 14.8263 10.8526 15.0215C11.0479 15.2168 11.0479 15.5334 10.8526 15.7286L9.35264 17.2286L8.99909 17.5822L8.64554 17.2286L7.14554 15.7286C6.95028 15.5334 6.95028 15.2168 7.14554 15.0215C7.3408 14.8263 7.65738 14.8263 7.85264 15.0215L8.49909 15.668V11.1943C8.04993 11.0924 7.65181 10.8561 7.34922 10.5299L3.48072 12.7634L4.42754 13.0171C4.69427 13.0886 4.85256 13.3628 4.78109 13.6295C4.70962 13.8962 4.43545 14.0545 4.16872 13.983L2.11968 13.434L1.63672 13.3046L1.76613 12.8216L2.31517 10.7726C2.38664 10.5059 2.66081 10.3476 2.92754 10.419C3.19427 10.4905 3.35256 10.7647 3.28109 11.0314L3.06156 11.8507L6.84871 9.6642C6.78396 9.45429 6.74909 9.23125 6.74909 9.00008C6.74909 8.7689 6.78396 8.54587 6.84871 8.33595L3.06156 6.14943L3.28109 6.96874C3.35256 7.23548 3.19427 7.50964 2.92754 7.58111C2.66081 7.65259 2.38664 7.49429 2.31517 7.22756L1.76613 5.17852L1.63672 4.69556L2.11968 4.56615L4.16872 4.01711C4.43545 3.94564 4.70962 4.10393 4.78109 4.37067C4.85256 4.6374 4.69427 4.91157 4.42754 4.98304L3.48073 5.23674L7.34922 7.47021C7.65181 7.14404 8.04993 6.90775 8.49909 6.80583V2.33218L7.85264 2.97863C7.65738 3.17389 7.3408 3.17389 7.14554 2.97863C6.95028 2.78337 6.95028 2.46678 7.14554 2.27152L8.64554 0.771522L8.99909 0.417969Z" fill="url(#paint0_linear_17614_128240)" style=""/>
   <defs>
     <linearGradient id="paint0_linear_17614_128240" x1="8.99909" y1="0.417969" x2="8.99909" y2="17.5822" gradientUnits="userSpaceOnUse">
-      <stop stop-color="currentColor" style="stop-color:currentColor;stop-color:color(display-p3 0.9397 0.9397 0.9397);stop-opacity:1;"/>
-      <stop offset="1" stop-color="currentColor" style="stop-color:currentColor;stop-color:color(display-p3 0.6132 0.6132 0.6132);stop-opacity:1;"/>
+      <stop style="stop-opacity:1;"/>
+      <stop offset="1" style="stop-opacity:1;"/>
     </linearGradient>
   </defs>
 </svg>
diff --git a/packages/ui/src/icons/cloud-costs-gradient.svg b/packages/ui/src/icons/cloud-costs-gradient.svg
index b118ae1724..77a6db9530 100644
--- a/packages/ui/src/icons/cloud-costs-gradient.svg
+++ b/packages/ui/src/icons/cloud-costs-gradient.svg
@@ -4,8 +4,8 @@
     </g>
     <defs>
         <linearGradient id="paint0_linear_17614_128251" x1="9" y1="0.0625" x2="9" y2="17.9376" gradientUnits="userSpaceOnUse">
-            <stop stop-color="currentColor" style="stop-color:currentColor;stop-color:color(display-p3 0.9397 0.9397 0.9397);stop-opacity:1;"/>
-            <stop offset="1" stop-color="currentColor" style="stop-color:currentColor;stop-color:color(display-p3 0.6132 0.6132 0.6132);stop-opacity:1;"/>
+            <stop style="stop-opacity:1;"/>
+            <stop offset="1" style="stop-opacity:1;"/>
         </linearGradient>
         <clipPath id="clip0_17614_128251">
             <rect width="18" height="18" fill="white" style="fill:white;fill-opacity:1;"/>
diff --git a/packages/ui/src/icons/dashboards-gradient.svg b/packages/ui/src/icons/dashboards-gradient.svg
index 6c65e96612..4b8e61c709 100644
--- a/packages/ui/src/icons/dashboards-gradient.svg
+++ b/packages/ui/src/icons/dashboards-gradient.svg
@@ -4,8 +4,8 @@
 </g>
 <defs>
 <linearGradient id="paint0_linear_17614_128262" x1="8.99978" y1="0.5" x2="8.99978" y2="17.5" gradientUnits="userSpaceOnUse">
-<stop stop-color="#F0F0F0"/>
-<stop offset="1" stop-color="#9C9C9C"/>
+<stop/>
+<stop offset="1"/>
 </linearGradient>
 </defs>
 </svg>
diff --git a/packages/ui/src/icons/database-gradient.svg b/packages/ui/src/icons/database-gradient.svg
index 5af939708d..e5b81e350a 100644
--- a/packages/ui/src/icons/database-gradient.svg
+++ b/packages/ui/src/icons/database-gradient.svg
@@ -3,8 +3,8 @@
 <path fill-rule="evenodd" clip-rule="evenodd" d="M2.5 3.4C2.5 3.12386 2.27614 2.89941 2 2.89941C1.72386 2.89941 1.5 3.12386 1.5 3.4V14.5994C1.5 15.1532 1.82768 15.6021 2.25098 15.9393C2.67731 16.2789 3.26339 16.5593 3.94298 16.7841C5.30727 17.2354 7.16321 17.4994 9.2 17.4994C11.2368 17.4994 13.0927 17.2354 14.457 16.7841C15.1366 16.5593 15.7227 16.2789 16.149 15.9393C16.5723 15.6021 16.9 15.1532 16.9 14.5994V3.4C16.9 3.12386 16.6761 2.89941 16.4 2.89941C16.1239 2.89941 15.9 3.12386 15.9 3.4V9C15.9 9.12621 15.8277 9.31734 15.526 9.55766C15.2273 9.79556 14.7634 10.0301 14.143 10.2353C12.9073 10.644 11.1632 10.9 9.2 10.9C7.23679 10.9 5.49273 10.644 4.25702 10.2353C3.63661 10.0301 3.17269 9.79556 2.87402 9.55766C2.57232 9.31734 2.5 9.12621 2.5 9V3.4ZM2.5 10.5199V14.5994C2.5 14.7256 2.57232 14.9167 2.87402 15.1571C3.17269 15.395 3.63661 15.6295 4.25702 15.8347C5.49273 16.2434 7.23679 16.4994 9.2 16.4994C11.1632 16.4994 12.9073 16.2434 14.143 15.8347C14.7634 15.6295 15.2273 15.395 15.526 15.1571C15.8277 14.9167 15.9 14.7256 15.9 14.5994V10.5199C15.5056 10.78 15.0126 11.0009 14.457 11.1847C13.0927 11.636 11.2368 11.9 9.2 11.9C7.16321 11.9 5.30727 11.636 3.94298 11.1847C3.38744 11.0009 2.89438 10.78 2.5 10.5199Z" fill="url(#paint0_linear_17614_128151)"/>
 <defs>
 <linearGradient id="paint0_linear_17614_128151" x1="9.2" y1="0.5" x2="9.2" y2="17.4994" gradientUnits="userSpaceOnUse">
-<stop stop-color="#F0F0F0"/>
-<stop offset="1" stop-color="#9C9C9C"/>
+<stop/>
+<stop offset="1"/>
 </linearGradient>
 </defs>
 </svg>
diff --git a/packages/ui/src/icons/dev-envs-gradient.svg b/packages/ui/src/icons/dev-envs-gradient.svg
index 2a1f6b2ee0..d4eb147e47 100644
--- a/packages/ui/src/icons/dev-envs-gradient.svg
+++ b/packages/ui/src/icons/dev-envs-gradient.svg
@@ -2,8 +2,8 @@
     <path fill-rule="evenodd" clip-rule="evenodd" d="M0.75 0C0.473858 0 0.25 0.223858 0.25 0.5V12.5C0.25 12.7761 0.473858 13 0.75 13H8.5V15H4.5C4.22386 15 4 15.2239 4 15.5C4 15.7761 4.22386 16 4.5 16H9H13.5C13.7761 16 14 15.7761 14 15.5C14 15.2239 13.7761 15 13.5 15H9.5V13H17.25C17.5261 13 17.75 12.7761 17.75 12.5V0.5C17.75 0.223858 17.5261 0 17.25 0H0.75ZM9 12H16.75V1H1.25V12H9Z" fill="url(#paint0_linear_24792_81754)" />
     <defs>
         <linearGradient id="paint0_linear_24792_81754" x1="9" y1="0" x2="9" y2="16" gradientUnits="userSpaceOnUse">
-            <stop stop-color="currentColor" style="stop-color:currentColor;stop-color:color(display-p3 0.9397 0.9397 0.9397);stop-opacity:1;"/>
-            <stop offset="1" stop-color="currentColor" style="stop-color:currentColor;stop-color:color(display-p3 0.6132 0.6132 0.6132);stop-opacity:1;"/>
+            <stop style="stop-opacity:1;"/>
+            <stop offset="1" style="stop-opacity:1;"/>
         </linearGradient>
     </defs>
 </svg>
diff --git a/packages/ui/src/icons/dev-insights-gradient.svg b/packages/ui/src/icons/dev-insights-gradient.svg
index 4e833c3911..53b82b4fae 100644
--- a/packages/ui/src/icons/dev-insights-gradient.svg
+++ b/packages/ui/src/icons/dev-insights-gradient.svg
@@ -2,8 +2,8 @@
     <path fill-rule="evenodd" clip-rule="evenodd" d="M0.5625 1.5C0.286358 1.5 0.0625 1.72386 0.0625 2C0.0625 2.27614 0.286358 2.5 0.5625 2.5H17.4375C17.7136 2.5 17.9375 2.27614 17.9375 2C17.9375 1.72386 17.7136 1.5 17.4375 1.5H0.5625ZM0.5625 6C0.286358 6 0.0625 6.22386 0.0625 6.5C0.0625 6.77614 0.286358 7 0.5625 7H6.1875C6.46364 7 6.6875 6.77614 6.6875 6.5C6.6875 6.22386 6.46364 6 6.1875 6H0.5625ZM0.0625 11C0.0625 10.7239 0.286358 10.5 0.5625 10.5H6.1875C6.46364 10.5 6.6875 10.7239 6.6875 11C6.6875 11.2761 6.46364 11.5 6.1875 11.5H0.5625C0.286358 11.5 0.0625 11.2761 0.0625 11ZM0.5625 15C0.286358 15 0.0625 15.2239 0.0625 15.5C0.0625 15.7761 0.286358 16 0.5625 16H17.4375C17.7136 16 17.9375 15.7761 17.9375 15.5C17.9375 15.2239 17.7136 15 17.4375 15H0.5625ZM12.375 5.875C11.0978 5.875 10.0625 6.91034 10.0625 8.1875C10.0625 9.46466 11.0978 10.5 12.375 10.5C13.6522 10.5 14.6875 9.46466 14.6875 8.1875C14.6875 6.91034 13.6522 5.875 12.375 5.875ZM9.0625 8.1875C9.0625 6.35806 10.5456 4.875 12.375 4.875C14.2044 4.875 15.6875 6.35806 15.6875 8.1875C15.6875 8.9218 15.4486 9.60029 15.0442 10.1495L17.2286 12.3339C17.4239 12.5291 17.4239 12.8457 17.2286 13.041C17.0334 13.2363 16.7168 13.2363 16.5215 13.041L14.3371 10.8566C13.7879 11.261 13.1094 11.5 12.375 11.5C10.5456 11.5 9.0625 10.0169 9.0625 8.1875Z" fill="url(#paint0_linear_17614_128202)" />
     <defs>
         <linearGradient id="paint0_linear_17614_128202" x1="9" y1="1.5" x2="9" y2="16" gradientUnits="userSpaceOnUse">
-            <stop stop-color="currentColor" style="stop-color:currentColor;stop-color:color(display-p3 0.9397 0.9397 0.9397);stop-opacity:1;"/>
-            <stop offset="1" stop-color="currentColor" style="stop-color:currentColor;stop-color:color(display-p3 0.6132 0.6132 0.6132);stop-opacity:1;"/>
+            <stop style="stop-opacity:1;"/>
+            <stop offset="1" style="stop-opacity:1;"/>
         </linearGradient>
     </defs>
 </svg>
diff --git a/packages/ui/src/icons/dev-portal-gradient.svg b/packages/ui/src/icons/dev-portal-gradient.svg
index 0e2ebf49d6..63578f6ea3 100644
--- a/packages/ui/src/icons/dev-portal-gradient.svg
+++ b/packages/ui/src/icons/dev-portal-gradient.svg
@@ -2,8 +2,8 @@
     <path fill-rule="evenodd" clip-rule="evenodd" d="M1.5 2C1.22386 2 1 2.22386 1 2.5V15C1 15.2603 1.10641 15.5131 1.30089 15.7019C1.49588 15.8911 1.76345 16 2.04545 16H15.9545C16.2366 16 16.5041 15.8911 16.6991 15.7019C16.8936 15.5131 17 15.2603 17 15V5.5C17 5.22386 16.7761 5 16.5 5H9.15909C8.6491 5 8.17405 4.74088 7.89794 4.3121L6.55675 2.2293C6.46471 2.08637 6.30636 2 6.13636 2H1.5ZM0 2.5C0 1.67157 0.671573 1 1.5 1H6.13636C6.64635 1 7.1214 1.25912 7.39751 1.6879L8.73871 3.7707C8.83074 3.91363 8.98909 4 9.15909 4H16.5C17.3284 4 18 4.67157 18 5.5V15C18 15.5353 17.7808 16.0456 17.3956 16.4194C17.0109 16.7928 16.4923 17 15.9545 17H2.04545C1.5077 17 0.98908 16.7928 0.604415 16.4194C0.219243 16.0456 0 15.5353 0 15V2.5Z" fill="url(#paint0_linear_17614_128186)" />
     <defs>
         <linearGradient id="paint0_linear_17614_128186" x1="9" y1="1" x2="9" y2="17" gradientUnits="userSpaceOnUse">
-            <stop stop-color="currentColor" style="stop-color:currentColor;stop-color:color(display-p3 0.9397 0.9397 0.9397);stop-opacity:1;"/>
-            <stop offset="1" stop-color="currentColor" style="stop-color:currentColor;stop-color:color(display-p3 0.6132 0.6132 0.6132);stop-opacity:1;"/>
+            <stop style="stop-opacity:1;"/>
+            <stop offset="1" style="stop-opacity:1;"/>
         </linearGradient>
     </defs>
 </svg>
diff --git a/packages/ui/src/icons/execution-gradient.svg b/packages/ui/src/icons/execution-gradient.svg
index 383d9c4369..447e0be444 100644
--- a/packages/ui/src/icons/execution-gradient.svg
+++ b/packages/ui/src/icons/execution-gradient.svg
@@ -2,8 +2,8 @@
     <path fill-rule="evenodd" clip-rule="evenodd" d="M1.5 1C1.22386 1 1 1.22386 1 1.5V16.5C1 16.7761 1.22386 17 1.5 17H16.5C16.7761 17 17 16.7761 17 16.5V1.5C17 1.22386 16.7761 1 16.5 1H1.5ZM2 16V2H16V16H2ZM6.99807 5.56588C6.84332 5.47745 6.65319 5.47808 6.49904 5.56754C6.34488 5.65701 6.25 5.82176 6.25 6V12C6.25 12.1782 6.34488 12.343 6.49904 12.4325C6.65319 12.5219 6.84332 12.5226 6.99807 12.4341L12.2481 9.43412C12.4039 9.3451 12.5 9.17943 12.5 9C12.5 8.82057 12.4039 8.6549 12.2481 8.56588L6.99807 5.56588ZM10.9922 9L7.25 11.1384V6.86159L10.9922 9Z" fill="url(#paint0_linear_17614_128143)" />
     <defs>
         <linearGradient id="paint0_linear_17614_128143" x1="9" y1="1" x2="9" y2="17" gradientUnits="userSpaceOnUse">
-            <stop stop-color="currentColor" style="stop-color:currentColor;stop-color:color(display-p3 0.9397 0.9397 0.9397);stop-opacity:1;"/>
-            <stop offset="1" stop-color="currentColor" style="stop-color:currentColor;stop-color:color(display-p3 0.6132 0.6132 0.6132);stop-opacity:1;"/>
+            <stop style="stop-opacity:1;"/>
+            <stop offset="1" style="stop-opacity:1;"/>
         </linearGradient>
     </defs>
 </svg>
diff --git a/packages/ui/src/icons/featured-flags-gradient.svg b/packages/ui/src/icons/featured-flags-gradient.svg
index 36ae16b8b8..f63671470a 100644
--- a/packages/ui/src/icons/featured-flags-gradient.svg
+++ b/packages/ui/src/icons/featured-flags-gradient.svg
@@ -4,8 +4,8 @@
   </g>
   <defs>
     <linearGradient id="paint0_linear_17614_128175" x1="9.375" y1="0.625" x2="9.375" y2="18.125" gradientUnits="userSpaceOnUse">
-      <stop stop-color="currentColor" style="stop-color:currentColor;stop-color:color(display-p3 0.9397 0.9397 0.9397);stop-opacity:1;"/>
-      <stop offset="1" stop-color="currentColor" style="stop-color:currentColor;stop-color:color(display-p3 0.6132 0.6132 0.6132);stop-opacity:1;"/>
+      <stop style="stop-opacity:1;"/>
+      <stop offset="1" style="stop-opacity:1;"/>
     </linearGradient>
     <clipPath id="clip0_17614_128175">
       <rect width="18" height="18" fill="currentColor" style="fill:currentColor;fill-opacity:1;"/>
diff --git a/packages/ui/src/icons/flag-gradient.svg b/packages/ui/src/icons/flag-gradient.svg
index b36b1d053c..f203994e69 100644
--- a/packages/ui/src/icons/flag-gradient.svg
+++ b/packages/ui/src/icons/flag-gradient.svg
@@ -4,8 +4,8 @@
 </g>
 <defs>
 <linearGradient id="paint0_linear_9309_36390" x1="9.375" y1="0.625" x2="9.375" y2="18.125" gradientUnits="userSpaceOnUse">
-<stop stop-color="currentColor"/>
-<stop offset="1" stop-color="currentColor"/>
+<stop/>
+<stop offset="1"/>
 </linearGradient>
 </defs>
 </svg>
diff --git a/packages/ui/src/icons/incidents-gradient.svg b/packages/ui/src/icons/incidents-gradient.svg
index a71d5616ff..32ea9d431e 100644
--- a/packages/ui/src/icons/incidents-gradient.svg
+++ b/packages/ui/src/icons/incidents-gradient.svg
@@ -2,8 +2,8 @@
     <path fill-rule="evenodd" clip-rule="evenodd" d="M8.5806 1.2834C8.70711 1.20786 8.85171 1.16797 8.99906 1.16797C9.14641 1.16797 9.29102 1.20786 9.41753 1.2834C9.54404 1.35894 9.64775 1.46732 9.71764 1.59704L16.725 14.6106C16.7919 14.7349 16.8253 14.8745 16.8221 15.0156C16.8189 15.1567 16.7792 15.2946 16.7068 15.4158C16.6344 15.5369 16.5318 15.6373 16.4091 15.707C16.2863 15.7766 16.1476 15.8133 16.0065 15.8134H1.99166C1.85051 15.8133 1.71179 15.7766 1.58904 15.707C1.46629 15.6373 1.36371 15.5369 1.29132 15.4158C1.21892 15.2946 1.17919 15.1567 1.17599 15.0156C1.1728 14.8745 1.20625 14.7349 1.27309 14.6106L8.28049 1.59704L8.28053 1.59696C8.35042 1.46728 8.45411 1.35893 8.5806 1.2834ZM8.99906 0.167969C8.67119 0.167969 8.34943 0.256722 8.06793 0.424812C7.78642 0.592902 7.55567 0.834059 7.40014 1.1227L7.40008 1.12282L0.392455 14.1368L0.392294 14.1371C0.243576 14.4138 0.169137 14.7242 0.176247 15.0382C0.183356 15.3522 0.271771 15.659 0.432857 15.9286C0.593944 16.1983 0.822196 16.4215 1.09533 16.5766C1.36846 16.7316 1.67714 16.8132 1.99121 16.8134H1.99144H16.0067H16.0069C16.321 16.8132 16.6297 16.7316 16.9028 16.5766C17.1759 16.4215 17.4042 16.1983 17.5653 15.9286C17.7264 15.659 17.8148 15.3522 17.8219 15.0382C17.829 14.7242 17.7546 14.4138 17.6058 14.1371L17.6057 14.1368L10.598 1.12282L10.598 1.1227C10.4425 0.83406 10.2117 0.592902 9.9302 0.424812C9.64869 0.256722 9.32694 0.167969 8.99906 0.167969ZM9 4.56348C9.27614 4.56348 9.5 4.78733 9.5 5.06348V10.6885C9.5 10.9646 9.27614 11.1885 9 11.1885C8.72386 11.1885 8.5 10.9646 8.5 10.6885V5.06348C8.5 4.78733 8.72386 4.56348 9 4.56348ZM9 14.626C9.62132 14.626 10.125 14.1223 10.125 13.501C10.125 12.8797 9.62132 12.376 9 12.376C8.37868 12.376 7.875 12.8797 7.875 13.501C7.875 14.1223 8.37868 14.626 9 14.626Z" fill="url(#paint0_linear_17930_82758)" style=""/>
     <defs>
         <linearGradient id="paint0_linear_17930_82758" x1="8.99906" y1="0.167969" x2="8.99906" y2="16.8134" gradientUnits="userSpaceOnUse">
-            <stop stop-color="currentColor" style="stop-color:currentColor;stop-color:color(display-p3 0.9397 0.9397 0.9397);stop-opacity:1;"/>
-            <stop offset="1" stop-color="currentColor" style="stop-color:currentColor;stop-color:color(display-p3 0.6132 0.6132 0.6132);stop-opacity:1;"/>
+            <stop style="stop-opacity:1;"/>
+            <stop offset="1" style="stop-opacity:1;"/>
         </linearGradient>
     </defs>
 </svg>
diff --git a/packages/ui/src/icons/infrastructure-gradient.svg b/packages/ui/src/icons/infrastructure-gradient.svg
index c043557b70..9a4c4fe555 100644
--- a/packages/ui/src/icons/infrastructure-gradient.svg
+++ b/packages/ui/src/icons/infrastructure-gradient.svg
@@ -4,8 +4,8 @@
     </g>
     <defs>
         <linearGradient id="paint0_linear_17614_128167" x1="8.99953" y1="0.499023" x2="8.99953" y2="17.502" gradientUnits="userSpaceOnUse">
-            <stop stop-color="currentColor" style="stop-color:currentColor;stop-color:color(display-p3 0.9397 0.9397 0.9397);stop-opacity:1;"/>
-            <stop offset="1" stop-color="currentColor" style="stop-color:currentColor;stop-color:color(display-p3 0.6132 0.6132 0.6132);stop-opacity:1;"/>
+            <stop style="stop-opacity:1;"/>
+            <stop offset="1" style="stop-opacity:1;"/>
         </linearGradient>
         <clipPath id="clip0_17614_128167">
             <rect width="18" height="18" fill="currentColor" style="fill:currentColor;fill-opacity:1;" />
diff --git a/packages/ui/src/icons/pipelines-gradient.svg b/packages/ui/src/icons/pipelines-gradient.svg
index d6b4865a42..3b45893f8e 100644
--- a/packages/ui/src/icons/pipelines-gradient.svg
+++ b/packages/ui/src/icons/pipelines-gradient.svg
@@ -2,8 +2,8 @@
     <path fill-rule="evenodd" clip-rule="evenodd" d="M6 1.25C4.61939 1.25 3.5 2.36939 3.5 3.75V10.75C3.5 11.0261 3.27614 11.25 3 11.25C2.72386 11.25 2.5 11.0261 2.5 10.75V3.75C2.5 1.81711 4.06711 0.25 6 0.25C7.93289 0.25 9.5 1.81711 9.5 3.75V14.25C9.5 15.6306 10.6194 16.75 12 16.75C13.3806 16.75 14.5 15.6306 14.5 14.25V7.25C14.5 6.97386 14.7239 6.75 15 6.75C15.2761 6.75 15.5 6.97386 15.5 7.25V14.25C15.5 16.1829 13.9329 17.75 12 17.75C10.0671 17.75 8.5 16.1829 8.5 14.25V3.75C8.5 2.36939 7.38061 1.25 6 1.25ZM15 1.25C14.0335 1.25 13.25 2.0335 13.25 3C13.25 3.9665 14.0335 4.75 15 4.75C15.9665 4.75 16.75 3.9665 16.75 3C16.75 2.0335 15.9665 1.25 15 1.25ZM12.25 3C12.25 1.48122 13.4812 0.25 15 0.25C16.5188 0.25 17.75 1.48122 17.75 3C17.75 4.51878 16.5188 5.75 15 5.75C13.4812 5.75 12.25 4.51878 12.25 3ZM1.25 15C1.25 14.0335 2.0335 13.25 3 13.25C3.9665 13.25 4.75 14.0335 4.75 15C4.75 15.9665 3.9665 16.75 3 16.75C2.0335 16.75 1.25 15.9665 1.25 15ZM3 12.25C1.48122 12.25 0.25 13.4812 0.25 15C0.25 16.5188 1.48122 17.75 3 17.75C4.51878 17.75 5.75 16.5188 5.75 15C5.75 13.4812 4.51878 12.25 3 12.25Z" fill="url(#paint0_linear_24792_94007)" />
     <defs>
         <linearGradient id="paint0_linear_24792_94007" x1="9" y1="0.25" x2="9" y2="17.75" gradientUnits="userSpaceOnUse">
-            <stop stop-color="currentColor" style="stop-color:currentColor;stop-color:color(display-p3 0.9397 0.9397 0.9397);stop-opacity:1;"/>
-            <stop offset="1" stop-color="currentColor" style="stop-color:currentColor;stop-color:color(display-p3 0.6132 0.6132 0.6132);stop-opacity:1;"/>
+            <stop style="stop-opacity:1;"/>
+            <stop offset="1" style="stop-opacity:1;"/>
         </linearGradient>
     </defs>
 </svg>
diff --git a/packages/ui/src/icons/repositories-gradient.svg b/packages/ui/src/icons/repositories-gradient.svg
index 4969b92571..589007dd53 100644
--- a/packages/ui/src/icons/repositories-gradient.svg
+++ b/packages/ui/src/icons/repositories-gradient.svg
@@ -4,8 +4,8 @@
     </g>
     <defs>
         <linearGradient id="paint0_linear_17614_128126" x1="9.00014" y1="0.5" x2="9.00014" y2="17.4998" gradientUnits="userSpaceOnUse">
-            <stop stop-color="currentColor" style="stop-color:currentColor;stop-color:color(display-p3 0.9397 0.9397 0.9397);stop-opacity:1;"/>
-            <stop offset="1" stop-color="currentColor" style="stop-color:currentColor;stop-color:color(display-p3 0.6132 0.6132 0.6132);stop-opacity:1;"/>
+            <stop style="stop-opacity:1;"/>
+            <stop offset="1" style="stop-opacity:1;"/>
         </linearGradient>
         <clipPath id="clip0_17614_128126">
             <rect width="18" height="18" fill="currentColor" style="fill:currentColor;fill-opacity:1;"/>
diff --git a/packages/ui/src/icons/security-tests-gradient.svg b/packages/ui/src/icons/security-tests-gradient.svg
index 5b0d9657eb..22594050d9 100644
--- a/packages/ui/src/icons/security-tests-gradient.svg
+++ b/packages/ui/src/icons/security-tests-gradient.svg
@@ -4,8 +4,8 @@
     </g>
     <defs>
         <linearGradient id="paint0_linear_17614_128213" x1="9.00037" y1="0" x2="9.00037" y2="18.0029" gradientUnits="userSpaceOnUse">
-            <stop stop-color="currentColor" style="stop-color:currentColor;stop-color:color(display-p3 0.9397 0.9397 0.9397);stop-opacity:1;"/>
-            <stop offset="1" stop-color="currentColor" style="stop-color:currentColor;stop-color:color(display-p3 0.6132 0.6132 0.6132);stop-opacity:1;"/>
+            <stop style="stop-opacity:1;"/>
+            <stop offset="1" style="stop-opacity:1;"/>
         </linearGradient>
         <clipPath id="clip0_17614_128213">
             <rect width="18" height="18" fill="white" style="fill:white;fill-opacity:1;"/>
diff --git a/packages/ui/src/icons/supply-chain-gradient.svg b/packages/ui/src/icons/supply-chain-gradient.svg
index db0a694973..c5245b0699 100644
--- a/packages/ui/src/icons/supply-chain-gradient.svg
+++ b/packages/ui/src/icons/supply-chain-gradient.svg
@@ -2,8 +2,8 @@
     <path fill-rule="evenodd" clip-rule="evenodd" d="M15.3536 1.35355C15.5489 1.15829 15.5489 0.841709 15.3536 0.646447C15.1584 0.451184 14.8418 0.451184 14.6465 0.646447L9.26192 6.03106C9.06666 6.22632 9.06666 6.54291 9.26192 6.73817C9.45719 6.93343 9.77377 6.93343 9.96903 6.73817L15.3536 1.35355ZM10.7063 2.04038C10.8717 1.61018 10.8715 1.61011 10.8713 1.61004L10.8709 1.60988L10.8699 1.6095L10.8672 1.60849L10.8594 1.60555L10.8336 1.59621C10.8122 1.58855 10.7821 1.57814 10.7442 1.56579C10.6686 1.54111 10.5614 1.50856 10.4291 1.47473C10.1656 1.40738 9.79655 1.3334 9.37531 1.30865C8.54235 1.25971 7.43018 1.40111 6.56949 2.2618L2.2618 6.56949C1.40111 7.43018 1.25971 8.54235 1.30865 9.37531C1.3334 9.79655 1.40738 10.1656 1.47473 10.4291C1.50856 10.5614 1.54111 10.6686 1.56579 10.7442C1.57814 10.7821 1.58855 10.8122 1.59621 10.8336L1.60555 10.8594L1.60849 10.8672L1.6095 10.8699L1.60988 10.8709L1.61004 10.8713C1.61011 10.8715 1.61018 10.8717 2.04038 10.7063L1.61018 10.8717C1.70926 11.1294 1.99854 11.2581 2.25629 11.159C2.51394 11.0599 2.64257 10.7709 2.54371 10.5132L2.54359 10.5129L2.54317 10.5117L2.53812 10.4978C2.53334 10.4844 2.52588 10.4629 2.5165 10.4342C2.49773 10.3766 2.47141 10.2903 2.44357 10.1814C2.38758 9.96235 2.327 9.65828 2.30693 9.31665C2.26622 8.62388 2.39405 7.85144 2.9689 7.27659L7.27659 2.9689C7.85144 2.39405 8.62388 2.26622 9.31665 2.30693C9.62188 2.32487 9.89712 2.37513 10.1085 2.42557C10.1337 2.43158 10.158 2.4376 10.1814 2.44357C10.2903 2.47141 10.3766 2.49773 10.4342 2.5165C10.4629 2.52588 10.4844 2.53334 10.4978 2.53812L10.5117 2.54317L10.5129 2.54359L10.5132 2.54371L10.5132 2.54374L10.5134 2.54381L10.5138 2.54395L10.5139 2.54398C10.7714 2.64234 11.06 2.51371 11.159 2.25629C11.2581 1.99854 11.1294 1.70926 10.8717 1.61018L10.7063 2.04038ZM14.3897 5.12834C14.2906 4.87058 14.0014 4.74195 13.7436 4.84103C13.4859 4.94007 13.3573 5.22915 13.4562 5.48683L13.4563 5.48714L13.4567 5.48831L13.4618 5.50223C13.4666 5.51564 13.474 5.5371 13.4834 5.56585C13.5022 5.62343 13.5285 5.70975 13.5563 5.81866C13.6123 6.03766 13.6729 6.34173 13.693 6.68336C13.7337 7.37613 13.6058 8.14857 13.031 8.72342L8.72329 13.0311C8.14845 13.606 7.37601 13.7338 6.68324 13.6931C6.34161 13.673 6.03754 13.6124 5.81854 13.5564C5.70962 13.5286 5.6233 13.5023 5.56573 13.4835C5.53698 13.4741 5.51551 13.4667 5.50211 13.4619L5.48819 13.4568L5.48702 13.4564L5.48671 13.4563L5.48645 13.4562L5.48608 13.4561L5.48605 13.456C5.22854 13.3577 4.93987 13.4863 4.84091 13.7437C4.74183 14.0015 4.87046 14.2907 5.12821 14.3898L5.30762 13.9231C5.12821 14.3898 5.12839 14.3899 5.12858 14.39L5.129 14.3901L5.13 14.3905L5.13266 14.3915L5.14052 14.3945L5.16624 14.4038C5.18772 14.4115 5.2178 14.4219 5.25567 14.4342C5.33132 14.4589 5.43854 14.4915 5.57084 14.5253C5.83427 14.5926 6.20334 14.6666 6.62458 14.6914C7.45753 14.7403 8.56971 14.5989 9.4304 13.7382L13.7381 9.43052C14.5988 8.56983 14.7402 7.45766 14.6912 6.6247C14.6665 6.20346 14.5925 5.83439 14.5252 5.57096C14.4913 5.43866 14.4588 5.33144 14.4341 5.25579C14.4218 5.21792 14.4113 5.18785 14.4037 5.16636L14.3943 5.14064L14.3914 5.13278L14.3904 5.13012L14.39 5.12912L14.3898 5.1287C14.3898 5.12851 14.3897 5.12834 13.923 5.30774L14.3897 5.12834ZM6.73817 9.2618C6.93343 9.45707 6.93343 9.77365 6.73817 9.96891L1.35355 15.3535C1.15829 15.5488 0.841709 15.5488 0.646447 15.3535C0.451184 15.1583 0.451184 14.8417 0.646447 14.6464L6.03106 9.2618C6.22632 9.06654 6.54291 9.06654 6.73817 9.2618Z" fill="url(#paint0_linear_24792_78567)" />
     <defs>
         <linearGradient id="paint0_linear_24792_78567" x1="8.00005" y1="0.5" x2="8.00005" y2="15.5" gradientUnits="userSpaceOnUse">
-            <stop stop-color="currentColor" style="stop-color:currentColor;stop-color:color(display-p3 0.9397 0.9397 0.9397);stop-opacity:1;"/>
-            <stop offset="1" stop-color="currentColor" style="stop-color:currentColor;stop-color:color(display-p3 0.6132 0.6132 0.6132);stop-opacity:1;"/>
+            <stop style="stop-opacity:1;"/>
+            <stop offset="1" style="stop-opacity:1;"/>
         </linearGradient>
     </defs>
 </svg>
diff --git a/packages/ui/src/styles.css b/packages/ui/src/styles.css
index 01014038b8..a9346b5582 100644
--- a/packages/ui/src/styles.css
+++ b/packages/ui/src/styles.css
@@ -1077,12 +1077,13 @@
   scrollbar-width: none;
 }
 
+/* TODO: Need style customization for light theme */
 .sub-menu-icon-bg {
   stop {
-    stop-color: hsla(0 0% 94% 1);
+    stop-color: #f0f0f0;
 
     & + stop {
-      stop-color: hsla(0 0% 61% 1);
+      stop-color: #9c9c9c;
     }
   }
 }

From 56c5dad652c87c31637385d78e1b223e1e5c7d70 Mon Sep 17 00:00:00 2001
From: Raman Yasel <raman.yasel@gmail.com>
Date: Thu, 30 Jan 2025 13:37:20 +0300
Subject: [PATCH 4/4] fix: remove unnecessary icon

---
 packages/ui/src/icons/featured-flags-gradient.svg | 14 --------------
 1 file changed, 14 deletions(-)
 delete mode 100644 packages/ui/src/icons/featured-flags-gradient.svg

diff --git a/packages/ui/src/icons/featured-flags-gradient.svg b/packages/ui/src/icons/featured-flags-gradient.svg
deleted file mode 100644
index f63671470a..0000000000
--- a/packages/ui/src/icons/featured-flags-gradient.svg
+++ /dev/null
@@ -1,14 +0,0 @@
-<svg viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <g clip-path="url(#clip0_17614_128175)">
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M3.125 1.125C3.125 0.848858 2.90114 0.625 2.625 0.625C2.34886 0.625 2.125 0.848858 2.125 1.125V2.625V11.625V17.625C2.125 17.9011 2.34886 18.125 2.625 18.125C2.90114 18.125 3.125 17.9011 3.125 17.625V12.125H16.125C16.2983 12.125 16.4592 12.0353 16.5503 11.8879C16.6414 11.7405 16.6497 11.5564 16.5722 11.4014L14.434 7.125L16.5722 2.84861C16.6497 2.69361 16.6414 2.50954 16.5503 2.36213C16.4592 2.21473 16.2983 2.125 16.125 2.125H3.125V1.125ZM3.125 3.125V11.125H15.316L13.4278 7.34861C13.3574 7.20784 13.3574 7.04216 13.4278 6.90139L15.316 3.125H3.125Z" fill="url(#paint0_linear_17614_128175)" />
-  </g>
-  <defs>
-    <linearGradient id="paint0_linear_17614_128175" x1="9.375" y1="0.625" x2="9.375" y2="18.125" gradientUnits="userSpaceOnUse">
-      <stop style="stop-opacity:1;"/>
-      <stop offset="1" style="stop-opacity:1;"/>
-    </linearGradient>
-    <clipPath id="clip0_17614_128175">
-      <rect width="18" height="18" fill="currentColor" style="fill:currentColor;fill-opacity:1;"/>
-    </clipPath>
-  </defs>
-</svg>