<h1 id="sd-webui-prompt-style-aq3ygxioe">SD WebUI Prompt Style</h1><p>Extension for <a target="_blank" rel="ugc" href="https://github.com/AUTOMATIC1111/stable-diffusion-webui.git">AUTOMATIC1111/stable-diffusion-webui</a> to colorize your prompt.</p><p></p><p><img src="https://image.civitai.com/xG1nkqKTMzGDvpLrqFT7WA/627d7151-a084-4120-a7cc-0ed7b8020c44/width=525/627d7151-a084-4120-a7cc-0ed7b8020c44.jpeg" /></p><h3 id="install-vzbsw8uiz">Install</h3><ul><li><p>Open the <code>Extensions</code> tab and navigate to <code>Install from URL</code>.</p></li><li><p>Paste the repository URL into the <code>URL for extension's git repository</code> field:</p><pre><code>    https://github.com/bandifiu/sd-webui-prompt-style.git
</code></pre></li></ul><ul><li><p>Press the <code>Install</code> button.</p></li><li><p>Restart the WebUI using <code>Reload UI</code> button</p><p></p></li></ul><h3 id="customization-31ckzgrmc">Customization</h3><p>You can customize colors by changing CSS variables in your <code>user.css</code> at the root of WebUI intallation.</p><ul><li><p>If no <code>user.css</code> file present, create one</p></li><li><p>The following variables are available.</p></li><li><p><strong>Reload</strong> the browser.</p></li></ul><pre><code>.prompt-style {
    --keyword-color: var(--body-text-color);
    --keyword-odd-color: #a0c1f7;
    --colon-color: #56fd6c;         /* :            */
    --block-color: #ee6565;         /* ( )          */
    --block-brackets-color: #56fd6c;/* [ ]          */
    --block-angle-color: yellow;    /* &lt; &gt;          */
    --network-type-color: yellow;  
    --network-color: orange;        /* LoRa name    */
    --pipe-color: #e93232;          /* |            */
    --break-color: #e93232;         /* BREAK        */
    --delimiter-color: white;       /* ,            */
    --weight-down-color: #1bff39;   /* weight &lt; 1   */
    --weight-up-color: #ee6565;     /* weight &gt; 1   */
    --weight-color: #1bff39;        /* weight = 1   */
    --comment-color: #0a941d;       /* #comment     */
}</code></pre>

Files with SHA256: a9db9d93dd7cdfd03eb427ca0731f6d60a0d7daa0d9ba120393b6b1cec8c5d10