5.1.2 (#51)

CHANGELOG.md

@@ -1,5 +1,11 @@
 # Release Notes for Palette
 
+## 5.1.2 - 2024-08-20
+
+### Fixed
+- Force Tailwind's default font stack across all elements
+- Improve contrast in light mode when opened on top of darker elements
+
 ## 5.1.1 - 2024-04-26
 
 ### Fixed

composer.json

@@ -2,7 +2,7 @@
   "name": "trendyminds/craft-palette",
   "description": "A command palette to easily jump to specific areas within Craft",
   "type": "craft-plugin",
-  "version": "5.1.1",
+  "version": "5.1.2",
   "keywords": ["palette", "craft", "craft cms", "cmdk", "spotlight", "craft plugin"],
   "license": "MIT",
   "authors": [

scripts/Modal.jsx

@@ -33,7 +33,7 @@ export default function Modal() {
 						<div
 							ref={modal}
 							className={clsx([
-								'p-bg-white/70 dark:p-bg-zinc-950/90',
+								'p-bg-white/95 dark:p-bg-zinc-950/90',
 								'p-outline-zinc-300 dark:p-outline-zinc-900 p-outline p-outline-1',
 								'p-border p-border-white dark:p-border-zinc-500',
 								'p-rounded-lg p-translate-y-24 p-overflow-hidden p-backdrop-blur-xl p-shadow-2xl',

scripts/Result.jsx

@@ -42,8 +42,8 @@ export default function Result({ url, title, subtitle, icon, type, focused }) {
 				'p-flex p-items-center p-gap-2',
 				'p-font-sans p-text-sm p-text-zinc-700 dark:p-text-zinc-300 p-no-underline',
 				'p-px-3 p-py-2.5 p-mx-2 p-rounded-lg',
-				focused && 'p-bg-zinc-200/75 dark:p-bg-zinc-700/50',
-				'hover:p-bg-zinc-200/75 dark:hover:p-bg-zinc-700/50'
+				focused && 'p-bg-zinc-200 dark:p-bg-zinc-700/50',
+				'hover:p-bg-zinc-200 dark:hover:p-bg-zinc-700/50'
 			)}
 			onMouseEnter={() => setFocus(null)}
 			href={type === 'link' ? url : null}

scripts/SearchBar.jsx

@@ -13,7 +13,7 @@ export default function SearchBar({ placeholder = 'Search' }) {
 	}, [context])
 
 	return (
-		<div className="p-flex p-px-2 p-items-center p-gap-1 p-border-b p-border-zinc-200 dark:p-border-zinc-700">
+		<div className="p-flex p-px-2 p-items-center p-gap-1 p-border-b p-border-zinc-300 dark:p-border-zinc-700">
 			{context !== 'ACTIONS' && (
 				<div>
 					<button

styles/palette.pcss

@@ -1,3 +1,8 @@
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
+
+/* Ensure fonts aren't replaced by a site's custom one */
+[data-palette] * {
+	@apply p-font-sans;
+}