From 37492e319be62082e2fdec89d3988eadd35cb4e6 Mon Sep 17 00:00:00 2001
From: Simon Ser <contact@emersion.fr>
Date: Thu, 27 May 2021 12:05:24 +0200
Subject: [PATCH] Style dialogs for dark theme

Closes: https://todo.sr.ht/~emersion/gamja/32
---
 style.css | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/style.css b/style.css
index d598bc8..a05dc60 100644
--- a/style.css
+++ b/style.css
@@ -315,7 +315,8 @@ details summary {
 	overflow: auto;
 }
 .dialog .dialog-body {
-	background-color: white;
+	background-color: var(--main-background);
+	color: var(--main-color);
 	margin: 20px auto;
 	max-width: 500px;
 	padding: 15px;
@@ -442,4 +443,12 @@ kbd {
 	.error-text {
 		color: #efa3aa;
 	}
+
+	kbd {
+		--outline-color: #6e7681;
+
+		background-color: transparent;
+		border: 1px solid var(--outline-color);
+		box-shadow: inset 0 -1px 0 var(--outline-color);
+	}
 }