更新样式：整合蓝色样式文件

Bootstrap.Admin/wwwroot/css/blue.css

@@ -1,8 +1,43 @@
-.card {
+.header, .card, .modal-footer {
-    border: 1px solid #5198cb;
+    border-color: #5198cb;
 }
 
-.card-header, .modal-header {
+.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active {
+    color: rgb(51, 122, 183);
+}
+
+.navbar-light .navbar-nav .nav-link {
+    padding: 3px 8px;
+    color: rgba(51, 122, 183, 0.9);
+    transition: color .3s linear;
+}
+
+    .navbar-light .navbar-nav .nav-link:hover, .nav-link .navbar-nav .active > .nav-link:hover {
+        color: #0056b3;
+    }
+
+.dropdown-item.active, .dropdown-item:active {
+    color: rgba(0, 0, 0, 0.9);
+}
+
+.dropdown-item:hover, .nav .dropdown-item:nth-of-type(odd):hover, .dropdown-item:active, .dropdown-item.active {
+    background-color: #77afd5;
+}
+
+.userinfo .dropdown-item:hover {
+    background-color: #f8f9fa;
+}
+
+.breadcrumb, .pagination-detail {
+    color: #337ab7;
+}
+
+.card {
+    border-width: 1px;
+    border-style: solid;
+}
+
+.card-header, .modal-header, .popover-header {
     background-color: #5899c8;
     border-color: #3581b8;
     color: #fff;
@@ -17,6 +52,54 @@
     text-shadow: none;
 }
 
-.modal-footer {
+.header .navbar {
-    border-top-color: #5198cb;
+    padding-bottom: 0;
+}
+
+.header .nav-item.active {
+    border-bottom: solid 1px #307eb6;
+}
+
+.header, .card, .modal-footer, .form-control, .popover, .date .input-group-text {
+    border-color: #5198cb;
+}
+
+    .card .card-header, .modal-header {
+        background-image: linear-gradient(to bottom, #5893be 0%, #63a6d7 100%);
+        background-color: #5899c8;
+        border-color: #3581b8;
+    }
+
+        .card .card-header, a[data-toggle="collapse"], .modal-header, .modal-header .close, .popover-header {
+            color: #fff;
+        }
+
+            .card .card-header a {
+                color: #eee;
+            }
+
+                .card .card-header a:hover {
+                    color: #fff;
+                }
+
+.control-label {
+    color: #467fa7;
+}
+
+.breadcrumb > li + li:before, .breadcrumb, .pagination-detail {
+    color: #337ab7;
+}
+
+.form-control[disabled], .form-control[readonly], .date .form-control, .date .input-group-text {
+    background-color: rgba(84, 189, 220, 0.21);
+}
+
+.bs-popover-right .arrow::before, .bs-popover-auto[x-placement^="right"] .arrow::before {
+    border-right-color: #305873;
+}
+
+@media (min-width: 768px) {
+    .breadcrumb {
+        border-color: rgba(81, 152, 203, 0.8)
+    }
 }

Bootstrap.Client/wwwroot/css/blue.css

@@ -20,7 +20,7 @@
     color: rgba(0, 0, 0, 0.9);
 }
 
-.dropdown-item:hover, .dropdown-item:active, .dropdown-item.active {
+.dropdown-item:hover, .nav .dropdown-item:nth-of-type(odd):hover, .dropdown-item:active, .dropdown-item.active {
     background-color: #77afd5;
 }
 
@@ -60,9 +60,7 @@
     border-bottom: solid 1px #307eb6;
 }
 
-.card, input.form-control, select.form-control, textarea.form-control, .fixed-table-container, .popover,
+.header, .card, .modal-footer, .form-control, .popover, .date .input-group-text {
-.date .form-control[readonly] + .input-group-append .input-group-text,
-.date .form-control[readonly] + .input-group-append + .input-group-append .input-group-text {
     border-color: #5198cb;
 }
 
@@ -92,9 +90,7 @@
     color: #337ab7;
 }
 
-.date .form-control[readonly], .form-control[disabled], .form-control[readonly],
+.form-control[disabled], .form-control[readonly], .date .form-control, .date .input-group-text {
-.date .form-control[readonly] + .input-group-append .input-group-text,
-.date .form-control[readonly] + .input-group-append + .input-group-append .input-group-text {
     background-color: rgba(84, 189, 220, 0.21);
 }
 
@@ -102,44 +98,6 @@
     border-right-color: #305873;
 }
 
-.table thead {
-    background-color: #7fb8d5;
-    color: #fff;
-    background-image: linear-gradient(to bottom, #5893be 0%, #63a6d7 100%);
-}
-
-.fixed-table-container thead th .th-inner, .fixed-table-container tbody td .th-inner {
-    line-height: 20px;
-}
-
-.fixed-table-container thead th .sortable {
-    padding-right: 8px;
-}
-
-.fixed-table-container thead th .both, .fixed-table-container thead th .desc, .fixed-table-container thead th .asc {
-    background-image: none;
-}
-
-    .fixed-table-container thead th .both:before {
-        display: inline-block;
-        font: normal normal normal 14px/1 FontAwesome;
-        font-size: inherit;
-        text-rendering: auto;
-        -webkit-font-smoothing: antialiased;
-        margin-right: 8px;
-        content: "\f0dc";
-    }
-
-    .fixed-table-container thead th .desc:before {
-        content: "\f0dd";
-        color: #2e6da4;
-    }
-
-    .fixed-table-container thead th .asc:before {
-        content: "\f0de";
-        color: #2e6da4;
-    }
-
 @media (min-width: 768px) {
     .breadcrumb {
         border-color: rgba(81, 152, 203, 0.8)