Update modal styles (stashapp#668)

feederbox826 · Nov 15, 2023 · cf04fb4 · cf04fb4
1 parent c4d6681
commit cf04fb4
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 5 deletions.
diff --git a/frontend/src/pages/edits/Edit.tsx b/frontend/src/pages/edits/Edit.tsx
@@ -63,7 +63,8 @@ const EditComponent: FC = () => {
     <Modal
       message="Are you sure you want to cancel this edit?"
       callback={handleCancel}
-      acceptTerm="Cancel edit"
+      acceptTerm="Yes, cancel edit"
+      cancelTerm="Cancel"
     />
   );
 

diff --git a/frontend/src/styles/theme.scss b/frontend/src/styles/theme.scss
@@ -247,11 +247,22 @@ hr {
 }
 
 .modal {
-  color: $dark-text;
+  color: $text-color;
+
+  .btn-close {
+    background-color: $text-color;
+  }
 
-  .modal-body,
-  .modal-footer {
-    background-color: rgb(235 241 245);
+  &-header,
+  &-body,
+  &-footer {
+    background-color: #30404d;
+    border-color: transparent;
+    color: $text-color;
+  }
+
+  &-content {
+    background-color: transparent;
   }
 }