Anpassen des Builder Login-Screens zur besseren Übersichtlichkeit bei mehreren Workspaces

Man mag es gerne als Spielerei betiteln - gewissermaßen ist es das auch.

Ich habe mir vor längerem folgende "Workspace Login Message" erarbeitet (Quelle).

Mit ein wenig HTML, Javascript und CSS-Kenntnissen leicht anpassbar.

<style>
    u.dotted{ font-size: 12px; border-bottom: 1px dashed #999; text-decoration: none; }
</style>
<SCRIPT>
$(document).ready(function()
{
    // Hide Oracle header, Down arrow, Second page
    $('.a-Header--login, .a-Login-slideNav, .a-Login-slide--secondary').css('display','none');
    //$('.a-Login-links').text('');
    $('.a-Login-links--languages').hide();
    // Title
    $('.a-Login-title').text("MEIN_LOGIN_TITEL").css('color','#508223');
    // Login
    $(".ws_list_item").click(function()
    {
        var selectedWS = $(this).text();
        if (selectedWS == 'INTERNAL') 
            var user = 'ADMIN'; 
        else
            var user = ''; 
        $("#F4550_P1_COMPANY").val(selectedWS);
        $("#F4550_P1_USERNAME").val(user);
        $("#F4550_P1_PASSWORD").focus()
    })
})
</SCRIPT>
<table style="border: 1px; width: 100%; background-color: cornflowerblue">
    <tr>
        <th style="border: 0.5px dotted black; padding: 5px; width: 100%; cursor: auto;" class="a-Button a-Button--hot a-Button--large">Workspaces</th>
    </tr><tr>
        <td style="border: 0.5px dotted black; padding: 2px; cursor: pointer; " class="ws_list_item" >MEIN_WORKSPACE_1</td>
    </tr><tr>
        <td style="border: 0.5px dotted black; padding: 2px; cursor: pointer; " class="ws_list_item" >INTERNAL</td>
    </tr>
</table>
<div style="text-align: center; display: block;"><u class="dotted">APEX Version: 22.2.1</u></div>