Merge pull request #18 from holaplex/espi/theme-modal-close-icon

Theme Modal Close Icon
holaplex · Apr 26, 2023 · 41a9b34 · 41a9b34
2 parents 0552fd8 + c4234be
commit 41a9b34
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 2 deletions.
diff --git a/packages/@holaplexui-playground/styles/globals.css b/packages/@holaplexui-playground/styles/globals.css
@@ -133,6 +133,10 @@ a {
   @apply top-1 right-1 rounded-full bg-gray-50 p-2 hover:bg-gray-100 hover:text-gray-400;
 }
 
+.modal-close-icon {
+  @apply text-black;
+}
+
 .modal-title {
   @apply text-lg font-medium leading-6;
 }

diff --git a/packages/@holaplexui-react/package.json b/packages/@holaplexui-react/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@holaplex/ui-library-react",
   "author": "Holaplex Inc.",
-  "version": "0.17.1",
+  "version": "0.17.2",
   "description": "Holaplex react ui library components",
   "private": false,
   "files": [

diff --git a/packages/@holaplexui-react/src/components/Modal.tsx b/packages/@holaplexui-react/src/components/Modal.tsx
@@ -70,7 +70,7 @@ export function Modal(props: ModalProps) {
                   onClick={() => props.setOpen(false)}
                   className={clsx('absolute z-50', 'modal-close')}
                 >
-                  <XMarkIcon className="h-4 w-4 text-black" />
+                  <XMarkIcon className="h-4 w-4 modal-close-icon" />
                 </button>
                 {props.title && (
                   <Dialog.Title as="h3" className="modal-title">