WIP: adjust dark theme

resource/styles/agile-admin/inverse/colors/_apply-colors-dark.scss

@@ -17,7 +17,28 @@ code {
 input.form-control, textarea.form-control {
   color: lighten($bodytext, 30%);
   background-color: darken($bodycolor, 5%);
-  border: 1px solid darken($bodycolor, 5%);
+  border: 1px solid darken($border, 30%);
+}
+
+/*
+ * Dropdown
+ */
+.dropdown-menu {
+  background-color: $bodycolor;
+  > li > a {
+    color: $bodytext;
+  }
+}
+
+/*
+ * Panel
+ */
+.panel {
+  &, &.panel-white, &.panel-default {
+    .panel-heading, .panel-body {
+      color: $light;
+    }
+  }
 }
 
 /*

resource/styles/agile-admin/inverse/colors/_apply-colors.scss

@@ -162,6 +162,15 @@ legend {
   background-color: $bodycolor;
 }
 
+/*
+ * Panel
+ */
+.panel {
+  .panel-body {
+    background-color: $bodycolor;
+  }
+}
+
 /*
  * Wells
  */
@@ -207,3 +216,20 @@ body.on-edit {
     background-color: $bodycolor;
   }
 }
+
+/*
+ * comment form
+ */
+.growi .main {
+  .page-comments-row {
+    border-top-color: $border;
+  }
+  .comment-form {
+    .comment-form-main {
+      background-color: darken($bodycolor, 4%);
+      &:before {
+        border-right-color: darken($bodycolor, 4%);
+      }
+    }
+  }
+}

resource/styles/agile-admin/inverse/colors/default-dark.scss

@@ -15,6 +15,7 @@ $dark-themecolor:#4F5467;
 
 $primary: $topbar;
 
+$dark: darken($bodytext, 5%);
 $border: lighten($basecolor, 40%);
 
 @import 'apply-colors';

resource/styles/scss/_comment_crowi-plus.scss

@@ -2,13 +2,11 @@
 
   %comment-section {
     position: relative;
-    background: #f5f5f5;
     padding: 1em;
     margin-left: 4.5em;
     margin-bottom: 1em;
     &:before {
       border: 1em solid transparent;
-      border-right-color:#f5f5f5;
       border-left-width: 0;
       left: -1em;
       content: "";
@@ -27,7 +25,7 @@
   }
 
   .page-comments-row {
-    border-top: 5px solid $gray-light;
+    border-top: 5px solid;
     margin: 30px 0px;
   }