Skip to Content

Visible Input Fields — Filled Style

by
Odoo
v 19.0 Third Party 2
Download for v 19.0 Deploy on Odoo.sh
Backend themes might not work with Odoo Enterprise Edition. Please read the description carefully and, in doubt, ask the author before buying.
Availability
Odoo Online
Odoo.sh
On Premise
Lines of code 15
Technical Name web_field_outline
LicenseLGPL-3
Versions 18.0 19.0
You bought this module and need support? Click here!
Availability
Odoo Online
Odoo.sh
On Premise
Lines of code 15
Technical Name web_field_outline
LicenseLGPL-3
Versions 18.0 19.0
Visible Input Fields

Your users should never have to hover-hunt for a field again.
✓ Zero configuration  •  ✓ Community & Enterprise  •  ✓ Dark-mode safe  •  ✓ Pure CSS

Where am I supposed to type?

Since Odoo 16, editable fields show nothing until you hover or focus them.
New users click everywhere trying to discover what is editable.

Standard Odoo vs with this module

Order lines and list rows too

Editing a sale order line or any x2many row? Each cell shows its own fill,
so you always know exactly which cell you are typing in.

Editable list cells with filled style

Why this module

✓ Theme & dark-mode proof
The fill is mixed from the text color (color-mix + currentColor), not hardcoded. Light themes get a soft gray, dark themes a gentle lift. Works alongside any backend theme.
✓ Install and done
No settings, no setup, no learning curve. Pure CSS — no Python code, no data, no performance impact, nothing stored in your database.
✓ 100% native behavior
Hover, focus, required and invalid states are untouched. Readonly fields stay clean — only truly editable surfaces are marked.

Under the hood

The whole module is a single small stylesheet. It tints every .o_input inside form views — and mirrors the high-specificity selector Odoo uses inside editable list cells — with background-color: color-mix(in srgb, currentColor 5%, transparent). Nested input shells (tags, dropdowns, date ranges) are kept transparent so nothing gets a double wash. No JavaScript, no view inheritance, no core overrides that could break on the next Odoo update.

Compatibility

Odoo Edition Community ✓    Enterprise ✓
Hosting Odoo Online ✓    Odoo.sh ✓    On-premise ✓
Dependencies web only — no third-party libraries

FAQ

Will it conflict with my backend theme?
No. The module only adds a translucent background to inputs and changes nothing else. It has been designed to sit on top of any theme, including dark modes.
Does it slow anything down?
No. It is a few CSS rules compiled into the standard asset bundle — zero JavaScript, zero RPC calls, zero database writes.
Can I uninstall it safely?
Yes, at any time. It stores nothing in the database, so uninstalling returns your UI to stock Odoo instantly.

Questions or ideas?

We answer fast and we love feedback.
mrdil.odoo@gmail.com

Please log in to comment on this module

  • The author can leave a single reply to each comment.
  • This section is meant to ask simple questions or leave a rating. Every report of a problem experienced while using the module should be addressed to the author directly (refer to the following point).
  • If you want to start a discussion with the author, please use the developer contact information. They can usually be found in the description.