Skip to content

Replace Bootstrap 3 with Tailwind CSS — dark-mode redesign#388

Merged
luispabon merged 4 commits intomasterfrom
improve-design-tailwind
Mar 12, 2026
Merged

Replace Bootstrap 3 with Tailwind CSS — dark-mode redesign#388
luispabon merged 4 commits intomasterfrom
improve-design-tailwind

Conversation

@luispabon
Copy link
Contributor

@luispabon luispabon commented Mar 12, 2026

  • Add Tailwind CSS v3 build pipeline (postcss, autoprefixer, assets/css/app.css)
  • Dark-mode-only "Deep Code" aesthetic: deep-space navy, sky-blue/indigo accents
  • Remove Bootstrap CSS and old base.css/dark.css/media-queries.css
  • Remove bootstrap-toggle entirely; replace with pure CSS toggle (appearance:none)
  • Keep bootstrap-multiselect with full dark theme overrides
  • Rewrite layout.html.twig header/footer with Tailwind utility classes
  • Switch form theme to tailwind_2_layout.html.twig; preserve .form-group and .checkbox wrappers required by main-form.js JS selectors
  • Replace Bootstrap grid in generator.html.twig with Tailwind grid/flex panels
  • Disabled database panels show greyed-out contents instead of collapsing
  • Integrate CSS build into Makefile (build-css target) and Dockerfile frontend stage
image

luispabon and others added 4 commits March 12, 2026 10:47
- Add Tailwind CSS v3 build pipeline (postcss, autoprefixer, assets/css/app.css)
- Dark-mode-only "Deep Code" aesthetic: deep-space navy, sky-blue/indigo accents
- Remove Bootstrap CSS and old base.css/dark.css/media-queries.css
- Remove bootstrap-toggle entirely; replace with pure CSS toggle (appearance:none)
- Keep bootstrap-multiselect with full dark theme overrides
- Rewrite layout.html.twig header/footer with Tailwind utility classes
- Switch form theme to tailwind_2_layout.html.twig; preserve .form-group and
  .checkbox wrappers required by main-form.js JS selectors
- Replace Bootstrap grid in generator.html.twig with Tailwind grid/flex panels
- Disabled database panels show greyed-out contents instead of collapsing
- Integrate CSS build into Makefile (build-css target) and Dockerfile frontend stage

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
@luispabon luispabon merged commit f96849e into master Mar 12, 2026
1 check passed
@luispabon luispabon deleted the improve-design-tailwind branch March 12, 2026 11:12
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