Ghost/ghost/admin/app/templates/application.hbs

<GhApp>
    <GhSkipLink @anchor=".gh-main">Skip to main content</GhSkipLink>

    <GhAlerts />

    <div class="gh-viewport {{if this.ui.showMobileMenu 'mobile-menu-expanded'}}">
        {{#if this.showNavMenu}}
            <GhNavMenu />
        {{/if}}

        <main class="gh-main {{this.ui.mainClass}}" role="main">
            {{outlet}}

            {{#if this.showBilling}}
                <GhBillingModal @billingWindowOpen={{this.billing.billingWindowOpen}} />
            {{/if}}

        </main>

        <GhNotifications />

        <GhContentCover />

        <GhMobileNavBar />

    </div>{{!gh-viewport}}

    {{#if this.customViews.showFormModal}}
        <GhFullscreenModal
            @modal="custom-view-form"
            @close={{this.customViews.toggleFormModal}}
            @modifier="action narrow"
        />
    {{/if}}

    {{#if this.settings.accentColor}}
        <style>
            :root {
                --accent-color: {{this.settings.accentColor}};
                --adjusted-accent-color: {{this.ui.adjustedAccentColor}};
                --text-color-for-adjusted-accent-background: {{this.ui.textColorForAdjustedAccentBackground}};
            }
            .koenig-editor__editor a:not([class]) {
                color: var(--adjusted-accent-color);
            }
            .koenig-editor__editor blockquote {
                border-left: 0.25rem solid var(--adjusted-accent-color);
            }

            .gh-btn-accent {
                color: var(--text-color-for-adjusted-accent-background);
                background-color: var(--adjusted-accent-color)
            }

            .gh-btn-accent:hover {
                color: {{hex-contrast this.ui.adjustedAccentColor}};
                background-color: {{hex-adjust this.ui.adjustedAccentColor l=-15}}
            }

        </style>
    {{/if}}
</GhApp>

<EmberLoadRemover />