PHPackages                             erdmannfreunde/optimist-theme-bundle - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. erdmannfreunde/optimist-theme-bundle

ActiveContao-theme

erdmannfreunde/optimist-theme-bundle
====================================

OPTIMIST Theme Bundle

3.0.2(1y ago)17541↓100%6LGPL-3.0-or-laterSCSSPHP ^8.1

Since Apr 20Pushed 9mo ago5 watchersCompare

[ Source](https://github.com/erdmannfreunde/optimist-theme-bundle)[ Packagist](https://packagist.org/packages/erdmannfreunde/optimist-theme-bundle)[ Docs](https://erdmann-freunde.de/contao-themes/optimist)[ GitHub Sponsors](https://github.com/erdmannfreunde)[ RSS](/packages/erdmannfreunde-optimist-theme-bundle/feed)WikiDiscussions 3.x Synced today

READMEChangelog (10)Dependencies (12)Versions (21)Used By (0)

CONTAO THEME OPTIMIST
=====================

[](#contao-theme-optimist)

OPTIMIST ist ein kostenloses Contao Theme für einfache Websites.

- [Weitere Infos](https://erdmann-freunde.de/contao-themes/optimist)
- [Demo](http://optimist.contao-theme.de/)

1. Voraussetzungen und Abhängigkeiten
-------------------------------------

[](#1-voraussetzungen-und-abhängigkeiten)

- Contao 5.3 LTS
- [nutshell-framework/assets](https://github.com/nutshell-framework/assets)
- [contao-grid-bundle](https://github.com/erdmannfreunde/contao-grid-bundle)
- [contao-ping-bundle](https://github.com/erdmannfreunde/contao-ping-bundle)

Die Erweiterungen automatisch bei Installation des Themes mitinstalliert. Bei der Installation der Ping-Erweiterung werden Informationen über Domain, Version des Themes und Datum der Installation (bzw. Aktualisierung) an uns übermittelt.

2. Download &amp; Installation
------------------------------

[](#2-download--installation)

Wie du das Theme installierst, erfährst du in dieser [Video-Anleitung](https://erdmann-freunde.de/produkte/contao-themes/optimist/installation).

3. Tipps für Einsteiger
-----------------------

[](#3-tipps-für-einsteiger)

Du möchtest wissen, wie du die Farben und Schriften änderst, Abstände anpasst oder das Grid verwendest? Dann melde dich für den kostenlosen Kurs „Bessere Websites mit OPTIMIST“ an:

[Zur Anmeldung](https://erdmann-freunde.de/optimist-kurs)

4. CSS-Klassen Übersicht
------------------------

[](#4-css-klassen-übersicht)

GruppeCSS-KlasseErklärungzugehörige Datei**Abstände**`m-t-1` bis `m-t-5`Einfacher bis Fünffacher Außenbstand nach oben (m-t = margin-top). Als Basis dient `--base-spacing-unit`trumps/\_helper`m-b-1` bis `m-b-5`Einfacher bis Fünffacher Außenabstand nach untentrumps/\_helper`p-t-1` bis `p-t-5`Einfacher bis Fünffacher Innenabstand nach obentrumps/\_helper`p-b-1` bis `p-b-5`Einfacher bis Fünffacher Innenabstand nach untentrumps/\_helper**Überschriften**`heading--1` bis `heading--6`Überträgt die Größe und Abstände einer Überschrift auf das verwendete Element. Beispiel: Um eine Überschrift H2 wie eine H1 aussehen zu lassen, gibt man der Überschrift die CSS-Klasse heading--1base/\_type`heading--left`Überschrift linksbündigbase/\_type`heading--center`Überschrift zentriertbase/\_type`heading--right`Überschrift rechtsbündigbase/\_typeTexte`text--left`Text linksbündigbase/\_type`text--center`Text zentriertbase/\_type`text--right`Text rechtsbündigbase/\_type`text--attention`Stellt den Text größer und mit 75% Deckkraft dar. Die Klasse kann auch direkt im TinyMCE-Editor ausgewählt werdenbase/\_type`text--alert`Gibt dem Text einen 2px Rahmen und Innenabstandbase/\_type`text--narrow`Begrenzt die maximale Breite des Textes auf 9/12 bzw. 7/12 (je nach Viewport) und richtet ihn mittig ausbase/\_type`checklist`Fügt einer ungeordneten Liste ein Häckchen-Icon hinzubase/\_type`card`Fügt dem Text einen Rahmen und Schatten bei Hover hinzu. Ändert außerdem die Reihenfolge von Bild und Überschrift (sofern vorhanden)components/\_card mixins/\_general`fact`Ändert die Reihenfolge von Bild und Überschrift (sofern vorhanden) und richtet das Bild linksbündig auscomponents/\_facts**Bilder**Bilder werden standardmäßig mittig ausgerichtet, sofern sie kleiner als der übergeordnete Container sind`image--left`richtet das Bild linksbündig im Container auscomponents/\_media (Nutshell)`image--center`richtet das Bild mittig im Container auscomponents/\_media (Nutshell)`image--right`richtet das Bild rechts im Container auscomponents/\_media (Nutshell)`image--border`Fügt dem Bild einen Rahmen hinzucomponents/\_media**Links**`btn--primary`Macht aus dem Link einen Button in der Primärfarbe. Die Klasse kann auch direkt im TinyMCE-Editor ausgewählt werdencomponents/\_links`btn--secondary`Macht aus dem Link einen Button in der Sekundärfarbe. Die Klasse kann auch direkt im TinyMCE-Editor ausgewählt werdencomponents/\_links**Artikel**`article--bubble-left`Fügt dem Artikel auf der linken Seite eine Blase als Hintergrundbild hinzubase/\_layout`article--bubble-right`Fügt dem Artikel auf der rechten Seite eine Blase als Hintergrundbild hinzubase/\_layout`article--tint`Fügt dem Artikel eine getönte Hintergrundfarbe hinzu, festgelegt in `--color-band-tint-background`base/\_layout`article--highlight`Fügt dem Artikel eine kräftige Hintergrundfarbe hinzu, festgelegt in `--color-band-highlight-background`base/\_layout`article--dark`Fügt dem Artikel eine dunkle Hintergrundfarbe hinzu, festgelegt in `--color-band-dark-background`base/\_layout`article-[viewport]-[cols]`Gibt dem Artikel ab dem genannten Viewport eine maximale Breite auf Basis des zwölfspaltigen Grid. Beispiel: article-lg-10 bedeutet, dass der Inhalt des Artikels auf 10/12 Breite reduziert wird.trumps/\_helper`article-start-[viewport]-[cols]`Wird in Verbindung mit article-\[viewport\]-\[cols\] genutzt. Legt fest, ab welcher Spalte das Element ab dem genannten Viewport in einem zwölfspaltigen Layout beginnen soll. Bsp.: article-start-lg-2 bedeutet, dass der Inhalt des Artikels ab dem LG-Viewport in der zweiten Spalte starten soll.trumps/\_helper**Hilfsklassen**`text--inverted`Invertiert die Textfarbe, basierend auf der Variable `--color-text--inverted`trumps/\_helper`border-top`Fügt dem Element/Artikel einen Rahmen oben hinzutrumps/\_helper`border-bottom`Fügt dem Element/Artikel einen Rahmen unte hinzutrumps/\_helper`block--center`Platziert das Element mittig (margin-left/-right: auto)trumps/\_helperDevelopment notes:
------------------

[](#development-notes)

Code style:

```
vendor/bin/ecs check src --fix
```

###  Health Score

44

—

FairBetter than 92% of packages

Maintenance49

Moderate activity, may be stable

Popularity26

Limited adoption so far

Community15

Small or concentrated contributor base

Maturity73

Established project with proven stability

 Bus Factor1

Top contributor holds 89.9% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Every ~98 days

Recently: every ~59 days

Total

20

Last Release

294d ago

Major Versions

1.3.0 → 2.0.02023-01-11

2.0.3 → 3.0.02024-09-27

1.x-dev → 3.x-dev2025-06-02

PHP version history (3 changes)1.0.0PHP ^7.1

1.1.9PHP &gt;=7.1

3.0.0PHP ^8.1

### Community

Maintainers

![](https://www.gravatar.com/avatar/d0c18094f552ca25ac29a9ef3763092f24b2be3158b2d047e644eef8a8a10282?d=identicon)[erdmannfreunde](/maintainers/erdmannfreunde)

---

Top Contributors

[![denniserdmann](https://avatars.githubusercontent.com/u/3773697?v=4)](https://github.com/denniserdmann "denniserdmann (80 commits)")[![richardhj](https://avatars.githubusercontent.com/u/1284725?v=4)](https://github.com/richardhj "richardhj (7 commits)")[![katgirl](https://avatars.githubusercontent.com/u/1223243?v=4)](https://github.com/katgirl "katgirl (2 commits)")

---

Tags

contaothemeerdmannfreundeoptimist

### Embed Badge

![Health badge](/badges/erdmannfreunde-optimist-theme-bundle/health.svg)

```
[![Health](https://phpackages.com/badges/erdmannfreunde-optimist-theme-bundle/health.svg)](https://phpackages.com/packages/erdmannfreunde-optimist-theme-bundle)
```

###  Alternatives

[contao/managed-edition

Contao Managed Edition

17104.6k](/packages/contao-managed-edition)[contao-themes-net/mate-theme-bundle

mate theme bundle for Contao 5

1019.0k1](/packages/contao-themes-net-mate-theme-bundle)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)
