diff --git a/docs/src/components/HomepageFeatures/index.tsx b/docs/src/components/HomepageFeatures/index.tsx
index a7129b6e..4e92841c 100644
--- a/docs/src/components/HomepageFeatures/index.tsx
+++ b/docs/src/components/HomepageFeatures/index.tsx
@@ -10,6 +10,13 @@ type FeatureItem = {
 }
 
 const FeatureList: FeatureItem[] = [
+  {
+    title: 'Open-source and free',
+    Svg: require('@site/static/img/undraw_docusaurus_tree.svg').default,
+    description: (
+      <>Support the project by contributing PRs on GitHub, or sponsor the author to say thanks!</>
+    ),
+  },
   {
     title: 'Full-featured',
     Svg: require('@site/static/img/undraw_docusaurus_react.svg').default,
@@ -30,16 +37,6 @@ const FeatureList: FeatureItem[] = [
       </>
     ),
   },
-  {
-    title: 'Maintained',
-    Svg: require('@site/static/img/undraw_docusaurus_tree.svg').default,
-    description: (
-      <>
-        Support the project maintenance by sponsoring it on GitHub, or just sponsor the author to
-        say thanks!
-      </>
-    ),
-  },
 ]
 
 function Feature({ title, description }: FeatureItem) {
diff --git a/docs/src/css/custom.css b/docs/src/css/custom.css
index 3a5d06f5..6cf93026 100644
--- a/docs/src/css/custom.css
+++ b/docs/src/css/custom.css
@@ -105,16 +105,7 @@
 
 div[class^='announcementBar'] {
   font-size: 20px;
-
-  --site-announcement-bar-stripe-color1: #e8d7ff;
-  --site-announcement-bar-stripe-color2: #ffe9d1;
-
-  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
-  );
+  color: var(--ifm-navbar-link-color);
+  background-color: var(--ifm-navbar-background-color);
   font-weight: bold;
 }