From c40b53007eeefe80d70da7abe78b9e3ae4effade Mon Sep 17 00:00:00 2001
From: theborakompanioni <theborakompanioni+github@gmail.com>
Date: Tue, 28 Jun 2022 15:39:03 +0200
Subject: [PATCH] ui: harmonize modal button colors

---
 src/components/JarSelectorModal.jsx | 1 +
 src/components/Modal.jsx            | 8 ++------
 2 files changed, 3 insertions(+), 6 deletions(-)

diff --git a/src/components/JarSelectorModal.jsx b/src/components/JarSelectorModal.jsx
index 9992d688..f9f1e96f 100644
--- a/src/components/JarSelectorModal.jsx
+++ b/src/components/JarSelectorModal.jsx
@@ -73,6 +73,7 @@ export default function JarSelectorModal({
       </rb.Modal.Body>
       <rb.Modal.Footer className={styles.modalFooter}>
         <rb.Button variant="light" onClick={cancel} className="d-flex justify-content-center align-items-center">
+          <Sprite symbol="cancel" width="26" height="26" />
           {t('modal.confirm_button_reject')}
         </rb.Button>
         <rb.Button disabled={selectedJar === null} variant="dark" onClick={confirm}>
diff --git a/src/components/Modal.jsx b/src/components/Modal.jsx
index 73e60dd5..988cb638 100644
--- a/src/components/Modal.jsx
+++ b/src/components/Modal.jsx
@@ -22,15 +22,11 @@ const ConfirmModal = ({ isShown, title, body, onCancel, onConfirm }) => {
       </rb.Modal.Header>
       <rb.Modal.Body className={styles['modal-body']}>{body}</rb.Modal.Body>
       <rb.Modal.Footer className={styles['modal-footer']}>
-        <rb.Button
-          variant="outline-dark"
-          onClick={onCancel}
-          className="d-flex justify-content-center align-items-center"
-        >
+        <rb.Button variant="light" onClick={onCancel} className="d-flex justify-content-center align-items-center">
           <Sprite symbol="cancel" width="26" height="26" />
           <div>{t('modal.confirm_button_reject')}</div>
         </rb.Button>
-        <rb.Button variant="outline-dark" onClick={onConfirm}>
+        <rb.Button variant="dark" onClick={onConfirm}>
           {t('modal.confirm_button_accept')}
         </rb.Button>
       </rb.Modal.Footer>