dev(yarn link): make it possible to yarn link easily with cornerstone3D and update docs (#3563)

platform/docs/src/css/custom.css

@@ -36,6 +36,8 @@
   --ifm-color-warning: #e9e489;
   --ifm-alert-color: #333333;
   --ohif-color-border: #7bb2ce;
+  --site-primary-hue-saturation: 167 68%;
+  --site-primary-hue-saturation-light: 167 56%; /* do we really need this extra one? */
 }
 
 html[data-theme='dark'] .header-github-link:before {
@@ -286,3 +288,20 @@ html[data-theme='dark'] .docusaurus-highlight-code-line {
   @apply bg-red-300 text-red-500;
   @apply dark:bg-blue-900 dark:text-blue-100;
 }
+
+div[class^='announcementBar_'] {
+  --site-announcement-bar-stripe-color1: hsl(
+    var(--site-primary-hue-saturation) 85%
+  );
+  --site-announcement-bar-stripe-color2: hsl(
+    var(--site-primary-hue-saturation) 95%
+  );
+  background: repeating-linear-gradient(
+    35deg,
+    var(--site-announcement-bar-stripe-color1),
+    var(--site-announcement-bar-stripe-color1) 20px,
+    var(--site-announcement-bar-stripe-color2) 10px,
+    var(--site-announcement-bar-stripe-color2) 40px
+  );
+  font-weight: 700;
+}