Skip to content

Theme the companion datetimepicker via --aa-datetimepicker-* bridge vars - #65

Merged
Fivell merged 1 commit into
masterfrom
feat/datetimepicker-var-bridge
Oct 13, 2026
Merged

Fivell merged 1 commit into
masterfrom
feat/datetimepicker-var-bridge

Conversation

@Fivell

@Fivell Fivell commented Oct 13, 2026

Copy link
Copy Markdown
Member

Feed the companion active_admin_datetimepicker's --aa-datetimepicker-* inputs from this theme's --aa-* palette on :root.

When both plugins are used, the xdsoft date-time picker is themed automatically — accent, surfaces, text, border and hover — in both light and dark mode, with no per-app overrides. The bridge vars point at the --aa-* custom properties, which are themselves redefined per mode (dark palette), so a single set on :root covers both.

  • Inert no-op when active_admin_datetimepicker isn't installed (nothing reads the vars; 7 harmless custom properties).
  • A host can still override any --aa-datetimepicker-* downstream.

Lets consumers drop the :root { --aa-datetimepicker-*: var(--aa-*) } block and the local .xdsoft_* / dark-mode overrides they used to carry.

Feed active_admin_datetimepicker's --aa-datetimepicker-* inputs from the theme
palette on :root, so when both plugins are used the xdsoft picker is themed in
light and dark with no per-app overrides. The bridge points at the --aa-* vars
(redefined per mode), so one set covers both; it is an inert no-op when the
datetimepicker plugin is absent.
@Fivell
Fivell merged commit f84d3a1 into master Oct 13, 2026
3 checks passed
@Fivell
Fivell deleted the feat/datetimepicker-var-bridge branch October 13, 2026 11:47
@Fivell Fivell mentioned this pull request Oct 20, 2026
senid231 pushed a commit to senid231/active_admin_theme that referenced this pull request Nov 4, 2026
Minor, not major: the variable contract only grows - $skinTitleBarHeight
joins it - and nothing that worked against 3.1.1 stops working. Several
defaults do look different, and the Upgrading section now spells them out.

What moved since 3.1.1:

  activeadmin-plugins#74  a title-bar dropdown opens under its own button again
  activeadmin-plugins#73  button_to action items stay on the title bar's row
  activeadmin-plugins#72  a wigu/all umbrella require; title-bar dropdowns right-align
  activeadmin-plugins#71  the header, title bar and flash bar are pinned to the viewport and
       index-table headers stick, with per-table opt-outs
  activeadmin-plugins#70  date-range filters laid out with flexbox
  activeadmin-plugins#69  documentation for crisscross highlighting and the Trix editor
  activeadmin-plugins#68  crisscross cell highlighting for index tables
  activeadmin-plugins#67  Trix / ActionText editor themed in light and dark
  activeadmin-plugins#65  --aa-datetimepicker-* bridge variables
  activeadmin-plugins#64  utility nav with the server clock, theme switch and glyph logout
  activeadmin-plugins#63  dark-mode interactive states
  activeadmin-plugins#62  dark styling for select2 and tom-select

The npm package moves with it: src/ is regenerated from app/assets by the
prepare script, so the Sprockets and bundler consumers ship the same files.
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