adjust css selecter

src/client/js/components/PageEditor/LinkEditModal.jsx

@@ -209,7 +209,7 @@ class LinkEditModal extends React.PureComponent {
     const linkText = linker.generateMarkdownText();
     return (
       <div className="d-flex justify-content-between mb-3">
-        <div className="card w-100 bg-muted p-1 mb-0">
+        <div className="card bg-disabled w-100 p-1 mb-0">
           <p className="text-left text-muted mb-1 small">Markdown</p>
           <p className="text-center text-truncate text-muted">{linkText}</p>
         </div>

src/client/styles/scss/theme/_apply-colors-dark.scss

@@ -57,6 +57,10 @@ textarea.form-control {
   border-right: none;
 }
 
+.input-group input {
+  border-color: $secondary;
+}
+
 /*
  * Dropdown
  */
@@ -85,6 +89,15 @@ textarea.form-control {
   @extend .bg-dark;
 }
 
+.card.well {
+  border-color: $secondary;
+}
+
+.card.bg-disabled {
+  background-color: lighten($dark, 10%);
+  border-color: $secondary;
+}
+
 /*
  * Pagination
  */
@@ -242,26 +255,6 @@ body.on-edit {
   }
 }
 
-/*
- * Link Edit Modal
- */
-.link-edit-modal {
-  .card,
-  input {
-    border-color: $secondary;
-  }
-  .card.bg-muted {
-    background-color: lighten($dark, 10%);
-    border-color: $secondary;
-  }
-  .input-group {
-    .input-group-text {
-      color: $light;
-      background-color: $secondary;
-    }
-  }
-}
-
 /*
  * Popover
  */

src/client/styles/scss/theme/_apply-colors-light.scss

@@ -181,21 +181,19 @@ $table-hover-bg: $bgcolor-table-hover;
  * Link Edit Modal
  */
 .link-edit-modal {
-  .card.bg-muted {
-    background-color: darken($bgcolor-card, 5%);
-    border-color: $gray-200;
-  }
-  .input-group {
-    .input-group-text {
-      color: $secondary;
-      background-color: $light;
-    }
-  }
   span i {
     color: $gray-400;
   }
 }
 
+/*
+ * card
+ */
+.card.bg-disabled {
+  background-color: darken($bgcolor-card, 5%);
+  border-color: $gray-200;
+}
+
 /*
  * GROWI HandsontableModal
  */