fix: change bullet active color var

qbosen · Aug 7, 2021 · c087025 · c087025
1 parent 7225454
commit c087025
Showing 1 changed file with 7 additions and 6 deletions.
diff --git a/src/_blocks.scss b/src/_blocks.scss
@@ -5,6 +5,7 @@
 
   --ct-bullet-size: 6px;
   --ct-bullet-color: var(--ct-bold-color);
+  --ct-bullet-active-color: var(--ls-active-primary-color);
 
   --ct-block-max-width: calc(100% - 38px);
 }
@@ -84,8 +85,8 @@ a:hover > .bullet-container .bullet {
 }
 
 .ls-block .bullet {
-  background-color: var(--ct-page-reference-color);
-  box-shadow: 0 0 0 1px var(--ct-page-reference-color);
+  background-color: var(--ct-bullet-active-color);
+  box-shadow: 0 0 0 1px var(--ct-bullet-active-color);
 }
 
 .ls-block:not(:focus-within) .bullet {
@@ -161,7 +162,7 @@ div.items-center::after,
 }
 
 .ls-block:focus-within > div > div.items-center::before {
-  border-color: var(--ct-page-reference-color);
+  border-color: var(--ct-bullet-active-color);
 }
 
 .ls-block > div > div.items-center::after {
@@ -174,7 +175,7 @@ div.items-center::after,
 }
 
 .ls-block:focus-within > div > div.items-center::after {
-  border-color: var(--ct-page-reference-color);
+  border-color: var(--ct-bullet-active-color);
 }
 
 .block-children > .ls-block::before {
@@ -187,7 +188,7 @@ div.items-center::after,
 }
 
 .block-children:focus-within > .ls-block:not(:focus-within)::before {
-  border-color: var(--ct-page-reference-color);
+  border-color: var(--ct-bullet-active-color);
 }
 
 .block-children:focus-within > .ls-block:focus-within ~ .ls-block::before {
@@ -208,7 +209,7 @@ div.items-center::after,
 }
 
 .ls-block[haschild="true"]:focus-within > div > .block-content-wrapper::before {
-  border-color: var(--ct-page-reference-color);
+  border-color: var(--ct-bullet-active-color);
 }
 
 .doc-mode div.items-center::before,