I am using the chart embed code from Tradingview widgets (https://www.tradingview.com/widget/advanced-chart/)
I did customize some of the styles under overrides but I can find a way to remove the white outline border around the chart.
Note: If I uncomment theme: "dark"
, most of the overrides don’t work
Here are all my options:
new window.TradingView.widget({
autosize: true,
height: "100%",
symbol: "BTCUSD",
interval: "60",
// theme: "dark",
style: "3",
locale: "en",
hide_top_toolbar: true,
container_id: "tradingview_8032b",
disabled_features: [
"use_localstorage_for_settings",
"create_volume_indicator_by_default",
],
overrides: {
"paneProperties.background": theme.palette.background.paper,
"scalesProperties.textColor": theme.palette.text.primary,
"paneProperties.vertGridProperties.color": "rgba(250,0,0,0)",
"paneProperties.horzGridProperties.color": "rgba(0,0,0,0)",
//"mainSeriesProperties.areaStyle.color1": theme.palette.primary.main, // DOES NOT WORK
"mainSeriesProperties.areaStyle.color2": theme.palette.primary.main,
"mainSeriesProperties.areaStyle.linecolor":
theme.palette.primary.main,
},
});