深色UI调整

yiming
1 parent c89f4a96
Showing 6 changed files with 30 additions and 21 deletions
src/main/resources/static/real_control_v2/assets/plugins/uikit-2.27.1/css/uikit.gradient_dark.min.css
src/main/resources/static/real_control_v2/css/line_schedule_dark.css
src/main/resources/static/real_control_v2/css/main_dark.css
src/main/resources/static/real_control_v2/css/north_dark.css
src/main/resources/static/real_control_v2/fragments/line_schedule/layout.html
src/main/resources/static/real_control_v2/fragments/north/toolbar.html
@@ -1098,7 +1098,7 @@ iframe {
     padding: 15px;
     background: #fafafa;
     color: #444;
-    border: 1px solid #242738;
+    border: 1px solid #292e43;
     border-radius: 4px
 }
@@ -1654,12 +1654,12 @@ html:not(.uk-touch) .uk-nav-offcanvas ul a:hover {
 .uk-navbar {
     background: #f7f7f7;
     color: #444;
-    border: 1px solid rgba(0,0,0,.1);
+/*    border: 1px solid rgba(0,0,0,.1);*/
     border-bottom-color: rgba(0,0,0,.3);
     border-radius: 4px;
     background-origin: border-box;
     background-image: -webkit-linear-gradient(top,#fff,#eee);
-    background-image: linear-gradient(to bottom,#3D4258,#3D4258)
+    background-image: linear-gradient(to bottom,#31364e,#31364e)
 }
 .uk-navbar:after,.uk-navbar:before {
@@ -1710,15 +1710,15 @@ html:not(.uk-touch) .uk-nav-offcanvas ul a:hover {
     outline: 0;
     position: relative;
     z-index: 1;
-    border-left-color: rgba(0,0,0,.1);
+/*    border-left-color: rgba(0,0,0,.1);
     border-right-color: rgba(0,0,0,.1);
     border-top-color: rgba(0,0,0,.1);
-    box-shadow: inset 0 2px 4px rgba(0,0,0,.1)
+    box-shadow: inset 0 2px 4px rgba(0,0,0,.1)*/
 }
 .uk-navbar-nav>li>a:active {
-    background-color: #f5f5f5;
-    color: #444;
+    background-color: #3D4258;
+    color: #ffffff;
     border-left-color: rgba(0,0,0,.1);
     border-right-color: rgba(0,0,0,.1);
     border-top-color: rgba(0,0,0,.2);
@@ -2062,6 +2062,10 @@ html:not(.uk-touch) .uk-nav-offcanvas ul a:hover {
 }
 .uk-tab {
+    display: inline-block;
+    border-radius:30px;
+    height: 50px;
+    background: #3D4258;
     margin: 0;
     padding: 0;
     list-style: none;
@@ -12,13 +12,13 @@
 }
 .line_schedule div.uk-width-1-6, .line_schedule div.uk-width-1-2 {
-    padding: 0 2px 2px 2px;
+    padding: 0 10px 0px 0px;
     height: 100%;
 }
 .line_schedule .footer-chart {
     height: 233px;
-    margin-top: 5px;
+/*    margin-top: 5px;*/
 }
 .line_schedule .uk-grid.top-container {
@@ -29,10 +29,10 @@
 .line_schedule .card-panel {
     padding: 0;
-    height: 100%;
-    border: 1px solid #242738;
+    height: 94%;
+    border: 10px solid #3D4258;
     background: #3D4258;
-    border-radius: 4px;
+    border-radius: 15px;
     moz-user-select: -moz-none;
     -moz-user-select: none;
     -o-user-select: none;
@@ -140,6 +140,7 @@ svg.line-chart {
     height: 100%;
     position: absolute;
     left: 0;
+    margin-top: -15px;
 }
 svg.line-chart circle.station_circle {
@@ -2258,14 +2259,14 @@ g.gps-wrap rect.twinkle[updown=&quot;1&quot;] {
     box-sizing: border-box;
     min-height: 60px;
     cursor: pointer;
-    border-radius: 5px;
+/*    border-radius: 5px;*/
     color: white;
     padding: 10px;
     box-shadow: 0 0.125rem 0.8rem rgba(0, 0, 0, 0.1) !important;
 }
 .warning-color {
-    border: 1px solid #e79a00;
-    background-color: #0b3b5e;
+    border: 1px solid #454D68;
+    background-color: #454D68;
     font-size: 18px;
 }
@@ -2313,7 +2314,7 @@ g.gps-wrap rect.twinkle[updown=&quot;1&quot;] {
 }
 .multi_plat_config .timer{
-    background-color: #115281;
+    background-color: #7b7d81;
     font-size: 15px;
     color: white;
     text-align: center;
@@ -67,10 +67,12 @@
 }
 .north .north-tabs {
-    width: 100%;
+    background: #292e43;
+    padding-top: 12px;
+    width: calc(100% + 30px);
     bottom: 1px;
     margin-left: -14px;
-    margin-top: 35px;
+    margin-top: 20px;
 }
 .north .north-tabs .uk-tab {
@@ -78,12 +80,14 @@
 }
 .north .north-tabs .uk-tab > li > a {
+    border-radius: 30px;
+    margin: 7px;
     color: #BCBCBC;
     text-shadow: none;
 }
 .north .north-tabs .uk-tab > li.tab-line > a {
-    padding: 8px 0px 8px 17px;
+    padding: 8px 17px 8px 17px;
 }
 .north .north-tabs .uk-tab > li > a:hover,
@@ -12,7 +12,7 @@
                 </div>
             </div>
             <div class="uk-width-1-10" style="height: calc(100% - 1px);position: relative;">
-                <div class="card-panel sys-mailbox" style="overflow: auto;">
+                <div class="card-panel sys-mailbox" style="border-left-width: 2px;border-right-width: 2px;overflow: auto;">
                 </div>
                 <div class="mileage_elec_panel">
                 </div>
@@ -60,7 +60,7 @@
             </a>
             <div class="uk-navbar-content uk-navbar-flip  uk-hidden-small" style="padding-left: 0;">
                 <div class="uk-button-group">
-                    <button class="uk-button uk-button-danger exit-system">退出线调</button>
+                    <button class="uk-button uk-button-danger exit-system" style="border-radius:30px;">退出线调</button>
                 </div>
             </div>
         </nav>