docs: v0.1 docs deprecation show (#26510)

docs/docusaurus.config.js

@@ -121,8 +121,9 @@ const config = {
     /** @type {import('@docusaurus/preset-classic').ThemeConfig} */
     ({
       announcementBar: {
-        content: 'LangChain v0.2 is out! You are currently viewing the old v0.1 docs. <strong>View the latest docs <a href="/v0.2/docs/introduction/">here</a>.</strong>',
-        isCloseable: true,
+        content:
+          'A newer LangChain version is out! Check out the <a href="https://python.langchain.com/docs/introduction">latest version</a>.',
+        isCloseable: false,
       },
       docs: {
         sidebar: {

docs/src/css/custom.css

@@ -244,16 +244,26 @@ nav, h1, h2, h3, h4 {
     no-repeat;
 }
 
-div[class^=announcementBar_] {
-  height: 72px !important;
-  font-size: 20px !important;
-}
+div[class^='announcementBar_'] {
+  font-size: 20px;
 
-[data-theme='dark'] div[class^=announcementBar_] {
-  background-color: #1b1b1b;
-  color: #fff;
-}
+  /*
+  --site-announcement-bar-stripe-color1: hsl(
+    var(--site-primary-hue-saturation) 85%
+  );
+  --site-announcement-bar-stripe-color2: hsl(
+    var(--site-primary-hue-saturation) 95%
+  );
+   */
+  --site-announcement-bar-stripe-color1: rgb(197,186,254);
+  --site-announcement-bar-stripe-color2: rgb(255,246,224);
 
-[data-theme='dark'] div[class^=announcementBar_] button {
-  color: #fff;
+  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: bold;
 }