Software

• Stable Diffusion Web UI (A1111)   GitHub
• Comfy UI (Testing Only)   GitHub

Extension

• ADetailer   GitHub
• ControlNet   GitHub
• Dynamic Prompts   GitHub
• Negative Prompt Weight   GitHub
• Ultimate SD Upscale   GitHub

Models (1.5)

• Perfect Deliberate v5   Civitai
• Cyber Realistic v4.1   Civitai
• Realistic Vision v5.1   Civitai
• Dreamshaper v8   Civitai
• Elegance v5   Civitai
• Photon v1   Civitai
• AnReal v2   Civitai
• AniThing v2   Civitai
• MoltenArt v1   Civitai
• ReV Animated v1.2.2   Civitai
• Comic Babes v2   Civitai
• Nightmare Shaper v3   Civitai

LoRA's (1.5)

• Weight Slider   (deleted from Civitai)
• Baby Bumpers   (deleted from Civitai)
• Micro Waist   Civitai
• Noise Offset   Civitai
• Detail Tweaker   Civitai

Embeddings (1.5)

• Bad Artist   Civitai
• Bad Prompt   Civitai
• Cinematic Tools   Civitai

Models (XL)

• Starlight v3   Civitai
• Colorful v4   Civitai
• ProtoVision v0.6.3   Civitai
• Airtist Realistic v4.0   Civitai
• HelloWorld v6.0   Civitai
• ZavyChroma v0.7   Civitai
• Pony Diffusion v6   Civitai
• Pony FaeTality v1.1   Civitai
• Pony RealMix Final   Civitai

LoRA's (XL)

• Weight Slider   Civitai
• Fix Hands   Civitai
• BombShell   Civitai
• Detail Tweaker   Civitai
• Midjourney Mimic   Civitai

Upscaler

• NMKD 8x Superscale   Hugging Face
• NMKD 4x Superscale   Hugging Face
• Foolhardy 4x Remacri   Hugging Face
• 4x Lollypop   OpenModelDB

Updated: 25 June 2025

Introduction

ImGui styling is a kind of art in itself — but it’s not all that difficult. If you want a unique UI, you’ll need to work with color definitions, padding, and line flow. ImGui renders elements line by line, combining the padding from both the element and its window, so there are certain layout limitations — it’s not directly comparable to HTML + CSS.

My approach is a little complex, but it results in precise positioning across all resolutions. CET’s built-in scaling works surprisingly well and can be a big help if you don’t want to go full manual.

The reference documentation can be found in the CET GitHub repo. It lists all commands, though not very extensively.

Examples below are taken from CharLi, my playground for advanced ImGui styling.

Basic Styling

There are four main commands for styling and coloring elements. These are stack-based, so make sure to pop what you push — otherwise you’ll override other mods or even CET’s own windows. Failure to do so can lead to glitches or crashes.

Color definitions:

Style variables (like padding or alignment):

Each element has its own styleable parts — too many to list here. To explore them all, check the ImGui source. Color enums begin here.

For example, FramePadding affects windows, tab bars, tabs, collapsing headers, and more. Here's a basic window using padding and custom flags:

Coloring Elements

Styling colors works just like style vars. I like using 'ImGui.GetColorU32(r, g, b, a)' for RGBA colors. Values range from 0.0 to 1.0 for each channel.

The alpha channel controls transparency: 0.0 = fully transparent, 1.0 = fully opaque.

If your button is transparent and your window has its own background color, the button will inherit that look visually.

Now you’ve got a semi-transparent red window — no title bar, just vibes 😎

Fancy Icons

CET comes with a built-in library of glyphs (icon characters). They can be used anywhere text is accepted: button labels, window titles, tooltips, etc.

Browse icons at Material Design Icons, but note: the names are slightly different in CET’s file \cyber_engine_tweaks\scripts\IconGlyphs\icons.lua. For example: clock-outline on the MDI site = ClockOutline in CET.

We’ll give our red ghost window an absurd glyph-based title:

Layered Elements

This is a sneaky trick that works surprisingly well. ImGui allows negative spacers using ImGui.Dummy(), which acts as offset padding.

If you know the dimensions of an element, you can "rewind" the layout and overlap another — useful for custom toggles or visual gimmicks.

For instance, in CharLi I use a fake slider overlaying a transparent button — so the button handles input, while the slider delivers the style.

Step 1: Transparent Button

Step 2: Rewind

Step 3: Styled Slider Overlay

IMPORTEND: If a widget has no label (""), use PushID / PopID — otherwise, identical elements will share state and behave unpredictably.

And voilà — you’ve got a fully-styled, interactable FrankenWidget with decoupled input and visuals. Like dark UI necromancy in Lua 😄

This technique only works when you know the exact width of the elements and apply it on the same horizontal line. Vertical overlap between different rows isn’t possible — ImGui’s layout is strictly line-based.

to be continued...

GameOptions Has

Unfortunately, there's no method in the GameOptions family to check whether an option actually exists. Even worse: the return values of Get* methods can be misleading. If GameOptions.GetBool() returns false, there's no way to tell whether that's the actual setting — or just the fallback response for a non-existent option.

LUA Snippet

So I wrote a small workaround that helps with auto-detection. Note: It doesn’t prevent the “not found” message from appearing in the CET console.

Crashes Caused by Variable Names

Some bugs only show up once you launch the game — not while writing your CET mod. You might wonder why the game won’t start and spend half a day hunting for the cause. So I’m documenting these to help others avoid the same traps.

LUA Snippet

Defining a local variable with a leading underscore in global space can prevent Cyberpunk (and CET) from launching altogether.

Back when the web was still young, every corner buzzed with creativity and playful experimentation. Surfing the net was exciting — full of surprises and character. But as success poured in, the web grew dull. Webshops now look eerily alike, blogs became visually and technically interchangeable, and the major platforms began to define what the internet should look like. It’s not that everything brought by the years was bad, but the web feels increasingly generic — especially when browsing without accepting cookies or with JavaScript turned off. Suddenly, many sites fall apart or reveal how little attention was paid to detail.

So I decided to explore how far one can go with a rather classical structure, fused with modern techniques. The result: RootPunk.com, a multithreaded, microcached, single-request one-page monster. It uses entirely optional JavaScript and runs cookie-free. It’s effectively a counter-proposal to the bloated complexity of many modern websites.

The goal was to cover all essentials with a single request — background, logo, font, icons. Even the favicon is injected via base64, and the music player’s default track loads inline. Only gallery images are deferred, pulled in via the browser’s native lazy load once a section is opened. In short, visitors receive a complete package — self-contained, efficient.

The entire payload of that single request clocks in at under 130KB — about the size of a single background image on other sites.

If you ask the internet, base64 injection is “bad practice” — but it forgets that gzip compression easily offsets any added bulk. You save on extra requests, and when your entire site is effectively a single page, the browser doesn’t need to cache fragmented resources. It just needs one shot.

The foundation is a lean Linux system powered by a custom-built Nginx and a tuned PHP FastCGI backend. Optimized builds of Zlib, OpenSSL, and MozJPEG support the infrastructure. Thanks to its lightweight worker architecture, Nginx is the perfect base to execute multithreading via asynchronous SSI. With enough workers and processor cores, requests are handled extremely quickly and bottlenecks are avoided. The asynchronous nature requires some attention, especially when passing data to subrequests. While Base64 proved unsuitable for SSI requests, Base58 turned out to be a viable alternative — available via Pecl as a PHP extension.

Additionally, Nginx is instructed to process SSI requests inside CSS and JavaScript files, adding even more flexibility:

Since Nginx reacts to any SSI instruction, it also processes dynamically generated requests from the PHP backend. This enables near-unlimited branching — provided the system has enough workers ready. Everything runs asynchronously, creating an environment that scales beautifully across multicore machines.

To bypass browser-imposed connection limits, Nginx serves static, cached images from three shard domains. This works for both HTTP and HTTPS and is configured directly in the Nginx setup — no need to wait for headers in the HTML:

There are also dedicated location blocks in Nginx to enable direct access to thematic categories:

The filesystem cache from Linux and the PHP OpCache already do a solid job — but why stop when there’s room for more? Almost all backend helpers are equipped with APCu caching, accelerating compute-heavy tasks and filesystem operations. The APCu PHP extension is available via Pecl. Whether it's the Markdown parser, the Base64 encoder, or the CSS/JS minifier — every part is cached.

The core idea is to use APCu TTL-based keys, allowing automatic cleanup without the need for extra logic. For larger projects, it's wise to keep an eye on memory consumption or lower the TTL. A typical key looks like this:

So if a CSS file changes, it's granularly re-cached without affecting the rest of the cache. The TTL here defaults to 7 days, after which keys expire on their own. The same functionality could be implemented with Redis — but APCu tends to be a bit faster thanks to its direct PHP integration. Beyond that, specialized helpers generate CSS (e.g. for the image gallery) and the corresponding HTML. Thanks to the SSI architecture, this works in parallel and scales elegantly.

Essential classes like Shared, Parsedown, and a custom parser are preloaded in PHP for immediate availability — paired with a fallback mechanism, just in case. A simple ping is all it takes:

Each helper pings Shared first and loads it only if not yet present:

Core Components

• B64 → Encodes fonts, logos, background images, and favicon inline via Base64
• MAD → Filters Parsedown output to keep Markdown slim
• MIN → Minifies CSS and JS efficiently
• ISM → Image scaler (no APCu, as Nginx delivers images directly)

Additional Helpers

• PLAY-JS → Generates the JavaScript playlist

• PLAY-LIST → Builds the HTML playlist for the music player

• VIEW-CSS → Creates CSS IDs to expand gallery views

• VIEW-LIST → Builds gallery scaffolding from its config

• VIEW-SCAN → Generates HTML for images & overlays, distributing content randomly across shards

VIEW-LIST is unique in that it fires further SSI requests to VIEW-SCAN, letting images load asynchronously and in parallel.

The main and subnavigation are controlled via hidden radio buttons whose state determines visual flow. Thanks to dedicated Nginx location blocks, the appropriate radio is preselected using a checked attribute right from the start. The music player is activated via a checkbox, as is the expansion of gallery views.

Certain HTML elements like <s>, <i>, <b>, and <u> have been repurposed to conserve markup where possible. Overall, excessive layering has been avoided — the structure relies on minimal HTML to keep the request payload as lean as possible.

The typeface used is a stripped-down font where only the necessary icons were inserted manually. With a footprint of just 18.5 KB, it’s highly efficient and is embedded directly, making it instantly available — no font swaps required. The largest asset is the background image: an AVIF file at 50% quality, clocking in at 29.5 KB. The small and large logos were compressed using an SVG optimizer and weigh in at just 1.7 KB and 2.5 KB, respectively — almost negligible.