diff --git a/packages/docusaurus-theme-classic/src/theme/AnnouncementBar/styles.module.css b/packages/docusaurus-theme-classic/src/theme/AnnouncementBar/styles.module.css
index afc9b953a1..cf7a641aad 100644
--- a/packages/docusaurus-theme-classic/src/theme/AnnouncementBar/styles.module.css
+++ b/packages/docusaurus-theme-classic/src/theme/AnnouncementBar/styles.module.css
@@ -8,8 +8,8 @@
 .announcementBar {
   position: relative;
   width: 100%;
-  background-color: #fff;
-  color: #000;
+  background-color: var(--ifm-color-primary);
+  color: var(--ifm-color-black);
 }
 
 .announcementBarClose {
@@ -17,7 +17,7 @@
   right: 0;
   top: 0;
   width: 55px;
-  font-size: 25px;
+  font-size: 1.25rem;
   padding: 0;
   border: none;
   cursor: pointer;
diff --git a/website/docusaurus.config.js b/website/docusaurus.config.js
index 12b60f3123..889ca0839b 100644
--- a/website/docusaurus.config.js
+++ b/website/docusaurus.config.js
@@ -63,8 +63,6 @@ module.exports = {
       id: 'supportus',
       content:
         '⭐️ If you like Docusaurus, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/facebook/docusaurus">GitHub</a>! ⭐️',
-      backgroundColor: '#f2f3f5',
-      textColor: '#091E42',
     },
     prism: {
       theme: require('prism-react-renderer/themes/github'),