@unabridged/midwest 0.23.4 → 0.24.0

package/app/assets/stylesheets/midwest/dark-mode.css

@@ -14,4 +14,54 @@
   p {
     @apply text-gray-10 dark:text-gray-2;
   }
+
+  /*
+   * Bare-element palette — light/dark defaults for common HTML elements that
+   * no component owns. Every selector is scoped with :not([class]) so a Midwest
+   * component (which always carries a class) is never affected; this only
+   * reaches raw markup, e.g. content inside a prose region.
+   */
+
+  /* Text selection highlight */
+  ::selection {
+    @apply bg-theme-2 text-theme-12;
+  }
+
+  .dark ::selection {
+    @apply bg-theme-8 text-theme-0;
+  }
+
+  /* Horizontal rule / divider */
+  hr:not([class]) {
+    @apply border-0 border-t border-gray-2 dark:border-gray-9;
+  }
+
+  /* Bare links */
+  a:not([class]) {
+    @apply text-theme-7 dark:text-theme-4 underline underline-offset-2;
+
+    &:hover { @apply text-theme-8 dark:text-theme-3; }
+  }
+
+  /* Inline code and keyboard keys */
+  code:not([class]),
+  kbd:not([class]) {
+    @apply rounded px-1 py-0.5 text-[0.9em] bg-gray-1 text-gray-11 dark:bg-gray-10 dark:text-gray-2;
+  }
+
+  /* Blockquote */
+  blockquote:not([class]) {
+    @apply border-l-4 border-gray-2 dark:border-gray-9 pl-4 text-gray-9 dark:text-gray-3;
+  }
+
+  /* Bare tables */
+  table:not([class]) {
+    :is(th, td) {
+      @apply border-b border-gray-2 dark:border-gray-9;
+    }
+
+    thead th {
+      @apply text-gray-11 dark:text-gray-1;
+    }
+  }
 }