Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Dev #812

Merged
merged 6 commits into from
Jan 11, 2021
Merged

Dev #812

merged 6 commits into from
Jan 11, 2021

Conversation

Cotch22
Copy link
Collaborator

@Cotch22 Cotch22 commented Jan 4, 2021

深色更新:

  • 导航栏懒加载
  • 广告懒加载
  • 广告文字
  • 搜索页二级分区
  • 转发动态已删除
  • 收藏页笔记列表

pzhlkj6612 and others added 5 commits December 31, 2020 07:34
对于回复消息编辑框( .send-box .input-box #editor ):
- 文字颜色为 var(--dark-font-0) 。

由于找不到 .send-box .input-box textarea ,所以将其移除了。
对于左侧列表( .bili-im .list ):
- 置顶聊天( .list-item.top )的背景颜色为 var(--dark-3) ;
- 置顶和非置顶聊天( .list-item )在活动或光标悬浮时的背景颜色改为 var(--dark-5) !important 。
在以下三个页面进入某一个聊天:
- 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) 。
…sage

深色模式 消息中心 我的消息 回复消息、左侧聊天列表和弹出窗口的样式
@@ -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;
Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@pzhlkj6612 我把这里你对于hover颜色的改动还原了,因为根据B站原本的设计,是hover颜色与右侧聊天框底色相同。
QQ20210104-160239

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@Cotch22 了解。

关于这个列表的颜色,我有另一种方案。请问能否启用仓库的 Discussions 功能,我想先发布草稿供大家讨论,再决定是否提交 PR 。谢谢。

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@Cotch22 ping.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants