update colors; format

rshewitt · Jan 9, 2025 · c1b52f2 · c1b52f2
1 parent 249d989
commit c1b52f2
Show file tree

Hide file tree

Showing 4 changed files with 49 additions and 50 deletions.
diff --git a/src/app/components/FAQ.tsx b/src/app/components/FAQ.tsx
@@ -128,7 +128,7 @@ const FAQ = () => {
           zIndex: "9",
         }}
         size="45px"
-        color="#354834"
+        color="#8d4426"
         onClick={handleClick}
       />
       <Modal

diff --git a/src/app/components/RegistryModal.tsx b/src/app/components/RegistryModal.tsx
@@ -3,54 +3,53 @@ import { Modal } from "react-responsive-modal";
 import "react-responsive-modal/styles.css";
 
 const RegistryModal = () => {
-    const [open, setOpen] = useState(false);
+  const [open, setOpen] = useState(false);
 
-    const handleClick = () => {
-        setOpen(!open);
-    };
-    return (
-        <div id="registry_button" className="fixed bottom-0 right-0 mr-3 mb-3">
-            <button
-                onClick={handleClick}
-                className="px-4 py-4 transition-all text-lg font-normal w-full rounded-lg bg-[#354834] outline-contrast-3 text-white outline-4 disabled:opacity-50 disabled:pointer-events-none cursor-pointer"
-            >
-                Registry
-            </button>
-            <Modal
-                open={open}
-                classNames={{
-                    modal: "rounded-lg",
-                }}
-                onClose={handleClick}
-                blockScroll={false}
-                center
-            >
-                <h4 className="text-3xl-wel lg:text-3xl-wel font-squiggly text-center font-head mb-6 text-black">
-                    Registry
-                </h4>
-                <div className="font-normal text-center text-black mb-6">
-                    What we want most for our wedding is to have all our friends
-                    and family there to celebrate the occasion with us, and so,
-                    more than anything we would simply enjoy your presence. (We
-                    mean it!) That said, we also enjoy dishware and shiny new
-                    kitchen gadgets too. If you really would like to get us
-                    something, you can find some suggestions on our registry
-                    below.
-                </div>
-                <div className="text-center py-4">
-                    <a
-                        id="registry2_button"
-                        className="mb-3 px-4 py-4 text-white text-lg font-normal rounded-lg bg-[#354834]"
-                        href="https://www.zola.com/registry/brittanyandreid2025"
-                        target="_blank"
-                        rel="noreferrer"
-                    >
-                        Continue to Registry
-                    </a>
-                </div>
-            </Modal>
+  const handleClick = () => {
+    setOpen(!open);
+  };
+  return (
+    <div id="registry_button" className="fixed bottom-0 right-0 mr-3 mb-3">
+      <button
+        onClick={handleClick}
+        className="px-4 py-4 transition-all text-lg font-normal w-full rounded-lg bg-[#0f2e31] outline-contrast-3 text-white outline-4 disabled:opacity-50 disabled:pointer-events-none cursor-pointer"
+      >
+        Registry
+      </button>
+      <Modal
+        open={open}
+        classNames={{
+          modal: "rounded-lg",
+        }}
+        onClose={handleClick}
+        blockScroll={false}
+        center
+      >
+        <h4 className="text-3xl-wel lg:text-3xl-wel font-squiggly text-center font-head mb-6 text-black">
+          Registry
+        </h4>
+        <div className="font-normal text-center text-black mb-6">
+          What we want most for our wedding is to have all our friends and
+          family there to celebrate the occasion with us, and so, more than
+          anything we would simply enjoy your presence. (We mean it!) That said,
+          we also enjoy dishware and shiny new kitchen gadgets too. If you
+          really would like to get us something, you can find some suggestions
+          on our registry below.
         </div>
-    );
+        <div className="text-center py-4">
+          <a
+            id="registry2_button"
+            className="mb-3 px-4 py-4 text-white text-lg font-normal rounded-lg bg-[#0f2e31]"
+            href="https://www.zola.com/registry/brittanyandreid2025"
+            target="_blank"
+            rel="noreferrer"
+          >
+            Continue to Registry
+          </a>
+        </div>
+      </Modal>
+    </div>
+  );
 };
 
 export default RegistryModal;
diff --git a/src/app/components/Timeline.tsx b/src/app/components/Timeline.tsx
@@ -93,13 +93,13 @@ const Timeline = () => {
             key={idx}
             visible
           >
-            <h3 className="text-gray-400 bg-white text-2xl rounded-lg font-normalBold mb-4">
+            <h3 className="text-white bg-[#0f2e31] text-2xl rounded-lg font-normalBold mb-4">
               {timelineEvent.topic}
             </h3>
             {timelineEvent.times.map((time, idxTime) => (
               <div key={idxTime}>
                 <h3
-                  className="vertical-timeline-element-title text-black"
+                  className="vertical-timeline-element-title text-[#de9931]"
                   style={idxTime > 0 ? { marginTop: "20px" } : {}}
                 >
                   {time.time}

diff --git a/src/app/globals.css b/src/app/globals.css
@@ -57,6 +57,6 @@ body {
 }
 
 .szh-accordion button {
-  background-color: #354834;
+  background-color: #8d4426;
   border-radius: 15px;
 }