Guide How to: add custom background color for HTML on Interlude

[Salty Mike]

One of the main issues with HTML on Interlude is that you can only have a few very specific basic colors and nothing in-between.
However, there is an approach you can take to make it so that you have custom colors for your table background.

To do this, you would have to stack a bunch of tables with different background colors up. Here is an example of the code:
 

<table width="274" cellpadding="0" cellspacing="0" height="32" border="0" bgcolor="FF0000">
    <tr>
        <td width="242">
            <table width="242" cellpadding="0" cellspacing="0" height="33" bgcolor="FAFAFA">
                <tr>
                    <td>
                        <!-- FF0000 = RED -->
                        <!-- 000400 = GREEN -->
                        <table width="242" cellpadding="0" cellspacing="0" height="33" bgcolor="FF0000">
                            <tr>
                                <td>
                                    <table width="242" cellpadding="0" cellspacing="0" height="33" bgcolor="FAFAFA">
                                        <tr>
                                            <td>
                                                <table width="242" cellpadding="0" cellspacing="0" height="33" bgcolor="000000">
                                                    <tr>
                                                        <td>
                                                            <table width="242" cellpadding="0" cellspacing="0" height="33" bgcolor="000000">
                                                                <tr>
                                                                    <td width="90">
                                                                        <table width="242" cellpadding="0" cellspacing="0" height="33" >
                                                                            <tr>
                                                                                <td height="5"> </td>
                                                                                <td height="5"> </td>
                                                                                <td height="11"> </td>
                                                                            </tr>
                                                                        </table>
                                                                    </td>
                                                                </tr>
                                                            </table>
                                                        </td>
                                                    </tr>
                                                </table>
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
            </table>
        </td>
    </tr>
</table>

The end result will be this nice dark-red or red-brownish background color (disregard the buttons and text):


PLEASE NOTE!
This will make your HTML explode in length/size! To help with the increased size, you can follow this guide to reduce it by about 30-35%.

 

Edited November 14, 2023 by Bru7aLMike