Close academicpages#2841, with code from @gopisivakanth

Author: rjzupkoii

_sass/layout/_buttons.scss

@@ -50,7 +50,7 @@
   &--inverse {
     color: var(--global-text-color-light) !important;
     border: 1px solid var(--global-border-color) !important; /* override*/
-    background-color: #fff;
+    background-color: var(--global-bg-color);
 
     &:hover {
       color: #fff !important;

_sass/layout/_sidebar.scss

@@ -190,7 +190,7 @@
   list-style-type: none;
   border: 1px solid var(--global-border-color);
   border-radius: $border-radius;
-  background: #fff;
+  background: var(--global-bg-color);
   z-index: -1;
   box-shadow: 0 0 10px rgba(#000, 0.25);
   cursor: default;