Merge pull request #16950 from calixteman/resizers_hcm
[Editor] Change the colors of the outline and the resizers for selected editors in HCM
This commit is contained in:
		
						commit
						4c0fbe51e5
					
				@ -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