diff --git a/lib/philomena_web/templates/layout/app.html.slime b/lib/philomena_web/templates/layout/app.html.slime
index f45d3479..13c4827d 100644
--- a/lib/philomena_web/templates/layout/app.html.slime
+++ b/lib/philomena_web/templates/layout/app.html.slime
@@ -11,6 +11,8 @@ html lang="en"
       - else
         ' Derpibooru
     link rel="stylesheet" href=stylesheet_path(@conn, @current_user)
+    = if is_nil(@current_user) do
+      link rel="stylesheet" href=dark_stylesheet_path(@conn) media="(prefers-color-scheme: dark)"
     link rel="icon" href="/favicon.ico" type="image/x-icon"
     link rel="icon" href="/favicon.svg" type="image/svg+xml"
     meta name="generator" content="philomena"
diff --git a/lib/philomena_web/views/layout_view.ex b/lib/philomena_web/views/layout_view.ex
index aec16af8..f53db5d5 100644
--- a/lib/philomena_web/views/layout_view.ex
+++ b/lib/philomena_web/views/layout_view.ex
@@ -73,6 +73,9 @@ defmodule PhilomenaWeb.LayoutView do
   def stylesheet_path(conn, _user),
     do: Routes.static_path(conn, "/css/default.css")
 
+  def dark_stylesheet_path(conn),
+    do: Routes.static_path(conn, "/css/dark.css")
+
   def theme_name(%{theme: theme}), do: theme
   def theme_name(_user), do: "default"