Fix collapse bg color

mckinsey · Nov 20, 2024 · b52fb72 · b52fb72
1 parent 1277f11
commit b52fb72
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/vizro-core/src/vizro/static/css/bootstrap_overwrites.css b/vizro-core/src/vizro/static/css/bootstrap_overwrites.css
@@ -9,6 +9,7 @@ but do not want to take over to `vizro-bootstrap` as these settings might not be
   --text-code-type: #f69d50;
   --text-code-literal: #6bb5fd;
   --slider-rail-bg: var(--primary-100);
+  --collapse-icon-bg: var(--primary-500);
 }
 
 [data-bs-theme="light"] {
@@ -21,6 +22,7 @@ but do not want to take over to `vizro-bootstrap` as these settings might not be
   --text-code-literal: #005cc5;
   --fill-icon-image-card: invert(64%) sepia(0%) saturate(1375%);
   --slider-rail-bg: var(--primary-900);
+  --collapse-icon-bg: var(--primary-100);
 }
 
 .card .nav-link {

diff --git a/vizro-core/src/vizro/static/css/layout.css b/vizro-core/src/vizro/static/css/layout.css
@@ -177,7 +177,7 @@
 }
 
 #collapse-icon.material-symbols-outlined {
-  background-color: var(--bs-tooltip-bg);
+  background-color: var(--collapse-icon-bg);
   border-radius: 50%;
   color: var(--text-disabled);
   cursor: pointer;