diff --git a/.gitignore b/.gitignore
index 51e753c3b5594d0b4486d759c8332ff313e9f308..bb55ee845d523390b507665eef5ddbe4a0eb4894 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1 +1,2 @@
 *.css.map
+/public/styles/partials/_*.css
diff --git a/public/styles/partials/_font-code.scss b/public/styles/partials/_font-code.scss
index 3c0452d69708638eeeecf37e5e0f9a53410be083..008fe8d4c79253a8d51929d04012a652e1672702 100644
--- a/public/styles/partials/_font-code.scss
+++ b/public/styles/partials/_font-code.scss
@@ -10,6 +10,18 @@
     font-family: "Ubuntu-Medium";
   }
 }
+@media (prefers-color-scheme: dark) {
+  .font-Ubuntu {
+    font-family: "Ubuntu-Medium";
+    h1 {
+      font-family: "Ubuntu-Light";
+    }
+    h2,
+    .lang {
+      font-family: "Ubuntu Regular";
+    }
+  }
+}
 
 .font-SylexiadSans {
   font-family: SylexiadSansMedium, sans-serif;
diff --git a/public/styles/style.css b/public/styles/style.css
index a66978cf6a762c0c48fb332a4f05c81505ad5970..ae21bd580bbfa98cd6ee23524e09a05a5be45752 100644
--- a/public/styles/style.css
+++ b/public/styles/style.css
@@ -142,6 +142,18 @@
   font-family: "Ubuntu-Medium";
 }
 
+@media (prefers-color-scheme: dark) {
+  .font-Ubuntu {
+    font-family: "Ubuntu-Medium";
+  }
+  .font-Ubuntu h1 {
+    font-family: "Ubuntu-Light";
+  }
+  .font-Ubuntu h2,
+.font-Ubuntu .lang {
+    font-family: "Ubuntu Regular";
+  }
+}
 .font-SylexiadSans {
   font-family: SylexiadSansMedium, sans-serif;
   font-size: 16.8pt;