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

Add transparency to the background color of some blocks #12713

Closed
TCOTC opened this issue Oct 6, 2024 · 2 comments
Closed

Add transparency to the background color of some blocks #12713

TCOTC opened this issue Oct 6, 2024 · 2 comments
Assignees
Milestone

Comments

@TCOTC
Copy link
Contributor

TCOTC commented Oct 6, 2024

一些块的背景色需要带透明度

需要跟 #12706 #12712 一起改,有必要的话我一起 PR

  • 块的默认颜色(带透明度)
  • 父块带颜色的情况 → 跟块的默认颜色叠加
  • .protyle-wysiwyg--select 或 .protyle-wysiwyg--hl 的情况 → 叠加混合
  • .protyle-wysiwyg--select 和 .protyle-wysiwyg--hl 一起的情况 → 两次叠加混合

01 嵌入块需要用带透明度的颜色

这个颜色跟 --b3-theme-background 混合之后等于 --b3-theme-surface :

image

02 代码块也改成统一用嵌入块那个带透明度的颜色:

image

03 表格的颜色:

白色格子改成透明,灰色格子改成前面嵌入块那个带透明度的颜色

image

04 引述块需要用带透明度的颜色

左侧的颜色需要跟父块叠加;主体的颜色跟 --b3-theme-background 混合之后等于 --b3-list-hover

image

p.s. 闪卡的颜色保持不变,不需要叠加

@Vanessa219
Copy link
Member

Vanessa219 commented Oct 11, 2024

修改了引述块、嵌入块和表格的。代码块深色主题背景色是不一致的。

Vanessa219 added a commit that referenced this issue Oct 11, 2024
@Vanessa219 Vanessa219 added this to the 3.1.9 milestone Oct 11, 2024
@88250 88250 changed the title 一些块的背景色需要带透明度 Add transparency to the background color of some blocks Oct 11, 2024
@Vanessa219
Copy link
Member

由于嵌入块和引述块内会存在各种块,透明色叠加的话颜色会不断加深。参考了其他产品,将移除其背景色。

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

No branches or pull requests

2 participants