Add CSS variables for background colors (#126)

deshaw · Dec 19, 2024 · d9011e9 · d9011e9
1 parent 3fef420
commit d9011e9
Showing 1 changed file with 8 additions and 3 deletions.
diff --git a/style/base.css b/style/base.css
@@ -1,15 +1,20 @@
+:root {
+  --jp-execute-time-highlight: var(--jp-brand-color3, #bbdefb);
+  --jp-execute-time-background: var(--jp-cell-editor-background);
+}
+
 /* Transition to highlight a cell change */
 @keyframes executeHighlight {
   from {
-    background-color: var(--md-blue-100, #9fccff);
+    background-color: var(--jp-execute-time-highlight);
   }
   to {
-    background-color: var(--jp-cell-editor-background);
+    background-color: var(--jp-execute-time-background);
   }
 }
 
 .execute-time {
-  background-color: var(--jp-cell-editor-background);
+  background-color: var(--jp-execute-time-background);
   display: flex;
   justify-content: space-between;
   margin-top: 2px;