-
Notifications
You must be signed in to change notification settings - Fork 455
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
Conversation
对于回复消息编辑框( .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; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
@pzhlkj6612 我把这里你对于hover颜色的改动还原了,因为根据B站原本的设计,是hover颜色与右侧聊天框底色相同。
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
@Cotch22 了解。
关于这个列表的颜色,我有另一种方案。请问能否启用仓库的 Discussions 功能,我想先发布草稿供大家讨论,再决定是否提交 PR 。谢谢。
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
@Cotch22 ping.
深色更新: