diff --git a/app/assets/stylesheets/common/base/onebox.scss b/app/assets/stylesheets/common/base/onebox.scss
index fdb2006185e..e02efc7d85e 100644
--- a/app/assets/stylesheets/common/base/onebox.scss
+++ b/app/assets/stylesheets/common/base/onebox.scss
@@ -90,8 +90,8 @@ a.loading-onebox {
 
 aside.onebox {
   padding: 12px 25px 12px 12px;
-  border-left: 5px solid darken(scale-color-diff(), 10%);
-  background: scale-color-diff();
+  border-left: 5px solid dark-light-diff($primary, $secondary, 90%, -65%);
+  background: dark-light-diff($primary, $secondary, 97%, -45%);
   font-size: 1em;
 
   header {