acttrader-charts 1.3.0-beta.17 → 1.3.0-beta.18

package/dist/index.cjs

@@ -336,6 +336,7 @@ function resolveCssVarsInTheme(theme, container) {
     drawing: resolveDrawingThemeVars(theme.drawing, resolve)
   };
   container.removeChild(tmp);
+  tmp.remove();
   return result;
 }
 function resolveDrawingThemeVars(drawing, resolve) {
@@ -4426,7 +4427,8 @@ function withAlpha4(color, alpha) {
   }
   const rgb = /^rgba?\(\s*([\d.]+)\s*,\s*([\d.]+)\s*,\s*([\d.]+)/i.exec(c);
   if (rgb) return `rgba(${rgb[1]}, ${rgb[2]}, ${rgb[3]}, ${alpha})`;
-  return c;
+  const pct = Math.round(Math.min(1, Math.max(0, alpha)) * 100);
+  return `color-mix(in srgb, ${c} ${pct}%, transparent)`;
 }
 
 // src/ui/keyboardAware.ts
@@ -5426,6 +5428,14 @@ var TopBar = class {
 };
 
 // src/ui/AdvancedToolbar.ts
+function resolveToolbarTheme(theme) {
+  if (typeof document === "undefined" || !document.body) return theme;
+  try {
+    return resolveCssVarsInTheme(theme, document.body);
+  } catch {
+    return theme;
+  }
+}
 var TF_PILLS = ["1m", "5m", "15m", "1h", "4h", "1D", "1W"];
 var TF_PILLS_COMPACT = ["1m", "5m", "15m", "1h", "4h", "1D"];
 var TF_MORE = ["30m", "2h", "8h", "1W", "1M"];
@@ -5584,6 +5594,7 @@ var AdvancedToolbar = class {
     this.priceSourceOptions = [];
     this.currentPriceSource = "bid";
     this.openFlyout = null;
+    theme = resolveToolbarTheme(theme);
     this.theme = theme;
     this.overflowMenu = overflowMenu;
     this.showSnapshotItem = showSnapshotBtn;
@@ -5923,6 +5934,7 @@ var AdvancedToolbar = class {
     this.volHasData = hasVol;
   }
   setTheme(theme) {
+    theme = resolveToolbarTheme(theme);
     this.theme = theme;
     this.applyBarStyles(theme);
     this.applyFlyoutStyles(theme);