fix(admin-ui): Improve collection breadcrumb styling (#2589)

packages/admin-ui/src/lib/catalog/src/components/collection-detail/collection-detail.component.scss

@@ -17,6 +17,9 @@ clr-checkbox-wrapper {
         font-size: 0.65rem;
         display: inline-block;
         margin-inline-end: 10px;
+        &:last-child {
+            font-weight: 600;
+        }
     }
     li:not(:last-child)::after {
         content: '›';

packages/admin-ui/src/lib/static/styles/global/_sass-overrides.scss

@@ -1,3 +1,8 @@
 // Note: variables defined in this file should use the !default flag so they can be
 // overridden by custom Admin UI applications
 $clr-sidenav-width: 10.8rem !default;
+
+$clr-link-visited-color: var(--color-weight-700) !default;
+$clr-link-hover-color: var(--color-weight-700) !default;
+$clr-link-active-color: var(--color-weight-700) !default;
+$clr-link-color: var(--color-weight-700) !default;

packages/admin-ui/src/lib/static/styles/theme/dark.scss

@@ -107,10 +107,10 @@
 
     --clr-popover-box-shadow-color: hsla(0, 0%, 0%, 0.5);
 
-    --clr-link-active-color: hsl(198, 65%, 57%);
-    --clr-link-color: hsl(198, 65%, 57%);
-    --clr-link-hover-color: hsl(198, 65%, 57%);
-    --clr-link-visited-color: hsl(228, 55%, 75%);
+    --clr-link-visited-color: var(--color-weight-700);
+    --clr-link-hover-color: var(--color-weight-700);
+    --clr-link-active-color: var(--color-weight-700);
+    --clr-link-color: var(--color-weight-700);
 
     --clr-theme-alert-font-color: hsl(210, 16%, 93%);
     --clr-theme-app-alert-font-color: hsl(0, 0%, 0%);

packages/admin-ui/src/lib/static/styles/theme/default.scss

@@ -235,4 +235,10 @@
 
     // spacing
     --space-unit: 8px;
+
+    // clarity styles
+    --clr-link-visited-color: var(--color-weight-700);
+    --clr-link-hover-color: var(--color-weight-700);
+    --clr-link-active-color: var(--color-weight-700);
+    --clr-link-color: var(--color-weight-700);
 }