From d486f69297388a9626a0294b7944f474ab041728 Mon Sep 17 00:00:00 2001
From: Mark Conroy <mark@mark.ie>
Date: Tue, 6 Aug 2024 10:15:56 +0100
Subject: [PATCH 1/2] sets color for dialog backdrop and margin for dialog

---
 css/base/variables.css          | 3 +++
 css/components/alert-banner.css | 8 ++++++++
 2 files changed, 11 insertions(+)

diff --git a/css/base/variables.css b/css/base/variables.css
index db52962d..63e4dd92 100644
--- a/css/base/variables.css
+++ b/css/base/variables.css
@@ -141,6 +141,9 @@ body {
 
   /* Animation */
   --transition-time: 0.3s;
+
+  /* Dialog */
+  --dialog-backdrop-color: rgba(0, 0, 0, 0.8);
 }
 
 /*
diff --git a/css/components/alert-banner.css b/css/components/alert-banner.css
index 191dc4f5..abb69446 100644
--- a/css/components/alert-banner.css
+++ b/css/components/alert-banner.css
@@ -8,6 +8,14 @@
   background-color: var(--alert-banner-bg-color);
 }
 
+dialog.localgov-alert-banner {
+  margin: auto;
+}
+
+dialog.localgov-alert-banner::backdrop {
+  background-color: var(--dialog-backdrop-color);
+}
+
 .localgov-alert-banner,
 .localgov-alert-banner a {
   color: var(--alert-banner-color);

From f18e1fc565b5626f19089317bfce24ce9ae77258 Mon Sep 17 00:00:00 2001
From: Mark Conroy <mark@mark.ie>
Date: Tue, 6 Aug 2024 10:16:27 +0100
Subject: [PATCH 2/2] sets margin for dialog

---
 css/base/base.css | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/css/base/base.css b/css/base/base.css
index b651e2b1..d256bf20 100644
--- a/css/base/base.css
+++ b/css/base/base.css
@@ -16,6 +16,10 @@ html {
   margin-top: 0; /* Removing top margin, for better vertical rhythm layout */
 }
 
+dialog {
+  margin: auto;
+}
+
 body {
   margin: 0;
   color: var(--color-text);