Free tool

Projx Theme Builder

Style your DriveWorks™ 22 forms from a handful of choices. Pick a primary color, text, and surface, then set a typeface, density, and corner radius — the builder derives every border, hover, selection, disabled, and focus state and writes a ready-to-drop ProjectStyles.css (or GroupStyles.css), with a live preview of the real Integration Theme controls as you go.

Runs entirely in your browser. Your colors and the generated CSS never leave your machine — nothing is uploaded.

No install and no build step — the builder runs in this page. Use the preset chips for a starting point, then tweak the palette and watch the preview update live.

What it does

The builder targets DriveWorks™ 22’s Integration Theme — the set of CSS custom properties DriveWorks™ exposes on its native form controls. You set a small palette plus a few type and shape options; it expands those into the full --dw-* contract and writes a single stylesheet. Drop the file next to your project as ProjectStyles.css, or at the group level as GroupStyles.css, and DriveWorks™ Desktop and Live pick it up automatically. No SDK, no rebuild, nothing to install.

What you control:

Three-color palette — primary, text (ink), and surface
Borders, hovers, selection, disabled and focus states all derived automatically
Optional accent for links and an opt-in CTA color for promoted buttons
Light, dark, or system mode (auto prefers-color-scheme)
Typeface, base font size, and corner radius
Density — compact, comfortable, or spacious (sets padding, spacing, and control sizing together)
Caption alignment and weight for field-style controls
Scope: theme every control, or only those tagged styled
Per-control opt-out with a no-style Metadata tag
Live preview of the native controls, plus View / Copy / Download of the CSS

How to use it

Set your palette — primary, text, and surface — then adjust the typeface, base size, density, and corner radius. The preview updates as you go.
Optional: turn on an accent for links or a call-to-action color for promoted buttons, and choose Light, Dark, or System mode.
Pick a scope (all controls, or only controls you tag styled) and whether you’re styling a single project or a whole group.
Click Download to save ProjectStyles.css (or GroupStyles.css). View CSS and Copy are there too if you’d rather paste it.
Drop ProjectStyles.css in the same folder as your .driveprojx file, or GroupStyles.css in the Group Content folder. DriveWorks™ loads it automatically — no rebuild.

To hand-tune later, edit the --t-* tokens at the top of the generated file; everything else recalculates from them. To leave a control alone — say one whose look you drive with a Rule — tag it no-style in Form Design → General → (Metadata), and the theme never touches it.

Want a fully branded DriveWorks™ form, or a hand wiring up a project?

Let's talk

Projx Theme Builder is an independent tool from Base 10 Consultants. It is not affiliated with, endorsed by, or tested by DriveWorks™ Ltd. DriveWorks™ is a trademark of DriveWorks Ltd.