[Editor] Change the colors of the outline and the resizers for selected editors in HCM
This commit is contained in:
parent
8d695c982f
commit
38f60a7eff
@ -25,6 +25,7 @@
|
|||||||
--hover-outline: dashed var(--outline-width) var(--outline-color);
|
--hover-outline: dashed var(--outline-width) var(--outline-color);
|
||||||
--freetext-line-height: 1.35;
|
--freetext-line-height: 1.35;
|
||||||
--freetext-padding: 2px;
|
--freetext-padding: 2px;
|
||||||
|
--resizer-bg-color: var(--outline-color);
|
||||||
--resizer-size: 6px;
|
--resizer-size: 6px;
|
||||||
--resizer-shift: calc(
|
--resizer-shift: calc(
|
||||||
0px - (var(--outline-width) + var(--resizer-size)) / 2 -
|
0px - (var(--outline-width) + var(--resizer-size)) / 2 -
|
||||||
@ -49,8 +50,9 @@
|
|||||||
|
|
||||||
@media screen and (forced-colors: active) {
|
@media screen and (forced-colors: active) {
|
||||||
:root {
|
:root {
|
||||||
--outline-color: ButtonText;
|
--outline-color: CanvasText;
|
||||||
--outline-around-color: ButtonFace;
|
--outline-around-color: ButtonFace;
|
||||||
|
--resizer-bg-color: ButtonText;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -221,7 +223,7 @@
|
|||||||
& > .resizer {
|
& > .resizer {
|
||||||
width: var(--resizer-size);
|
width: var(--resizer-size);
|
||||||
height: var(--resizer-size);
|
height: var(--resizer-size);
|
||||||
background: var(--outline-color);
|
background: var(--resizer-bg-color);
|
||||||
border: var(--focus-outline-around);
|
border: var(--focus-outline-around);
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
|
||||||
|
Loading…
x
Reference in New Issue
Block a user