feat: polish release v2 experience (#6800)

apps/docs/src/css/custom.css

@@ -80,19 +80,19 @@
 }
 
 :root {
-  --ifm-color-primary: #fa5252;
-  --ifm-color-primary-dark: #f93232;
-  --ifm-color-primary-darker: #f92222;
-  --ifm-color-primary-darkest: #d20606;
-  --ifm-color-primary-light: #fb7272;
-  --ifm-color-primary-lighter: #fb8282;
-  --ifm-color-primary-lightest: #fdc3c3;
+  --ifm-color-primary: #c62828;
+  --ifm-color-primary-dark: #b82525;
+  --ifm-color-primary-darker: #ae2323;
+  --ifm-color-primary-darkest: #861919;
+  --ifm-color-primary-light: #d12f2f;
+  --ifm-color-primary-lighter: #d63333;
+  --ifm-color-primary-lightest: #d93636;
   --ifm-code-font-size: 95%;
   --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
   --homarr-secondary-bg: #e8e8e8;
 
-  --aa-primary-color-rgb: #fa5252 !important;
-  --aa-muted-color-rgb: #fa5252 !important;
+  --aa-primary-color-rgb: 198, 40, 40 !important;
+  --aa-muted-color-rgb: 198, 40, 40 !important;
   --aa-background-color-rgb: 200, 200, 200 !important;
 
   --ifm-font-family-base: var(--font-sans);
@@ -111,7 +111,7 @@
   --card-foreground: oklch(0.2178 0 0);
   --popover: oklch(1 0 0);
   --popover-foreground: oklch(0.2178 0 0);
-  --primary: #fa5252;
+  --primary: #c62828;
   --primary-foreground: oklch(1 0 0);
   --secondary: oklch(0.2178 0 0);
   --secondary-foreground: oklch(1 0 0);
@@ -122,7 +122,7 @@
   --destructive: oklch(0.6368 0.2078 25.3313);
   --border: oklch(0.9197 0.004 286.3202);
   --input: oklch(0.9197 0.004 286.3202);
-  --ring: #fa5252;
+  --ring: #c62828;
   --chart-1: oklch(0.6646 0.2222 25.6509);
   --chart-2: oklch(0.2178 0 0);
   --chart-3: oklch(0.6231 0.188 259.8145);
@@ -130,7 +130,7 @@
   --chart-5: oklch(0.7686 0.1647 70.0804);
   --sidebar: oklch(0.9791 0 0);
   --sidebar-foreground: oklch(0.2178 0 0);
-  --sidebar-primary: #fa5252;
+  --sidebar-primary: #c62828;
   --sidebar-primary-foreground: oklch(1 0 0);
   --sidebar-accent: oklch(0.9551 0 0);
   --sidebar-accent-foreground: oklch(0.6646 0.2222 25.6509);
@@ -176,9 +176,12 @@ body {
   --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
   --homarr-secondary-bg: oklch(0.245 0.006 223.9);
   --ifm-color-content-inverse: var(--ifm-color-emphasis-100);
+  --primary: #fa5252;
+  --ring: #fa5252;
+  --sidebar-primary: #fa5252;
 
-  --aa-primary-color-rgb: #fa5252 !important;
-  --aa-muted-color-rgb: #fa5252 !important;
+  --aa-primary-color-rgb: 250, 82, 82 !important;
+  --aa-muted-color-rgb: 250, 82, 82 !important;
   --aa-background-color-rgb: 24, 24, 24 !important;
 }
 
@@ -259,6 +262,23 @@ body {
   background-color: var(--homarr-secondary-bg) !important;
 }
 
+.theme-doc-markdown,
+.blog-post-page article .markdown,
+.footer {
+  --ifm-link-decoration: underline;
+}
+
+.theme-doc-markdown a,
+.blog-post-page article .markdown a,
+.footer__link-item {
+  text-underline-offset: 0.16em;
+}
+
+[data-theme="dark"] .theme-doc-markdown a code,
+[data-theme="dark"].blog-post-page article .markdown a code {
+  color: var(--ifm-color-primary-light);
+}
+
 .footer__bottom {
   display: grid;
   grid-template-columns: auto minmax(0, 1fr);