Repository navigation
Theme the Trix / ActionText editor in light and dark - #67
Merged
Merged
Conversation
Fivell
force-pushed
the
feat/trix-theming
branch
from
October 13, 2026 13:04
367ea27 to
9b29984
Compare
Trix ships with ActionText (a Rails built-in), so every ActiveAdmin app can
have a rich-text field. Theme its chrome — toolbar, editor surface, link
dialog, content pre/blockquote — off the --aa-* tokens so it follows the
palette in both modes. Trix bakes its toolbar icons into the base CSS as
black SVGs, so invert them in dark mode to keep them legible.
The app still imports Trix's own base CSS; these rules only restyle it and
are inert when no editor is present. Adds a Rich-text demo page to the dummy
app plus a screenshot task producing img/trix-{light,dark}.png.
Fivell
force-pushed
the
feat/trix-theming
branch
from
October 13, 2026 13:41
9b29984 to
ffabd05
Compare
Fivell
added a commit
that referenced
this pull request
Oct 13, 2026
Merged
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Theme the Trix / ActionText editor
Trix ships with ActionText (a Rails built-in, pulled transitively via
rails→action_text-trix), so any ActiveAdmin app can expose a rich-text field. Its chrome was previously unthemed — on a dark palette the toolbar icons (black SVGs baked into Trix's base CSS) became invisible.This themes the editor off the existing
--aa-*tokens: toolbar, editor surface, link dialog, and.trix-contentpre/blockquote. In dark mode the toolbar icons are inverted so they stay legible. The app still imports Trix's own base CSS — these rules only restyle it, and are inert when no editor is present.A Rich text demo page was added to the dummy app, plus
test/trix_screenshot.rbwhich produces the shots below.Light
Dark