From 420703ba50986a862c01c1d15e7a4ab7673bf5a2 Mon Sep 17 00:00:00 2001
From: Aakansha Doshi <aakansha1216@gmail.com>
Date: Sun, 7 Mar 2021 16:41:37 +0530
Subject: [PATCH] fix: scope css variables so that host css vars don't clash
 with excalidraw (#3199)

* fix: scope css variables so that host css vars don't clash with excalidraw

* update changelog
---
 src/css/theme.scss                   |  4 +---
 src/packages/excalidraw/CHANGELOG.md | 10 ++++++++++
 2 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/src/css/theme.scss b/src/css/theme.scss
index 56135cbf..beabe1bb 100644
--- a/src/css/theme.scss
+++ b/src/css/theme.scss
@@ -1,7 +1,7 @@
 @import "open-color/open-color.scss";
 @import "./variables.module.scss";
 
-:root {
+.excalidraw {
   --appearance-filter: none;
   --button-destructive-bg-color: #{$oc-red-1};
   --button-destructive-color: #{$oc-red-9};
@@ -34,9 +34,7 @@
   --shadow-island: 0 1px 5px #{transparentize($oc-black, 0.85)};
   --space-factor: 0.25rem;
   --text-primary-color: #{$oc-gray-8};
-}
 
-.excalidraw {
   &.Appearance_dark {
     background: $oc-black;
 
diff --git a/src/packages/excalidraw/CHANGELOG.md b/src/packages/excalidraw/CHANGELOG.md
index db2fe7b2..b4e96484 100644
--- a/src/packages/excalidraw/CHANGELOG.md
+++ b/src/packages/excalidraw/CHANGELOG.md
@@ -12,6 +12,16 @@ The change should be grouped under one of the below section and must contain PR
 Please add the latest change on the top under the correct section.
 -->
 
+## Unreleased
+
+## Excalidraw API
+
+### Fixes
+
+- Scope css variables so that host css vars don't clash with excalidraw[#3199](https://github.com/excalidraw/excalidraw/pull/3199).
+
+---
+
 ## 0.4.2
 
 ## Excalidraw API