改进多选块时带背景色的子块样式

[TCOTC]

颜色.sy.zip

像上面的引述块被选中后颜色可以被覆盖，但下面的列表块就不行：

只选中这两个块的时候才能被正常覆盖：

[Vanessa219]

选中的是哪一个块只会修改那一个块的背景，子块不进行修改。

[TCOTC]

我的意思就是这是个问题，子块的颜色会干扰多选块的判断

[TCOTC]

多选块时，子块不应该应用颜色

[Vanessa219]

操作的时候并不会操作子块，改变的话可能会让用户误解。

[TCOTC]

子块颜色不变的话才会有误解。被选中的块与子块应该统一变成蓝色

[Vanessa219]

看了下 notion 也是维持不变的，它可能也是怕用户误解才这么做的。这个就不进行修改了。

[TCOTC]

其实有点不同，如果用 Notion 的方案，父块或子块的颜色都是会与蓝色叠加的，思源的父块是会完全变成蓝色、子块颜色则是完全没有变化（比较突兀）：

default.webm

[Vanessa219]

比较微弱，我们也弱弱的改一下吧。

[88250]

这个改动就不拉进版本了。
This change will not be included in the version.

[TCOTC]

@Vanessa219 有办法只让原本的背景色变透明而不是整个元素变透明吗？

[Vanessa219]

选中的背景色为 var(--b3-theme-primary-lightest) ，如果这个设置的是透明的话就是透明的，用户可以自己修改。

[TCOTC]

我的意思是这个样式把整个子元素都变透明了：

siyuan/app/src/assets/scss/protyle/_wysiwyg.scss

Lines 452 to 454 in 1138629

	[data-node-id][style*="background-color"] {
	opacity: .86;
	}

比如改成 opacity: .26; ，文本就很淡了：

怎样保持内部文本的颜色不变？

[Vanessa219]

不用改那么淡

[TCOTC]

我想只把子块的背景色改透明，但我不知道怎么改

[Vanessa219]

只改背景色的话要使用 background-color: rgba

[TCOTC]

改成完全透明确实能用 CSS ，但如果是想透明 50% 的话好像就只能用 JS 了？

.protyle-wysiwyg--select [data-node-id][style*="background-color"] {
    background-color: transparent !important; /* 完全透明 */
}

想到了，给每个 style="background-color: var(--b3-font-backgroundxx);" 都单独写一条 CSS