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;