diff --git a/plugins/plugin-theme/src/css.mjs b/plugins/plugin-theme/src/css.mjs
index 2667c46db61..04e1c605af0 100644
--- a/plugins/plugin-theme/src/css.mjs
+++ b/plugins/plugin-theme/src/css.mjs
@@ -42,7 +42,7 @@ ${!stripped ? 'svg.freesewing ' : ''}path.sample-focus {
 const round = (value) => Math.round(value * 1e2) / 1e2
 
 const colors = {
-  fabric: 'currentColor',
+  fabric: '#212121',
   lining: '#10b981',
   interfacing: '#a3a3a3',
   canvas: '#d97706',
@@ -69,7 +69,7 @@ export const buildStylesheet = (scale = 1, stripped) => `
   ${!stripped ? '/* Defaults */' : ''}
   ${!stripped ? 'svg.freesewing ' : ''}path,
   ${!stripped ? 'svg.freesewing ' : ''}circle {
-    stroke: currentColor;
+    stroke: #000;
     stroke-opacity: 1;
     stroke-width: ${round(0.3 * scale)};
     stroke-linecap: round;
@@ -191,7 +191,7 @@ export const buildStylesheet = (scale = 1, stripped) => `
     font-size: ${round(5 * scale)}px;
     font-family: -apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue',
       Arial, sans-serif;
-    fill: currentColor;
+    fill: #000;
     text-anchor: start;
     font-weight: 200;
     dominant-baseline: ideographic;