Live Widget Preview

This is a simulation of how the MyFXBook widget would look with your selected colors.

Market Outlook

Updated: Just now
EUR/USD +0.45%
GBP/USD -0.32%
USD/JPY +0.67%
AUD/USD +0.23%
USD/CAD -0.15%
USD/CHF -0.29%
NZD/USD +0.38%
EUR/GBP -0.12%

Implementation Code

Add this code to your website where you want the widget to appear:

<!-- MyFXBook Widget with Dark Theme -->
<div id="myfxbook-widget-dark">
    <script class="powered" type="text/javascript"
            src="https://widgets.myfxbook.com/scripts/fxOutlook.js?type=1&symbols=,1,2,3,5,8,10,29,51"></script>
</div>
<div style="font-size: 10px">
    <a href="https://www.myfxbook.com" title="" class="myfxbookLink" target="_self" rel="noopener"></a>
</div>

<script type="text/javascript">
    // Custom styling for dark theme
    const widgetContainer = document.querySelector('#myfxbook-widget-dark');
    if (widgetContainer) {
        widgetContainer.style.backgroundColor = '#1a1a1a';
        widgetContainer.style.color = '#f0f0f0';
        widgetContainer.style.padding = '20px';
        widgetContainer.style.borderRadius = '8px';
    }
    
    // Initialize the widget
    showOutlookWidget();
</script>
<!-- End MyFXBook Widget -->

Color Customization

Widget Options