mirror of
				https://github.com/excalidraw/excalidraw.git
				synced 2025-11-04 04:44:31 +01:00 
			
		
		
		
	fix: button bg CSS variable leaking into other styles (#9075)
This commit is contained in:
		@@ -649,15 +649,21 @@ body.excalidraw-cursor-resize * {
 | 
			
		||||
    @include filledButtonOnCanvas;
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  .App-mobile-menu,
 | 
			
		||||
  .App-menu__left {
 | 
			
		||||
    --button-border: transparent;
 | 
			
		||||
    --button-bg: var(--color-surface-mid);
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
    @at-root .excalidraw.theme--dark#{&} {
 | 
			
		||||
  @at-root .excalidraw.theme--dark#{&} {
 | 
			
		||||
    .App-mobile-menu,
 | 
			
		||||
    .App-menu__left {
 | 
			
		||||
      --button-hover-bg: #363541;
 | 
			
		||||
      --button-bg: var(--color-surface-high);
 | 
			
		||||
    }
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  .App-menu__left {
 | 
			
		||||
    .buttonList {
 | 
			
		||||
      padding: 0.25rem 0;
 | 
			
		||||
    }
 | 
			
		||||
 
 | 
			
		||||
@@ -32,7 +32,6 @@
 | 
			
		||||
    0px 0px 3.1270833015441895px 0px rgba(0, 0, 0, 0.08),
 | 
			
		||||
    0px 7px 14px 0px rgba(0, 0, 0, 0.05);
 | 
			
		||||
 | 
			
		||||
  --button-bg: var(--color-surface-mid);
 | 
			
		||||
  --button-hover-bg: var(--color-surface-high);
 | 
			
		||||
  --button-active-bg: var(--color-surface-high);
 | 
			
		||||
  --button-active-border: var(--color-brand-active);
 | 
			
		||||
@@ -172,8 +171,6 @@
 | 
			
		||||
    --button-destructive-bg-color: #5a0000;
 | 
			
		||||
    --button-destructive-color: #{$oc-red-3};
 | 
			
		||||
 | 
			
		||||
    --button-bg: var(--color-surface-high);
 | 
			
		||||
 | 
			
		||||
    --button-gray-1: #363636;
 | 
			
		||||
    --button-gray-2: #272727;
 | 
			
		||||
    --button-gray-3: #222;
 | 
			
		||||
 
 | 
			
		||||
		Reference in New Issue
	
	Block a user