From 032fc7a60fbbf3efe4a89e0850f1e0ac622e49d1 Mon Sep 17 00:00:00 2001
From: Murage <25152892+0xMurage@users.noreply.github.com>
Date: Thu, 24 Oct 2024 06:31:15 +0300
Subject: [PATCH] feat: add a notice (to vary the release)

---
 apps/countopia/index.html    | 2 ++
 apps/countopia/src/style.css | 6 ++++++
 2 files changed, 8 insertions(+)

diff --git a/apps/countopia/index.html b/apps/countopia/index.html
index f3a6090..4f46341 100644
--- a/apps/countopia/index.html
+++ b/apps/countopia/index.html
@@ -12,6 +12,8 @@ <h1>Counter: <span id="counter">0</span></h1>
     <button id="increment">Increment</button>
     <button id="decrement">Decrement</button>
     <button id="reset">Reset</button>
+
+    <small class="notice">Countopia respects device dark mode settings!</small>
 </div>
 <script type="module" src="/src/main.ts"></script>
 </body>
diff --git a/apps/countopia/src/style.css b/apps/countopia/src/style.css
index 2230419..d0012fb 100644
--- a/apps/countopia/src/style.css
+++ b/apps/countopia/src/style.css
@@ -55,6 +55,12 @@ button:focus-visible {
     outline: 4px auto -webkit-focus-ring-color;
 }
 
+.notice {
+    display: block;
+    font-style: italic;
+    padding-top: 2rem;
+}
+
 @media (prefers-color-scheme: light) {
     :root {
         color: #213547;