XOOPS Web Application System :: Forum

xTailwind2: A Sharper Tailwind Theme for XOOPS [by Mamba]

Sun, 05 Apr 2026 00:30:27 +0000

XOOPS Design Team::xTailwind2: A Sharper Tailwind Theme for XOOPS
800) this.width=800" />

xTailwind2 is a new Tailwind CSS and DaisyUI-powered theme for XOOPS 2.5.11+, created to deliver a more polished and modern front-end experience. Instead of feeling like a generic utility-based skin, it focuses on stronger visual hierarchy, cleaner content presentation, and a more intentional overall atmosphere.

The theme introduces a floating glass-style navigation bar, a more editorial homepage hero, quieter side rails, and a refined central content canvas that helps articles and module content stand out. It also includes six curated palettes, with both light and dark moods, so the site can shift personality without losing consistency.

Under the hood, xTailwind2 keeps the flexibility of Tailwind CSS while tightening the design system around XOOPS itself. Blocks, typography, tables, links, and other raw XOOPS output are styled to feel more cohesive, and the theme switcher remembers the visitor’s preferred light and dark palette choices for a smoother experience.

If you want a XOOPS theme that feels lighter, more contemporary, and more design-driven than a standard framework port, xTailwind2 is a strong step forward.

Download: https://github.com/mambax7/xtailwind2

Happy Theming!

xTailwind — a fresh Tailwind CSS theme for XOOPS 2.5.11+ [by Mamba]

Sun, 05 Apr 2026 00:28:57 +0000

XOOPS Design Team::xTailwind — a fresh Tailwind CSS theme for XOOPS 2.5.11+
800) this.width=800" />

We're excited to introduce xTailwind, a new theme for XOOPS 2.5.11+ that brings the modern utility-first approach of Tailwind CSS to the XOOPS ecosystem. Paired with DaisyUI's elegant component library, xTailwind gives site administrators and developers a fresh alternative to Bootstrap-based themes — without sacrificing any of the features you expect.

Why Tailwind?

Tailwind CSS has reshaped how modern websites are built. Instead of pre-styled components you override and fight against, Tailwind provides small utility classes you compose to build exactly what you want. The result is less CSS, more control, and designs that don't all look the same.

DaisyUI sits on top of Tailwind to bring back the convenience of semantic component classes — btn, card, navbar, modal, dropdown — along with a built-in theming system. It's the best of both worlds: utility-first flexibility when you need it, ready-made components when you don't.

34 Themes, One Click Away

xTailwind ships with DaisyUI's full collection of 34 pre-built themes: light, dark, cupcake, corporate, cyberpunk, synthwave, dracula, forest, sunset, nord, and many more. Users can switch between them live from the navbar, with no page reload.

The switcher is accompanied by a clean Light/Dark toggle button with a translatable text label. Both preferences are saved to the visitor's browser and persist across sessions. A tiny inline script applies the saved theme before the page paints, so there's never a flash of the wrong colors.

Drop-In Simplicity for Site Admins

We know most XOOPS site administrators aren't JavaScript developers, and we respect that. xTailwind is a true drop-in theme: download it, copy it into your themes/ directory, activate it in XOOPS admin, and you're done. The compiled CSS ships with the theme. No Node.js. No npm. No build step.

Developers who want to customize styles, add components, or bundle a new DaisyUI theme can still do all of that — the source files are right there in the repo, and rebuilding takes one command. But that's an opt-in path, not a requirement.

Built for the Modern Web

Behind the scenes, xTailwind embraces everything that makes modern web development pleasant:

- Alpine.js for declarative interactivity — dropdowns, mobile navigation, toasts, and modals all work without a single custom JavaScript file. Shared from xoops_lib/Frameworks/alpine/ so multiple Tailwind themes can use the same copy.
- XoopsFormRendererTailwind — a brand-new form renderer contributed to XOOPS core that outputs native DaisyUI form components. Every XOOPS form (user registration, admin preferences, module settings) renders with proper Tailwind styling, matching whichever DaisyUI theme is active.
- Native RTL support via Tailwind's logical properties (ms-/me-, text-start/text-end) and the XOOPS _TEXT_DIRECTION constant. Arabic, Hebrew, and Persian sites get correct mirroring automatically.
- WCAG AA contrast baked into every DaisyUI theme's color palette.
- Self-hosted with no external CDN dependencies, following the same principle as xSwatch5.

A New Architecture, Not a Replace...

xSwatch5 v2.0 — Bootstrap 5.3 Arrives, With a Twist You Can Actually See [by Mamba]

Sat, 04 Apr 2026 16:24:43 +0000
XOOPS Design Team::xSwatch5 v2.0 — Bootstrap 5.3 Arrives, With a Twist You Can Actually See
800) this.width=800" />

We're thrilled to announce the release of xSwatch5 v2.0, a complete refresh of the beloved xSwatch theme family for XOOPS. This release brings your site into the modern web with Bootstrap 5.3.8, and adds some features we think you'll genuinely enjoy using every day.

Pick Your Look, Live

The headline feature is the brand-new Theme Switcher right in your navbar. With a single click, your visitors can instantly switch between any of the 21 bundled Bootswatch variants — Cerulean, Cosmo, Slate, Darkly, Lux, Minty, and more. No page reload, no admin panel, no fuss. Their choice is remembered across visits.

Even better: the switcher builds its list automatically from the theme's CSS folders. Drop a new variant directory in, and it appears in the dropdown. No configuration, no code changes, no cache to clear.

Light Mode, Dark Mode, Your Call

Right next to the theme picker lives a Dark/Light toggle button with a clear label so users always know what they'll get. It uses Bootstrap 5's native Color Modes API, which means each Bootswatch variant now includes both light and dark styles in a single CSS file. That's half the CSS payload compared to the old dual-stylesheet approach.

On first visit, the theme respects the visitor's OS preference. Once they make a choice, it sticks — saved to browser storage with no cookies, no tracking, no HTTP overhead. A tiny script runs before the page paints, so there's never a flash of the wrong theme.

Right-to-Left, Out of the Box

For the global XOOPS community, v2.0 ships with automatic RTL support. The theme reads the _TEXT_DIRECTION constant from your language pack and Bootstrap 5's logical properties handle the rest — spacing, alignment, dropdowns, and layouts all mirror correctly for Arabic, Hebrew, Persian, and other RTL languages.

The Foundation: Modern, Accessible, Clean

Under the hood, every template has been rebuilt for Bootstrap 5.3.8. That meant touching dozens of files across the main theme and module overrides for 13 popular XOOPS modules — newbb, publisher, wggallery, xoopsfaq, and more. Along the way we:

- Dropped jQuery dependency from Bootstrap (XOOPS core still uses it, but the theme itself is vanilla JS)
- Tightened WCAG AA contrast across every color combination in every variant
- Fixed absolute image paths so subdirectory installs work correctly
- Cleaned up dead code, duplicate selectors, and BS3 leftovers
- Switched to the current form renderer (XoopsFormRendererBootstrap5)

Compatibility

xSwatch5 v2.0 works on XOOPS 2.5.11 and later. The theme runs cleanly on 2.5.11 with RTL auto-detection becoming active on 2.5.12+. PHP 8.2 or newer required.

A Family Legacy

This release stands on the shoulders of years of community work. The xSwatch story began in 2016 with Richard Griffith's (Geekwright) original theme, evolved through Bootstrap 3 and 4, and got its first Bootstrap 5 migration from Alain01 in 2023. v2.0 builds on all of that — keeping what worked, polishing what didn't, and adding the live theme switching that users have...

Complexity theme version 1.5.1 -- Final Minor Release [by wishcraft]

Mon, 11 Dec 2017 09:01:17 +0000
XOOPS Design Team::Complexity theme version 1.5.1 -- Final Minor Release
To Mamba,

Can you test this and let me know if it is ready for packaging and release news, you need to pull https://github.com/Chronolabs-Cooperative/Complexity-Theme-Xoops25 into /themes/complexity

This is version 1.5.1

Screenshot:

300) this.width=300" />

Re: Complexity Theme 1.41 - Final Release - Missing Parenthesis [by wishcraft]

Wed, 06 Sep 2017 18:30:45 +0000
XOOPS Design Team::Complexity Theme 1.41 - Final Release - XOOPS 2.5
There was only one bug in the release for some reason the committal released the parenthesis of an accented php line in the theme see: https://github.com/Chronolabs-Cooperative/Complexity-Theme-Xoops25/commit/fc345dd02c78d43f934e0a6e19a5e2afec144f01

Re: New Topic Icon for the Forum [by Skypilot]

Sat, 12 Mar 2016 18:33:48 +0000
XOOPS Design Team::New Topic Icon for the Forum
Hi Mamba,

Thanks for your help. I did that process the first time and did not work. I have to uninstall the Forum module and reinstall it to make it work. Was able to set the permissions then.

I'm on that savvy with the site developments, but I'm getting there. This is my first one.

Thanks again!

Re: New responsive theme for XOOPS [by Mamba]

Sun, 20 Dec 2015 21:25:35 +0000
XOOPS Design Team::New responsive theme for XOOPS
I've uploaded it to GitHub: https://github.com/XoopsThemes/xsimplegrid2

Re: Xoops 2.5: Complexity Theme v1.2.8 [by wishcraft]

Wed, 19 Aug 2015 10:34:24 +0000
XOOPS Design Team::Xoops 2.5: Complexity Theme v1.2.8
Only alteration i could see being done to it is this line in the keyword stuff to replace the search and remove function with a writable text file which would be

Quote:

$search = array(' with ', ' and ', ' the ', ' there ', ' their ', ' they\'re ', ' are ', ' to ', ' when ', ' on ', ' by ', ' you ',' ','.','','"',';',':','}','{','[',']','|','\\','/','=','+','-','_',')','(','*','&','^','%','$','#','@','!','~','`');

to something like

Quote:

$search = explode("\n", str_replace(array("\R\n", "\n\r", "\n\n", "\n\n\n"), "\n", file_get_contents(__DIR__ . "/search-replace.txt")));

You would have to create /themes/complexity/xotpl/search-replace.txt that contains for example the following data seperated by a line~feed.

Quote:

with
and
the
there
their
they\'re
are
to
when
on
by
you

.
,
"
'
;
:
<
>
}
{
[
]
|
\
/
=
+
-
_
)
(
*
&
^
%
$
#
@
!
~
`

Sexting version 1.2.8 - XOOPS 2.5 [by wishcraft]

Wed, 29 Jul 2015 16:32:57 +0000
XOOPS Design Team::Sexting version 1.2.8 - XOOPS 2.5

--: Chronolabs Presents :--

Sexting version 1.2.8
XOOPS 2.5 Theme

This theme covers both the HTML older and HTML5 Social meta tags as well as addresses keyword SEO Scoring with some script too prevent keyword stuffing, that is having to many repeated keyword commonalities.

It also explores embedded PHP; this is to cover the outlay and correct minimal element html tagging standard for all THEMING!! Some to generate some beautiful gradients as well as being open and ready to use download today:-

Demo:- http://2.5.xoops.themes.labs.coop (Coming Soon)

Download:- xoops2.5_theme_v1.2.8_sexting.7z ! xoops2.5_theme_v1.2.8_sexting.rar ! xoops2.5_theme_v1.2.8_sexting.tar.bz2 ! xoops2.5_theme_v1.2.8_sexting.tar.gz ! xoops2.5_theme_v1.2.8_sexting.zip ! xoops2.5_theme_v1.2.8_sexting.zoo

XOOPS 2.5 ~~ Chronolabs Themes Demo - http://2.5.xoops.themes.labs.coop [by wishcraft]

Thu, 02 Apr 2015 18:24:43 +0000
XOOPS Design Team::XOOPS 2.5 ~~ Chronolabs Themes Demo - http://2.5.xoops.themes.labs.coop
Hey all as of April 4th 2015 - I have made a theme's demo for the few themes I have worked on for the first part of the year, I will probably work on these and make some new themes you will find the demo at:

http://2.5.xoops.themes.labs.coop