Theme anpassen

Wenn du das Theme grafisch anpassen möchtest (und ich bin mir sicher, du möchtest das), dann findest du die entsprechenden Dateien im folgenden Verzeichnis:

/files/theme/scss/

Du kannst aber auch den /theme-Ordner kopieren, um nach Anpassungen schnell mal zwischen den Originalzustand und deinen Anpassungen springen zu können.

/assets/nutshell/

Der Ordner /assets/nutshell ist das Nutshell Framework, auf dem alle unsere Contao Themes basieren. Hier solltest du auf keinen Fall Änderungen machen, da diese Änderungen im Falle eine Updates überschrieben werden würden.

Du solltest deine Änderungen ausschließlich in files/theme vornehmen. Du kannst auch neue Dateien erstellen und sie über die default.scss importieren.

Das Aussehen des Themes wird maßgeblich über eine Vielzahl von Custom Properties auch bekannt als CSS-Variablen gesteuert.

• Alle Custom Properties (für Farben, Schriften, Abstände, Größen usw.) stehen in der _variables.scss
• Zusätzliche Sass-Variablen (für die Anzahl der Spalten im Grid, Breakpoints und ein paar mehr) findest du in der _config.scss
• Variablen bisher nur in dem zugrundeliegenden Basis-Framework Nutshell verwendet werden, können ebenfalls über die _variables.scss bzw. _config.scss überschrieben werden.