Themepack var

microsoft · Feb 28, 2024 · f486a3a · f486a3a
1 parent 0185f72
commit f486a3a
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/teachertool/src/components/styling/DragAndDropFileSurface.module.scss b/teachertool/src/components/styling/DragAndDropFileSurface.module.scss
@@ -7,7 +7,7 @@
 
     background-color: var(--pxt-content-background);
     border-radius: 0.5rem;
-    border: 1px dashed lighten(black, 40%); // todo thsparks : yet another theme variable?
+    border: 1px dashed var(--pxt-content-secondary-foreground);
 
     padding: 2rem;
     min-height: 30vh;
@@ -17,7 +17,7 @@
         flex-direction: column;
         align-items: center;
 
-        color: lighten(black, 40%); // todo thsparks : yet another theme variable?
+        color: var(--pxt-content-secondary-foreground);
         font-size: 2rem;
         font-weight: 600;
 

diff --git a/theme/themepacks.less b/theme/themepacks.less
@@ -25,6 +25,7 @@
     --pxt-content-background-glass: #C7D2FE40;
     --pxt-content-foreground: #1E293B;
     --pxt-content-accent: #EEF2FF;
+    --pxt-content-secondary-foreground: #666666;
     /// Primary button
     --pxt-button-primary-background: #065F46;
     --pxt-button-primary-background-glass: #065F4640;