docs: Make deprecation docs bar bigger (#28674)

Co-authored-by: Bagatur <22008038+baskaryan@users.noreply.github.com>

docs/docusaurus.config.js

@@ -122,7 +122,9 @@ const config = {
     ({
       announcementBar: {
         content:
-          'A newer LangChain version is out! Check out the <a href="https://python.langchain.com/docs/introduction">latest version</a>.',
+          'This is documentation for LangChain v0.1, which is no longer actively maintained. Check out the docs for the <a href="https://python.langchain.com/docs/introduction">latest version here</a>.',
+        backgroundColor: "#FF0000",
+        textColor: "#FFFFFF",
         isCloseable: false,
       },
       docs: {

docs/src/css/custom.css

@@ -244,26 +244,7 @@ nav, h1, h2, h3, h4 {
     no-repeat;
 }
 
-div[class^='announcementBar_'] {
-  font-size: 20px;
-
-  /*
-  --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);
-
-  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;
+div[class^=announcementBar_] {
+  height: 72px !important;
+  font-size: 20px !important;
 }