Dev (bilibili-helper#812)

* darkMode: 消息中心我的消息回复消息文字颜色对于回复消息编辑框（ .send-box .input-box #editor ）： - 文字颜色为 var(--dark-font-0) 。由于找不到 .send-box .input-box textarea ，所以将其移除了。 * darkMode: 消息中心我的消息左侧列表聊天背景颜色对于左侧列表（ .bili-im .list ）： - 置顶聊天（ .list-item.top ）的背景颜色为 var(--dark-3) ； - 置顶和非置顶聊天（ .list-item ）在活动或光标悬浮时的背景颜色改为 var(--dark-5) !important 。 * darkMode: 消息中心我的消息弹出窗口样式在以下三个页面进入某一个聊天： - https://message.bilibili.com/#/whisper 、 - https://message.bilibili.com/#/whisper/mygroups 、 - https://message.bilibili.com/#/whisper/unfollow ，搜索 .im-popup .im-popup-shell .title-ctnr.p-relative h2 ，找到下列弹出窗口的标题： - 创建应援团 - 设置成功 - 举报该用户 - 举报该应援团 - 黑名单 - 退出该应援团 - 确认关闭内容推送吗？对于弹出窗口（ .im-popup .im-popup-shell ）： - 背景颜色为 var(--dark-3) ； - 内容（ .content .content-text ）与单选按钮（ .content .selector-box .type-selector ）的文字颜色为 var(--dark-font-0) ； - 未选中的单选按钮（ .content .selector-box .type-selector .css-1xneiug ）的内部（ .content ）的颜色为 var(--dark-5) ，边框（ .border ）的不透明度为 0.5 。对于“举报该用户”和“举报该应援团”这两种弹出窗口（ .im-popup.report-popup .im-popup-shell ）： - 提示（ .content .report-tip ）的文字颜色为 var(--dark-font-1) ； - 当举报理由为“其他问题”时： - 对于“举报内容”区域（ .content .input-box ）： - 边框颜色为 var(--dark-5) ； - 为了使该区域更醒目，背景颜色设置为 var(--dark-5) ； - 区域内的输入内容（ textarea ）的文字颜色为 var(--dark-font-0) ； - 对于禁用的确定按钮（ .popup-btn-ctnr .bl-button--primary:disabled ）： - 背景颜色为 var(--dark-4) ； - 文字颜色为 var(--dark-font-2) 。 * 深色模式更新 Co-authored-by: Mozi <29089388+pzhlkj6612@users.noreply.github.com>
liweieng · Jan 11, 2021 · 30207b7 · 30207b7
1 parent 25e7f10
commit 30207b7
Show file tree

Hide file tree

Showing 7 changed files with 145 additions and 30 deletions.
diff --git a/src/js/modules/darkMode/UI/basicStyle.js b/src/js/modules/darkMode/UI/basicStyle.js
@@ -28,7 +28,7 @@ const DarkModeStyle = createGlobalStyle`
 
 //导航栏
 const TopBarWithoutBanner = createGlobalStyle`
-    .international-header .mini-type {
+    .international-header .mini-type, .mini-header {
       background: var(--dark-card)!important;
     }
     

diff --git a/src/js/modules/darkMode/UI/cardMain.js b/src/js/modules/darkMode/UI/cardMain.js
@@ -9,10 +9,11 @@ const HomeBase = `
       border-color: var(--bg)!important;
     }
     .van-popover.van-popper-channel {
-      background: var(--dark-3)!important;
-      border-color: var(--dark-3)!important;
+      background: var(--dark-2)!important;
+      border-color: var(--dark-2)!important;
       .popper__arrow, .popper__arrow::after {
-        border-top-color: var(--dark-3)!important;
+        border-top-color: var(--dark-2)!important;
+        border-bottom-color: var(--dark-2)!important;
       }
     }
     .bili-banner .taper-line {
@@ -253,6 +254,9 @@ const DynamicMain = `
     //转发Card
     .repost {
       background: var(--dark-3)!important;
+      .deleted {
+        background: unset!important;
+      }
     }
     
     //图片预览Card

diff --git a/src/js/modules/darkMode/UI/pageLive.js b/src/js/modules/darkMode/UI/pageLive.js
@@ -6,7 +6,7 @@ const LivePlayDarkModeStyle = createGlobalStyle`
       background: #1c2022d9!important;
     }
     
-    .link-navbar-ctnr, .link-navbar-vm, .link-navbar, .head-info-section, .gift-control-section, .rank-list-section, .rank-list-ctnr, .chat-history-panel, .announcement-cntr, .chat-control-panel,
+    .link-navbar-ctnr, .link-navbar-vm, .link-navbar, .head-info-section, .gift-control-section, .rank-list-section, .rank-list-ctnr, .chat-history-panel, .announcement-cntr, .chat-control-panel, .control-panel-ctnr,
     .gift-sender-panel, .count-choice, .gift-panel-box, .content-wrapper, .link-progress-tv, .pay-note-panel, .feed-title, .card, .live-record-list-cntr, .flip-view-image, .bg-white, .live-player-ctnr.minimal,
     .user-panel, .link-panel-ctnr, .calendar-checkin, .calendar-checkin .title, .calendar-checkin .calendar-wrapper, .download-panel-ctnr, .side-bar-popup-cntr {
       background-color: var(--dark-card)!important;
@@ -109,10 +109,17 @@ const LivePlayDarkModeStyle = createGlobalStyle`
       box-shadow: 0 0 30px 1px var(--dark-card)!important;
     }
     
-    .chat-input, .count-choice .count-input {
+    .chat-input-ctnr {
+      border-color: var(--divider)!important;
       background-color: var(--dark-3)!important;
-      color: var(--dark-font-0)!important;
-      border-color: var(--dark-4)!important;
+      .medal-section {
+        border-color: var(--divider)!important;
+      }
+      .chat-input, .count-choice .count-input {
+        background-color: var(--dark-3)!important;
+        color: var(--dark-font-0)!important;
+        border-color: var(--dark-4)!important;
+      }
     }
     
     .bl-button--primary:disabled {

diff --git a/src/js/modules/darkMode/UI/pageMessage.js b/src/js/modules/darkMode/UI/pageMessage.js
@@ -18,6 +18,14 @@ const messagelist = `
         .content {
           color: var(--dark-font-1);
         }
+        .modules .module {
+          .mtitle {
+            color: var(--dark-font-1);
+          }
+          .detail {
+            color: var(--dark-font-0);
+          }  
+        }
         hr {
           background: var(--dark-1)!important;
         }
@@ -211,6 +219,9 @@ const MessageDarkModeStyle = createGlobalStyle`
               .last-word {
                 color: var(--dark-font-2);
               }
+              &.top {
+                background-color: var(--dark-3);
+              }
               &.active, &:hover {
                 background-color: var(--dark-3)!important;
               }
@@ -262,8 +273,41 @@ const MessageDarkModeStyle = createGlobalStyle`
                   color: #fff!important;
                 }
               }
-              .input-box textarea {
+              .input-box #editor {
+                  color: var(--dark-font-0);
+              }
+            }
+            .im-popup .im-popup-shell {
+              background-color: var(--dark-3);
+              .content {
+                .content-text {
                   color: var(--dark-font-0);
+                }
+                .selector-box .type-selector {
+                  color: var(--dark-font-0);
+                  .css-1xneiug {
+                    .content {
+                      fill: var(--dark-5);
+                    }
+                    .border {
+                      fill-opacity: 0.5;
+                    }
+                  }
+                }
+                .report-tip {
+                  color: var(--dark-font-1);
+                }
+                .input-box {
+                  border-color: var(--dark-5);
+                  background-color: var(--dark-5);
+                  textarea {
+                    color: var(--dark-font-0);
+                  }
+                }
+              }
+              .popup-btn-ctnr .bl-button--primary:disabled {
+                background-color: var(--dark-4);
+                color: var(--dark-font-2);
               }
             }
           }

diff --git a/src/js/modules/darkMode/UI/pageSearch.js b/src/js/modules/darkMode/UI/pageSearch.js
@@ -103,6 +103,10 @@ const SearchDarkModeStyle = createGlobalStyle`
     .fold:hover {
       background-color: var(--dark-2);
     }
+    .sub-filter {
+      background-color: var(--dark-2);
+      border-color: var(--dark-2);
+    }
   }
   #all-list .mixin-list ul:not(:last-child) {
     border-color: var(--divider);
@@ -228,16 +232,19 @@ const SearchDarkModeStyle = createGlobalStyle`
     }
   }
   //用户
-  #user-list .dropdown-wrap .select-wrap .bili-dropdown {
-    color: var(--dark-font-0);
-    .selected {
-      color: var(--dark-font-2);
-    }
-    .dropdown-list {
-      background: var(--dark-3);
-      border-color: var(--dark-3);
-      .dropdown-item:hover {
-        background: var(--dark-2);
+  #user-list .dropdown-wrap .select-wrap {
+    border-color: var(--divider);
+    .bili-dropdown {
+      color: var(--dark-font-0);
+      .selected {
+        color: var(--dark-font-2);
+      }
+      .dropdown-list {
+        background: var(--dark-3);
+        border-color: var(--dark-3);
+        .dropdown-item:hover {
+          background: var(--dark-2);
+        }
       }
     }
   }

diff --git a/src/js/modules/darkMode/UI/pageSpace.js b/src/js/modules/darkMode/UI/pageSpace.js
@@ -29,9 +29,9 @@ const SpaceDarkModeStyle = createGlobalStyle`
     }
     
     //高优先
-    .feed-title, .section .user-auth.no-auth .no-auth-title .goto-auth, .user-auth .auth-description, .contribution-sidenav, .breadcrumb .item,
+    .feed-title, .section .user-auth.no-auth .no-auth-title .goto-auth, .user-auth .auth-description, .contribution-sidenav, .breadcrumb .item, .album-list__title
     .my-album .tab-list .tab:not(.active) .name, .my-album .title, .fav-sidenav, .nav-title .text,.i-live .i-live-text,
-    .fav-main .filter-item, .fav-main .filter-item .filter-type .be-dropdown-item span, .favInfo-box .favInfo-details .fav-name, 
+    .fav-main .filter-item, .fav-main .filter-item .filter-type .be-dropdown-item span, .favInfo-box .favInfo-details .fav-name, .my-notebook .note-header .note-title .note-text,
     .pgc-item-title, .pgc-item-desc, .setting-privacy-item .setting-privacy-name, .channel-title .channel-name, .album-title, .follow-item {
       color: var(--dark-font-0)!important;
     }
@@ -244,6 +244,30 @@ const SpaceDarkModeStyle = createGlobalStyle`
       }
     }
     
+    //笔记
+    .my-notebook {
+      .note-header, .note-single-item {
+        border-color: var(--divider)!important;
+      }
+      .note-single-item {
+        .note-item__detail--title {
+          color: var(--dark-font-0)!important;
+        }
+        .note-item__detail--summary {
+          color: var(--dark-font-1)!important;
+        }
+        .note-item__detail--info .update-mtime {
+          color: var(--dark-font-2)!important;
+        }
+      }
+      .note-single-item--selected {
+        background: var(--dark-3)!important;
+      }
+    }
+    .note-editor {
+      color: #222;
+    }
+    
     //个人标签
     #page-setting {
       #setting-new-tag, #setting-new-tag-btn {

diff --git a/src/js/modules/darkMode/UI/pageVideo.js b/src/js/modules/darkMode/UI/pageVideo.js
@@ -75,9 +75,14 @@ const VideoPlayDarkModeStyle = createGlobalStyle`
           color: var(--dark-font-1);
         }
       }
-      .btn-panel .following {
-        background-color: var(--dark-5);
-        border-color: var(--dark-5);
+      .btn-panel {
+        .following {
+          background-color: var(--dark-5);
+          border-color: var(--dark-5);
+        }
+        .default-btn:not(.btn-transition) {
+          background-color: var(--dark-1);
+        }
       }
     }
     .bili-header-m .nav-menu .nav-mask {
@@ -331,6 +336,20 @@ const VideoPlayDarkModeStyle = createGlobalStyle`
         }
       }
     }
+    
+    //广告
+    .slide-ad .slide-gg {
+      background: var(--dark-1)!important;
+    }
+    a.ad-report {
+      color: var(--dark-font-3);
+      .vcd {
+        .cover {
+          background: var(--dark-1)!important;
+        }
+      }
+    }
+    
     // 播放器工具栏
     .bilibili-player {
       background: unset!important;
@@ -381,14 +400,19 @@ const VideoPlayDarkModeStyle = createGlobalStyle`
     }
     
     // 活动
-    #activity_vote .inside-wrp {
-      border-color: var(--dark-1);
-      background-color: var(--dark-1);
-      .left {
+    .activity-m {
+      .onlytip {
         color: var(--dark-font-1);
       }
-      .right .inside-bg:before {
-        background-image: linear-gradient(90deg,var(--dark-1),transparent 30%);
+      .inside-wrp {
+        border-color: var(--dark-1);
+        background-color: var(--dark-1);
+        .left {
+          color: var(--dark-font-1);
+        }
+        .right .inside-bg:before {
+          background-image: linear-gradient(90deg,var(--dark-1),transparent 30%);
+        }
       }
     }
     
@@ -547,6 +571,11 @@ const VideoPlayDarkModeStyle = createGlobalStyle`
       }
     }
     
+    //笔记
+    .video-editor .ql-toolbar {
+      color: #222;
+    }
+    
     //评论区
     #comment_module, #comment .common{
       border-color: var(--divider)!important;