[release notes] Further adjustments that need to go into the next rel…

…ease (#1995)

* chore: adjust hover colors + don't show same labels twice

* chore: add changeset

* chore: typo

* chore: fix color of release note link

* chore: revert last change

* chore: add space

.changeset/afraid-moose-tell.md

@@ -0,0 +1,5 @@
+---
+'@commercetools-docs/gatsby-theme-docs': patch
+---
+
+Don't show product and productArea labels on release notes when the value is the Same. Adjusts the hover colors on release notes

packages/gatsby-theme-docs/src/layouts/internals/layout-release-note-body.js

@@ -65,7 +65,8 @@ const ReleaseNoteBody = (props) => {
                 <span>{product}</span>
               </CustomStamp>
             )}
-            {productArea && (
+            {/* If product and productArea have the same value, we only want to show it once. */}
+            {productArea && productArea !== product && (
               <CustomStamp>
                 <span>{productArea}</span>
               </CustomStamp>

packages/gatsby-theme-docs/src/layouts/internals/layout-release-note.js

@@ -12,7 +12,7 @@ const linkStyles = css`
   color: ${designSystem.colors.light.textPrimary} !important;
 
   :hover {
-    color: ${designSystem.colors.light.linkNavigation} !important;
+    color: ${designSystem.colors.light.linkHover} !important;
   }
 `;
 

websites/docs-smoke-test/src/releases/release-note-with-index-frontmatters.mdx

@@ -11,8 +11,8 @@ type:
   - deprecation
 topics:
   - Settings
-product: Composable Commerce
-productArea: HTTP APIs
+product: Connect
+productArea: Connect
 ---
 
 FooBar Intro Line: What this is good for (like description)