diff --git a/sass/style.scss b/sass/style.scss
index c297617..0d5fd6d 100644
--- a/sass/style.scss
+++ b/sass/style.scss
@@ -25,6 +25,3 @@
 @use "qrcode";
 @use "statements";
 @use "tags";
-
-@import url("syntax-theme-dark.css") (prefers-color-scheme: dark);
-@import url("syntax-theme-light.css") (prefers-color-scheme: light);
diff --git a/templates/includes/head.html b/templates/includes/head.html
index c569791..24e8b00 100644
--- a/templates/includes/head.html
+++ b/templates/includes/head.html
@@ -16,10 +16,12 @@
     {%- endif -%}
   </title>
 
-  <link rel="stylesheet" href="{{ get_url(path='style.css') }}" />
+  <link rel="stylesheet" type="text/css" href="{{ get_url(path='style.css') }}" />
+  <link rel="stylesheet" type="text/css" href="/syntax-theme-dark.css" media="(prefers-color-scheme: dark)" />
+  <link rel="stylesheet" type="text/css" href="/syntax-theme-light.css" media="(prefers-color-scheme: light)" />
   {% if config.extra.stylesheets %}
     {% for stylesheet in config.extra.stylesheets %}
-      <link rel="stylesheet" href="{{ get_url(path=stylesheet) }}" />
+      <link rel="stylesheet" type="text/css" href="{{ get_url(path=stylesheet) }}" />
     {% endfor %}
   {% endif %}