mirror of
https://github.com/Microsoft/vscode
synced 2024-09-13 21:55:38 +00:00
Update opacity to meet color conrast ratio
This commit is contained in:
parent
e32ea43fcb
commit
41df9793e0
|
@ -62,7 +62,7 @@
|
|||
}
|
||||
|
||||
.settings-editor > .settings-header > .settings-header-controls .settings-tabs-widget .action-label {
|
||||
opacity: 0.7;
|
||||
opacity: 0.9;
|
||||
}
|
||||
|
||||
.settings-editor > .settings-header > .settings-header-controls .settings-tabs-widget .action-label:hover {
|
||||
|
@ -198,11 +198,11 @@
|
|||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
line-height: 22px;
|
||||
opacity: 0.7;
|
||||
opacity: 0.9;
|
||||
}
|
||||
|
||||
.settings-editor > .settings-body .settings-toc-container .monaco-tree-row.has-children > .content:before {
|
||||
opacity: 0.7;
|
||||
opacity: 0.9;
|
||||
}
|
||||
|
||||
.settings-editor > .settings-body .settings-toc-container .monaco-tree-row.has-children.selected > .content:before {
|
||||
|
@ -269,7 +269,6 @@
|
|||
}
|
||||
|
||||
.settings-editor > .settings-body > .settings-tree-container .setting-item .setting-item-description {
|
||||
opacity: 0.9;
|
||||
margin-top: 3px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
|
|
|
@ -1338,7 +1338,7 @@ export class SettingsTree extends NonExpandableTree {
|
|||
if (foregroundColor) {
|
||||
// Links appear inside other elements in markdown. CSS opacity acts like a mask. So we have to dynamically compute the description color to avoid
|
||||
// applying an opacity to the link color.
|
||||
const fgWithOpacity = new Color(new RGBA(foregroundColor.rgba.r, foregroundColor.rgba.g, foregroundColor.rgba.b, .7));
|
||||
const fgWithOpacity = new Color(new RGBA(foregroundColor.rgba.r, foregroundColor.rgba.g, foregroundColor.rgba.b, .9));
|
||||
collector.addRule(`.settings-editor > .settings-body > .settings-tree-container .setting-item .setting-item-description { color: ${fgWithOpacity}; }`);
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in a new issue