Skip to content

Conversation

@emmby
Copy link
Contributor

@emmby emmby commented Nov 29, 2025

Similar to #333, this PR enable the user to specify user-defined CSS using setCustomCSS.

The CSS is served at /css/custom.css, which is empty if no user-defined CSS is specified.

In addition, a method setPanelClass is supplied which allows the user to specify user-specified CSS classes on the panel div. Using setCustomCSS and setPanelClass together enables more flexible styling changes than just using setPanelStyle or setElementStyle alone (eg. enabling styling on nested elements within the panel).

Enables more complex styling such as the styling of the table here: emmby/WatchTower#11

google-labs-jules bot and others added 16 commits November 22, 2025 22:08
This commit introduces `setCustomCSS` to the ESPUI class, allowing users to inject custom CSS into the web interface, analogous to `setCustomJS`.

Changes include:
- Added `setCustomCSS` method to `ESPUI.h` and `ESPUI.cpp`.
- Added `/css/custom.css` route handler in `ESPUI.begin`.
- Updated `src/dataIndexHTML.h` to include the link to `/css/custom.css` in both `HTML_INDEX` and `HTML_INDEX_GZIP`.
This commit introduces `setCustomCSS` to the ESPUI class, allowing users to inject custom CSS into the web interface, analogous to `setCustomJS`.

Changes include:
- Added `setCustomCSS` method to `ESPUI.h` and `ESPUI.cpp`.
- Added `/css/custom.css` route handler in `ESPUI.begin`.
- Updated `data/index.htm` to include the link to `/css/custom.css`.
- Regenerated static UI sources (minified files and C headers) using `tools/prepare_static_ui_sources.py`.
This commit introduces `setCustomCSS` to the ESPUI class, allowing users to inject custom CSS into the web interface, analogous to `setCustomJS`.

Changes include:
- Added `setCustomCSS` method to `ESPUI.h` and `ESPUI.cpp`.
- Added `/css/custom.css` route handler in `ESPUI.begin`.
- Updated `data/index.htm` to include the link to `/css/custom.css`.
- Updated `src/dataIndexHTML.h` and `data/index.min.htm` with the regenerated content including the new link.
- Reverted unintended changes to other generated files.
This commit introduces `setCustomCSS` to the ESPUI class, allowing users to inject custom CSS into the web interface, analogous to `setCustomJS`.

Changes include:
- Added `setCustomCSS` method to `ESPUI.h` and `ESPUI.cpp`.
- Added `/css/custom.css` route handler in `ESPUI.begin`.
- Updated `data/index.htm` to include the link to `/css/custom.css`.
- Regenerated static UI sources (minified files and C headers) using `tools/prepare_static_ui_sources.py` for index.htm.
- Updated README.md with usage instructions.
emmby added a commit to emmby/WatchTower that referenced this pull request Nov 30, 2025
depends on a fork of ESPUI
s00500/ESPUI#335
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant