diff --git a/alfa-client/apps/admin/src/styles.scss b/alfa-client/apps/admin/src/styles.scss
index 9a4448d0f9c72e50e1aac1b190f36cf3118d060a..96c11f976ff90e09cd3bfd7a1bbfeee02560a841 100644
--- a/alfa-client/apps/admin/src/styles.scss
+++ b/alfa-client/apps/admin/src/styles.scss
@@ -6,10 +6,17 @@
 
 @import 'libs/design-system/src/lib/tailwind-preset/root.css';
 @import 'libs/ui/src/lib/font/font_material';
+@import 'variables';
 
 @include mat.all-component-typographies();
 @include mat.core();
 
+@include mat.all-component-themes($alfaTheme);
+
+body.dark {
+  @include mat.all-component-colors($alfaDarkTheme);
+}
+
 .heading-1 {
   @apply text-3xl font-medium text-text;
 }