diff --git a/sitio/src/app.html b/sitio/src/app.html
index 84ffad1..b0f2efa 100644
--- a/sitio/src/app.html
+++ b/sitio/src/app.html
@@ -6,7 +6,10 @@
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     %sveltekit.head%
   </head>
-  <body data-sveltekit-preload-data="hover">
+  <body
+    class="bg-neutral-100 dark:bg-neutral-900 dark:text-neutral-200"
+    data-sveltekit-preload-data="hover"
+  >
     <div style="display: contents">%sveltekit.body%</div>
   </body>
 </html>
diff --git a/sitio/src/routes/ean/[ean]/Chart.svelte b/sitio/src/routes/ean/[ean]/Chart.svelte
index 7671455..86ac82e 100644
--- a/sitio/src/routes/ean/[ean]/Chart.svelte
+++ b/sitio/src/routes/ean/[ean]/Chart.svelte
@@ -42,7 +42,7 @@
   }
 </script>
 
-<div class="h-[300px] w-full min-w-[500px]">
+<div class="h-[300px] w-full min-w-[500px] bg-neutral-200 dark:invert">
   <ChartJs
     type="line"
     data={{ datasets }}
