ボタンの色の書き方を変更

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

@@ -64,6 +64,13 @@ textarea.form-control {
   background-color: $bgcolor-global;
 }
 
+.dropdown-item {
+  &:hover {
+    color: $light;
+    background-color: lighten($bgcolor-global, 15%);
+  }
+}
+
 /*
  * Table
  */
@@ -233,16 +240,17 @@ body.on-edit {
     }
     .btn.btn-outline-secondary {
       color: $light !important;
+      background-color: $bgcolor-global !important;
+      border-color: $secondary !important;
 
       &:active,
+      &:focus,
       &:hover {
         background-color: lighten($bgcolor-global, 10%) !important;
       }
-
-      &:not(:hover):not(:active) {
-        background-color: $bgcolor-global !important;
-      }
-      border-color: $secondary !important;
+    }
+    .show .btn.btn-outline-secondary {
+      background-color: lighten($bgcolor-global, 10%) !important;
     }
   }
 }

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

@@ -81,11 +81,14 @@ pre:not(.hljs):not(.CodeMirror-line) {
 
 .dropdown-item {
   color: $color-global;
-  &.active,
-  &:active {
+  &:active,
+  &.active {
     color: $color-dropdown-link-active;
     background-color: $bgcolor-dropdown-link-active;
   }
+  &:hover {
+    background-color: $light;
+  }
 }
 
 // Form
@@ -334,16 +337,17 @@ body.on-edit {
 
     .btn.btn-outline-secondary {
       color: $secondary !important;
+      background-color: darken($bgcolor-global, 2%) !important;
+      border-color: $border-color !important;
 
       &:active,
+      &:focus,
       &:hover {
         background-color: lighten($secondary, 50%) !important;
       }
-
-      &:not(:hover):not(:active) {
-        background-color: darken($bgcolor-global, 2%) !important;
-      }
-      border-color: $border-color !important;
+    }
+    .show .btn.btn-outline-secondary {
+      background-color: lighten($secondary, 50%) !important;
     }
   }
 }