docs: better colors for repl

Author: logaretm

docs/src/components/Repl.vue

@@ -219,7 +219,7 @@ function onForkClick() {
 
 .dark {
   .vue-repl {
-    --bg: hsl(240 6% 9%) !important;
+    --bg: #1c1c21 !important;
     --bg-soft: hsl(240 6% 9%) !important;
     --border: #333 !important;
     --text-light: #aaa !important;
@@ -228,7 +228,7 @@ function onForkClick() {
 
     &:deep(.CodeMirror) {
       color: var(--symbols);
-      background-color: #22212c;
+      background-color: #1c1c21;
       --symbols: #f8f8f2;
       --base: #f8f8f2;
       --comment: #7970a9;

docs/src/pages/index.astro

@@ -93,7 +93,9 @@ const highlights = [
   </section>
 
   <section class="mt-24 flex flex-col mx-auto items-center">
-    <h2 class="text-center text-gray-500 dark:text-gray-200 font-display font-bold text-2xl md:text-4xl">Sponsors</h2>
+    <h2 class="text-center text-gray-500 dark:text-gray-200 font-display font-bold text-2xl md:text-4xl mb-6">
+      Sponsors
+    </h2>
 
     <object
       data="https://sponsors.logaretm.com/sponsors.svg"