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 11mo 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 1mo ago 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 & 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 91% of packages Maintenance47 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 340d 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 >=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 17105.4k1](/packages/contao-managed-edition)[codefog/contao-news_categories News Categories bundle for Contao Open Source CMS 3183.3k6](/packages/codefog-contao-news-categories)[pdir/social-feed-bundle Social feed extension for Contao CMS 1414.8k](/packages/pdir-social-feed-bundle)[contao-themes-net/mate-theme-bundle mate theme bundle for Contao 5 1219.2k1](/packages/contao-themes-net-mate-theme-bundle) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)