主题优化

src/public/config.js

@@ -20,5 +20,5 @@ var Config = {
         }
     ],
     "lang": "zh-hk",
-    "theme": "night"
+    "theme": "water"
 };

src/public/themes/basic.less

@@ -845,11 +845,6 @@ h1, h2, h3 {
 #notesAndSort {
 	height: 36px;
 }
-#noteItemListWrap {
-	position: absolute; left: 0; right: 0; 
-	top: 69px; 
-	bottom: 3px;
-}
 
 
 
@@ -1818,6 +1813,12 @@ img::selection {
   z-index: 1030 !important; // 别把modal遮住了
 }
 
+// 没有颜色
+.mce-colorbtn-trans div {
+	line-height: 11px;
+	text-align: center;
+}
+
 /*
 #starNotes li a, 
 .ztree li a, 

src/public/themes/default.css

@@ -784,13 +784,6 @@ h3 {
 #notesAndSort {
   height: 36px;
 }
-#noteItemListWrap {
-  position: absolute;
-  left: 0;
-  right: 0;
-  top: 69px;
-  bottom: 3px;
-}
 #mdEditorPreview {
   position: absolute;
   top: 35px;
@@ -1610,6 +1603,10 @@ img::selection {
 #editorMask {
   z-index: 1030 !important;
 }
+.mce-colorbtn-trans div {
+  line-height: 11px;
+  text-align: center;
+}
 /*
 #starNotes li a, 
 .ztree li a, 
@@ -1795,12 +1792,18 @@ a.raw:hover {
 #switcher span:hover {
   color: #0fb264;
 }
+#noteList,
+#notesAndSort,
+#searchNote,
+#noteItemListWrap {
+  background: #fafafa;
+}
 #searchNote {
-  padding: 0 10px;
+  padding: 2px 10px;
   line-height: 30px;
   width: 100%;
   margin: 0;
-  margin-top: 2px;
+  /* margin-top: 2px; */
 }
 #searchNote input {
   background-size: 18px 13px;
@@ -1819,6 +1822,16 @@ a.raw:hover {
   outline: none !important;
   box-shadow: none;
 }
+#noteItemListWrap {
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: 75px;
+  bottom: 3px;
+}
+#noteItemList .item:first-child {
+  margin-top: 0;
+}
 #header ul {
   margin: 0;
   padding: 0;
@@ -2086,7 +2099,6 @@ a.raw:hover {
   outline-offset: -2px;
 }
 #notesAndSort {
-  background-color: #ffffff;
   border-bottom: 1px solid #ebeff2;
 }
 /* 包裹iframe */

src/public/themes/default.less

@@ -97,14 +97,20 @@ a.raw:hover {
 		}
 	}
 }
+
+// 中间的背景色
+@noteListBg: rgba(250,250,250,1);
+#noteList, #notesAndSort, #searchNote,#noteItemListWrap  {
+  background: @noteListBg;
+}
 #searchNote {
   // padding-left: 0;
   // padding-right: 0;
-  padding: 0 10px;
+  padding: 2px 10px;
   line-height: 30px;
   width: 100%;
-  margin:0;
-  margin-top: 2px;
+  margin: 0;
+  /* margin-top: 2px; */
 
   input {
     background-size: 18px 13px;
@@ -126,6 +132,18 @@ a.raw:hover {
   }
 }
 
+#noteItemListWrap {
+  position: absolute; left: 0; right: 0; 
+  top: 75px; 
+  bottom: 3px;
+}
+#noteItemList {
+  .item:first-child {
+    margin-top: 0;
+  }
+}
+
+
 #header ul {
   margin:0;
   padding:0;
@@ -424,7 +442,6 @@ a.raw:hover {
 }
 
 #notesAndSort {
-  background-color: @bgColor;
   border-bottom: 1px solid @borderColor;
 }
 

src/public/themes/themes/night/theme.css

@@ -68,6 +68,12 @@
   border: none;
 }
 #noteList,
+#notesAndSort,
+#searchNote,
+#noteItemListWrap {
+  background: transparent;
+}
+#noteList,
 #notesAndSort {
   background: #444444;
 }

src/public/themes/themes/night/theme.less

@@ -88,6 +88,9 @@
 #noteAndEditor {
   border: none;
 }
+#noteList, #notesAndSort, #searchNote,#noteItemListWrap  {
+  background: transparent;
+}
 #noteList, #notesAndSort {
   background: @noteBgLess;
 }

src/public/themes/themes/pebbles_night/theme.css

@@ -68,6 +68,12 @@
   border: none;
 }
 #noteList,
+#notesAndSort,
+#searchNote,
+#noteItemListWrap {
+  background: transparent;
+}
+#noteList,
 #notesAndSort {
   background: #444444;
 }

src/public/themes/themes/volumn/theme.css

@@ -68,6 +68,12 @@
   border: none;
 }
 #noteList,
+#notesAndSort,
+#searchNote,
+#noteItemListWrap {
+  background: transparent;
+}
+#noteList,
 #notesAndSort {
   background: #fdf6e3;
 }

src/public/themes/themes/water_night/theme.css

@@ -68,6 +68,12 @@
   border: none;
 }
 #noteList,
+#notesAndSort,
+#searchNote,
+#noteItemListWrap {
+  background: transparent;
+}
+#noteList,
 #notesAndSort {
   background: #444444;
 }