fix ads styles

docs/assets/css/docs.min.css

@@ -363,11 +363,14 @@
   overflow: hidden;
   font-size: .8rem !important;
   line-height: 1rem !important;
-  color: #55595c !important;
+  color: #cdbfe3 !important;
   text-align: left;
-  background: #f5f5f5 !important;
+  background: #3e2c5a !important;
   border: 0 !important; }
 
+.bd-masthead .carbonad {
+  background: #2a2730 !important; }
+
 .carbonad-img {
   margin: 0 !important; }
 
@@ -378,7 +381,7 @@
   width: auto !important;
   height: auto !important;
   margin-left: 145px !important;
-  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; }
+  font-family: inherit !important; }
 
 .carbonad-text {
   padding-top: 0 !important; }
@@ -389,10 +392,10 @@
 
 .carbonad-text a,
 .carbonad-tag a {
-  color: #55595c !important; }
+  color: #fff !important; }
   .carbonad-text a:hover,
   .carbonad-tag a:hover {
-    color: #0275d8 !important; }
+    color: #fff !important; }
 
 .carbonad #azcarbon > img {
   display: none; }

docs/assets/scss/_ads.scss

@@ -10,12 +10,16 @@
   overflow: hidden; // clearfix
   font-size: .8rem !important;
   line-height: 1rem !important;
-  color: $gray !important;
+  color: $bd-purple-light !important;
   text-align: left;
-  background: #f5f5f5 !important;
+  background: darken($bd-purple, 10%) !important;
   border: 0 !important;
 }
 
+.bd-masthead .carbonad {
+  background: $bd-graphite !important;
+}
+
 .carbonad-img {
   margin: 0 !important;
 }
@@ -27,7 +31,7 @@
   width: auto !important;
   height: auto !important;
   margin-left: 145px !important;
-  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
+  font-family: inherit !important;
 }
 
 .carbonad-text {
@@ -41,10 +45,10 @@
 
 .carbonad-text a,
 .carbonad-tag a {
-  color: $gray !important;
+  color: #fff !important;
 
   &:hover {
-    color: $brand-primary !important;
+    color: #fff !important;
   }
 }