From 420ad702033ac51b90143f74e7d87ba477ddc240 Mon Sep 17 00:00:00 2001
From: David Ichim <ichim.david@gmail.com>
Date: Fri, 30 Sep 2022 20:09:16 +0300
Subject: [PATCH] change(slate-footnote): allow customization of footnote
 background and color

- when --bg-color css variable is set from a parent class, this way if these mentions
  are inside a parent content that has a certain bg color and text requirements they
  can be applied to the mentions as well
---
 src/editor/styles.less | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/editor/styles.less b/src/editor/styles.less
index 26ba3af..31d8af3 100644
--- a/src/editor/styles.less
+++ b/src/editor/styles.less
@@ -5,7 +5,7 @@ body {
 }
 
 span[aria-describedby='footnote-label'] {
-  color: #004b87;
+  color: var(--text-color, #004b87);
   cursor: default;
   outline: none;
   text-decoration: none;
@@ -20,13 +20,13 @@ span[aria-describedby='footnote-label'] {
 
 .footnote-edit-node {
   padding: 0px 4px;
-  background-color: #e6f3ff;
+  background-color: var(--bg-color, #e6f3ff);
   border-radius: 4px;
 }
 
 .footnote-edit-node::after,
 .citation-item::after {
-  color: #0645ad;
+  color: var(--text-color, #0645ad);
   content: attr(data-footnote-indice);
   font-size: 75%;
   vertical-align: super;