update

layout/_partial/main/post_list/post_card.ejs

@@ -3,7 +3,8 @@ const obj = {
   image: post['cover'],
   title: post['cover-title'],
   cat: post['cover-cat'],
-  subtitle: post['cover-subtitle']
+  subtitle: post['cover-subtitle'],
+  color: post['cover-text-color']
 };
 function div_default() {
   var el = '';
@@ -98,6 +99,9 @@ function div_photo() {
   el += '<img src="' + obj.image + '"/>';
   if (obj.title || obj.cat || obj.subtitle) {
     el += '<div class="cover-info"';
+    if (obj.color) {
+      el += 'style="color:' + obj.color + '"';
+    }
     if (obj.cat) {
       el += 'position="top">';
     } else {

layout/_partial/sidebar/widgets/timeline.ejs

@@ -12,7 +12,7 @@ function layoutDiv() {
     }
     el += '<div class="widget-body fs14">';
       el += '<div class="tag-plugin timeline stellar-timeline-api"';
-      ['api', 'user'].forEach(key => {
+      ['api', 'user', 'hide'].forEach(key => {
         if (item[key]) {
           el += ' ' + key + '="' + item[key] + '"';
         }

source/css/_layout/list.styl

@@ -105,19 +105,16 @@
       position: absolute
       line-height: 1.2
       width: 'calc(100% - %s * 2)' % 1rem
-      text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2)
-      color: white
+      color: var(--text-p0)
       &[position=top]
         top: 0
-        background-image: linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.2),rgba(0,0,0,0))
       &[position=bottom]
         bottom: 0
-        background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.2),rgba(0,0,0,0.3))
       div+div
         margin-top: 4px
       .cap
-        color: white
         font-size: $fs-13
+        color: unset
       .title
         font-weight: 500
         font-size: $fs-h3