Commit 4ddea4c2 authored by jan.koester's avatar jan.koester
Browse files

test

parent f391dffd

editor/qml/PreviewPane.qml

+79 −65
Original line number Diff line number Diff line
@@ -12,15 +12,11 @@ Item { 
    property bool engineReady: false



    onMobileModeChanged: reload()

    onDarkPreviewChanged: reload()

    onDarkPreviewChanged: applyTheme()



    function reload() {

        if (!engineReady) return

        var surl = localApi.serverUrl()

        var baseUrl = surl.length > 0 ? surl : "about:blank"

        var cssVars

    function themeCss() {

        if (darkPreview) {

            cssVars = ":root {"

            return ":root {"

                + "  --blogi-bg: #232627;"

                + "  --blogi-surface: #31363b;"

                + "  --blogi-surface-a: rgba(49,54,59,0.7);"
@@ -41,7 +37,7 @@ Item { 
                + "  color-scheme: dark;"

                + "}"

        } else {

                cssVars = ":root {"

            return ":root {"

                + "  --blogi-bg: rgba(235,237,240,1);"

                + "  --blogi-surface: rgba(245,246,248,1);"

                + "  --blogi-surface-a: rgba(245,246,248,0.88);"
@@ -62,8 +58,26 @@ Item { 
                + "  color-scheme: light;"

                + "}"

        }

            var bgColor = darkPreview ? "#232627" : "rgba(235,237,240,1)"

            var styleBlock = "<style>" + cssVars

    }



    function applyTheme() {

        if (!engineReady) return

        var css = themeCss()

        var js = "(function(){"

            + "var s = document.getElementById('blogi-theme');"

            + "if(!s){s=document.createElement('style');s.id='blogi-theme';document.head.appendChild(s);}"

            + "s.textContent = " + JSON.stringify(css

                + " html,body{background:var(--blogi-bg);color:var(--blogi-text);}") + ";"

            + "})();"

        webView.runJavaScript(js)

    }



    function reload() {

        if (!engineReady) return

        var surl = localApi.serverUrl()

        var baseUrl = surl.length > 0 ? surl : "about:blank"

        var cssVars = themeCss()

        var styleBlock = "<style id='blogi-theme'>" + cssVars

            + "html,body{margin:0;padding:8px;background:var(--blogi-bg);color:var(--blogi-text);font-family:sans-serif;}"

            + "</style>"