3.4.1 tweaks

README.md

@@ -127,7 +127,7 @@ The color palette is flat, so colors should be defined like: `"blue-300": "#93c5
 
 ### Dark mode
 
-Only the `class` strategy is supported.
+Only the `class` strategy is supported with a simple `.dark &` selector rewrite
 
 ### Plugins
 

src/theme/getBaseTheme.ts

@@ -553,7 +553,7 @@ export const getBaseTheme = (): DownwindTheme => ({
   keyframes: {
     spin: "to { transform: rotate(360deg) }",
     ping: "75%, 100% { transform: scale(2); opacity: 0 }",
-    pulse: "0%, 100% { opacity: 1 } 50% { opacity: .5 }",
+    pulse: "50% { opacity: .5 }",
     bounce:
       "0%, 100% { transform: translateY(-25%); animation-timing-function: cubic-bezier(0.8,0,1,1) } 50% { transform: none; animation-timing-function: cubic-bezier(0,0,0.2,1) }",
   },

src/variants.ts

@@ -174,7 +174,7 @@ export const getVariants = (config: ResolvedConfig) => {
   for (const [key, media] of [
     ["motion-safe", "(prefers-reduced-motion: no-preference)"],
     ["motion-reduce", "(prefers-reduced-motion: reduce)"],
-    ["forced-colors", "(forced-colors: active)"], // if dark variant is added, should be before this one
+    ["forced-colors", "(forced-colors: active)"],
     ["print", "print"],
     ["portrait", "(orientation: portrait)"],
     ["landscape", "(orientation: landscape)"],