add background color to ads and fix dark mode style

ui/scss/component/_ads.scss

@@ -1,9 +1,16 @@
 .ads-wrapper {
   @extend .navigation;
+  background-color: var(--color-ads-background);
+  padding-top: 0.5rem;
+  padding-right: 0.5rem;
 
   p {
     margin-left: 0.4rem; // The ads provider adds weird padding to their wrapper
     font-size: var(--font-xsmall);
-    color: var(--color-text-subtitle);
+    color: var(--color-ads-text);
+  }
+
+  .button--link {
+    color: var(--color-ads-link);
   }
 }

ui/scss/themes/dark.scss

@@ -81,4 +81,9 @@
 
   // Snack
   --color-snack-bg: var(--color-secondary);
+
+  // Ads
+  --color-ads-background: #dce6e8;
+  --color-ads-text: #111;
+  --color-ads-link: var(--color-primary-alt);
 }

ui/scss/themes/light.scss

@@ -52,4 +52,8 @@
   --color-snack: var(--color-white);
   --color-snack-bg-error: var(--color-danger);
   --color-snack-upgrade: var(--color-tertiary);
+
+  // Ads
+  --color-ads-background: #fae5ff;
+  --color-ads-link: var(--color-link);
 }