options-selectorのボタンのコーディングを完了。

懸念点
- 他のボタンにも影響がある
  - 他のボタンもこのデザインが正しい。ただし、スコープ外にならないか
- 100%ポリシ−をキャッチアップできてないので、書いてる場所は合っているか不安

src/client/styles/scss/atoms/_buttons.scss

@@ -13,20 +13,6 @@
   }
 }
 
-.btn.btn-outline-secondary {
-  color: $secondary !important;
-
-  &.active,
-  &:hover {
-    background-color: lighten($secondary, 50%) !important;
-  }
-
-  &:not(:hover):not(.active) {
-    background-color: white !important;
-  }
-  border-color: $light !important;
-}
-
 .btn-copy,
 .btn-edit {
   opacity: 0.3;

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

@@ -51,8 +51,8 @@ textarea.form-control {
 }
 
 .input-group > .input-group-prepend > .input-group-text {
-  color: color-yiq(theme-color('dark'));
-  background-color: theme-color('dark');
+  color: theme-color('light');
+  background-color: theme-color('secondary');
   border: 1px solid theme-color('secondary');
   border-right: none;
 }
@@ -226,9 +226,24 @@ ul.pagination {
 /*
  * GROWI on-edit
  */
-.grw-editor-navbar-bottom {
-  #slack-mark-black {
-    display: none;
+body.on-edit {
+  .grw-editor-navbar-bottom {
+    #slack-mark-black {
+      display: none;
+    }
+    .btn.btn-outline-secondary {
+      color: $light !important;
+
+      &:active,
+      &:hover {
+        background-color: lighten($bgcolor-global, 10%) !important;
+      }
+
+      &:not(:hover):not(:active) {
+        background-color: $bgcolor-global !important;
+      }
+      border-color: $secondary !important;
+    }
   }
 }
 

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

@@ -331,6 +331,20 @@ body.on-edit {
 
   .grw-editor-navbar-bottom {
     background-color: darken($bgcolor-global, 2%);
+
+    .btn.btn-outline-secondary {
+      color: $secondary !important;
+
+      &:active,
+      &:hover {
+        background-color: lighten($secondary, 50%) !important;
+      }
+
+      &:not(:hover):not(:active) {
+        background-color: darken($bgcolor-global, 2%) !important;
+      }
+      border-color: $border-color !important;
+    }
   }
 }