Search by

zofe / theme-tabler

zofe

Tabler theme for rapyd-admin: the Tabler admin template (Bootstrap 5) as the admin, public and auth layouts.

Package info

github.com/zofe/theme-tabler

Language:Blade

pkg:composer/zofe/theme-tabler

Statistics

Installs: 6

Dependents: 0

Suggesters: 0

Stars: 0

Open Issues: 0

v0.1.5 2026-09-15 13:18 UTC

This package is auto-updated.

Last update: 2026-09-15 13:18:20 UTC


README

Tabler (MIT, Bootstrap 5) as the admin, public and auth layouts of Rapyd Admin. It follows the layout contract in docs/THEMES.md of the package: same modules, same x-rpd:: components, a different shell.

Rapyd Admin with the Tabler theme, dark mode

Light mode

Rapyd Admin with the Tabler theme, light mode

Install

composer require zofe/theme-tabler
php artisan vendor:publish --tag=laravel-assets --force   # public/vendor/themes/tabler
RAPYD_THEME=tabler

php artisan rpd:theme:check confirms the theme fulfils the contract. Remove the variable to go back to the bundled look.

What it changes

  • resources/views/{app,admin,frontend,auth}.blade.php and includes/: Tabler's vertical sidebar (navbar-vertical), top navbar with search, user menu and light/dark toggle, page-wrapper with breadcrumbs and the content.
  • resources/views/rpd/components/: nav-dropdown, nav-link, nav-item rendered as Tabler sidebar items, so the menus of the modules need no change.
  • resources/sass/theme.scss: Tabler + Bootstrap variables + rapyd-base (the rapyd components), with the runtime palette mapped onto Tabler's --tblr-* variables: RAPYD_PRIMARY & co. keep working.
  • resources/js/theme.js: rapyd's rapyd-core (Bootstrap, TomSelect, modals, theme switcher, livewire-sortable). Tabler's own JS is not needed.
  • Dark mode: Tabler's native data-bs-theme="dark", toggled by the rapyd theme switcher.

Build

composer install        # brings zofe/rapyd-admin, whose resources the build imports
npm i
npm run dev             # vite build --watch → public/
npm run build

Status: first version, a proof of the theme contract. Font Awesome (used by the rapyd components) and Inter are loaded from CDNs; Tabler icons are not included.