From 38000db27a0ffd674f0906712fd6243a7bddf30d Mon Sep 17 00:00:00 2001 From: Thelonius Kort Date: Sat, 11 Feb 2023 15:46:11 +0100 Subject: [PATCH] Add dark mode styling --- assets/css/article.css | 10 +++- .../components/dark_mode_component.ex | 49 ++++++++++--------- 2 files changed, 35 insertions(+), 24 deletions(-) diff --git a/assets/css/article.css b/assets/css/article.css index ef0f82a..1e2dd40 100644 --- a/assets/css/article.css +++ b/assets/css/article.css @@ -28,7 +28,11 @@ } .article h4 { - @apply my-2 font-semibold text-lg leading-8 text-zinc-800; + @apply my-2 font-semibold text-lg leading-8 text-stone-800; +} + +.dark .article h4 { + @apply text-stone-300; } .article p, .article div { @@ -47,6 +51,10 @@ @apply text-cyan-900; } +.dark .article a { + @apply text-cyan-700; +} + .article ul { @apply pl-6 list-disc my-2; } diff --git a/lib/outlook_web/components/dark_mode_component.ex b/lib/outlook_web/components/dark_mode_component.ex index d04dd62..f937361 100644 --- a/lib/outlook_web/components/dark_mode_component.ex +++ b/lib/outlook_web/components/dark_mode_component.ex @@ -9,29 +9,32 @@ defmodule OutlookWeb.DarkModeComponent do def dark_mode_widget(assigns) do ~H""" -
- - +
+
+
+ + +
""" end