fixed some styles

Author: bennobuilder

src/components/buttons/GithubButton.tsx

@@ -33,8 +33,8 @@ const Icon = styled(FaGithub)`
 `;
 
 const Container = styled.button`
-  color: ${(props) => props.theme.colors?.on_surface};
-  background-color: ${(props) => props.theme.colors?.surface};
+  color: var(--ifm-color-on-surface);
+  background-color: var(--ifm-color-surface);
 
   border-radius: 3px;
   border: none;
@@ -54,6 +54,6 @@ const Container = styled.button`
   transition: 0.3s ease all;
 
   &:hover {
-    background-color: ${(props) => props.theme.colors?.surface_2};
+    background-color: var(--ifm-color-surface-2);
   }
 `;

src/components/buttons/PrimaryButton.tsx

@@ -27,8 +27,8 @@ const PrimaryButton: React.FC<Props> = (props) => {
 export default PrimaryButton;
 
 const Button = styled.button`
-  color: ${(props) => props.theme.colors?.on_primary};
-  background-color: ${(props) => props.theme.colors?.primary};
+  color: var(--ifm-color-on-primary);
+  background-color: var(--ifm-color-primary);
   border-radius: 3px;
   border: none;
 
@@ -44,6 +44,6 @@ const Button = styled.button`
   transition: 0.3s ease all;
 
   &:hover {
-    background-color: ${(props) => props.theme.colors?.primary_2};
+    background-color: var(--ifm-color-primary-lighter);
   }
 `;

src/theme/Navbar/styles.module.css

@@ -41,6 +41,10 @@
     font-size: var(--ifm-font-size-base);
 }
 
+:global(.dropdown__menu) {
+    opacity: 1;
+}
+
 :global(.navbar-sidebar__brand) {
     display: flex;
     justify-content: space-between;