How Codex Themes Improve Your Presentation and Demo Look

2026-10-08

A codex theme presentation setup fails in predictable ways: the projector eats contrast, screen recording crushes saturation, and the font that looked sharp on your laptop turns to mush at 12pt on a shared screen. Most of it is fixable before you start sharing.

What the projector does to your presentation theme

Projectors and video calls compress your image in the same direction. Contrast goes first, then saturation, then fine detail. A theme tuned on your own monitor is tuned for a screen nobody else is looking at.

Contrast: a 12:1 ratio on your display lands near 6:1 through a projector
Saturation: mid-saturated colors lose about a third of their punch after H.264 encoding
Detail: 1px borders and thin separators disappear entirely
Brightness: the meeting room is usually lit brighter than the room where you picked the theme

Picking a codex theme for presenting

Two rules cover most of it. Push contrast above what feels comfortable to you, and cut the number of colors you depend on.

Background near-black or near-white, nothing in between. Mid-gray is where contrast goes to die
Body text at 15:1 or higher against the background
Two accent colors at most. Three or more stop reading as emphasis
Comments no dimmer than 4.5:1 against the background, since people do read them on slides
Pick error and warning colors that survive saturation loss: red and amber hold up, pink and teal do not

Font size and the demo problem

A theme cannot fix a 12px font, but it can make one worse. Low contrast text at small sizes is the most common complaint in recorded demos.

Bump the editor font two steps above your daily setting before you record
Turn the wallpaper off or drop opacity under 20 percent
Disable animation effects, since screen recorders drop frames and the motion stutters
Collapse the parts of the UI you are not going to talk about

A five minute pre-demo checklist

Switch to the presenting theme before you join the call, not after
Once you share, look at it from a second device if you have one
Open the file you plan to show, not a scratch buffer
Check the comment color, which is the first thing to wash out
Take one screenshot and view it at 50 percent scale

Recording versus live

Recorded demos are less forgiving than live ones. Viewers watch on phones, often at half brightness, and they cannot ask you to zoom in.

Record at 2x scale if your tool supports it
Raise saturation one notch rather than two, since encoding amplifies it
Avoid pure white backgrounds, which blow out on OLED phone screens

Frequently asked questions

Do I need a separate presentation theme?

One is enough for most people. Keep your daily theme for reading and writing, then save a second high-contrast preset for anything you show on a screen. Switching from the tray takes a few seconds.

Which colors survive screen sharing best?

High-contrast pairs: a near-black background with near-white text plus one bright accent. Red and amber keep their meaning after compression. Pink, teal and desaturated purple tend to flatten into gray.

Should I turn off the wallpaper during a demo?

Usually yes. A background image lowers body text contrast and adds visual noise that competes with the code you are explaining. If branding requires it, drop opacity below 20 percent.

How do I check contrast before going live?

Take a screenshot and look at it on your phone at half size. If the comments are hard to read there, raise the comment color first. Most built-in themes need one adjustment rather than a rebuild.

See themes built for contrast →

Tune your own palette →

Finished palettes are at /en/gallery, the tuning panel sits at /en/guides/customize, and the picking logic is at /en/guides/best-codex-themes. To try it yourself, download from codex-skin-studio.shop and switch from the tray whenever you like.