Standard Farben von Bootstrap anpassen

[Kahmoon]

Hallo zusammen,

wie kann ich denn die Farben von bootstrap anpassen?

z.B.

.bg-dark {
background-color: #ff00cc !important;

}

Das packe ich in ein eigenes SCSS File aber im Firebug wird es durchgestrichen weil Standard Bootstrap überwiegt.


Wie passe ich das am besten an? Es gibt hier einen Generator.....aber da sind viiiiel zu viele Optionen die ich gar nicht brauche. Jedoch ganz einfach bg-dark etc finde ich da gar nicht.

https://getbootstrap.com/docs/3.3/customize/#colors

Kann mir da jemand weiterhelfen?

[Kahmoon]

Habe hier noch eine Anleitung zum Theming in BS4 gefunden.

https://getbootstrap.com/docs/4.0/ge...arted/theming/


Einbinden tue ich BS versuchsweise offline über das Filesystem. Im Layout lade ich dann nur meine custom CSS die BS importiert. Sieht aktuell so aus:

@import "bootstrap"; 


$body-bg: #000;
$body-color: #111;
$theme-colors: (
  "primary": #ff0000,
  "danger": #ff3333,
  "dark": #ccc
);

[lucina]

Du könntest es vermutlich auch in der _variables.scss setzen. Die bestimmt ja wie Du Dein Theme konfigurierst.

Alternativ geht das natürlich auch, wenn Du eine eigene _mystyles.scss anlegst und die dann includest. Dabei auf die Reihenfolge achten.

P.S.: Es gäbe auch für Bootstrap4 sowas: https://themestr.app/

[Kahmoon]

variables.scss habe ich gar nicht im Downloadpaket von BS4

Ich habe alle BS CSS Files in files/css liegen. Im Layout binde ich nur meine custom.scss ein. Da drin steht

$body-bg: #000;
$body-color: #111;
$theme-colors: (
  "primary": #ff0000,
  "danger": #ff3333,
  "dark": #ccc
);


.bg-dark {
    background-color: #ffcc00 !important;
}


@import "bootstrap";

In der Anleitung steht etwas von !default.......aber das finde ich nirgends

Every Sass variable in Bootstrap 4 includes the !default flag allowing you to override the variable’s default value in your own Sass without modifying Bootstrap’s source code. Copy and paste variables as needed, modify their values, and remove the !default flag. If a variable has already been assigned, then it won’t be re-assigned by the default values in Bootstrap.

[lucina]

Ich glaube, da ist es dann besser, nicht die kompilierten Dateien herunterzuladen und einzubinden sondern die Source Distribution. Das sollte dann auch der Ordner SCSS enthalten sein, man kann lokal (oder auch in Contao) Variablen ändern, includen was man braucht, etc.

Siehe auch meinen Vortrag dazu aus der vergangenen Woche: http://wke2018.kikmedia.org/#/9/5 etc.

[Kahmoon]

Woher weiss ich denn welche der css und js Dateien ich im Layout einbinden soll? Sind ja schon viele bei der ungepackten Version :-)

Edit:
Bei JS habe ich das bootstrap.min aus dem dist Ordner genommen.

[lucina]

;-)

Minimal brauchst Du wohl die bootstrap.scss, wenn Du Contao das kompilieren überlässt. Wenn Du lokal arbeitest, dann wird die ja auch am Ende benutzt damit ein bootstrap.css herauskommt.

Über die _mixins.scss regelst Du, welche Mixins dazu benutzt werden, und über die _variables.scss legst Du so etwas wie Farben, Rundungen, Textgrössen, etc. (eigentlich das meiste) fest. In die _mixins könntest Du beispielsweise auch eine eigene Datei mit aufnehmen.

Eigentlich solltest Du Dir mal die bootstrap.scss anschauen und Dich dann durch die Importe hangeln.

Beim Thema JS ist Contao 4.6 klar im Vorteil, weil man da die benötigten JS-Dateien mit dem Picker zusammensuchen kann.

[Kahmoon]

Ging auch ums JS. Aber da nehme ich das bootstrap.min aus dem "dist" Ordner.

Danke

[lucina]

bootstrap.min.js ist das Minimum. Die beschwert sich aber auch in der Console, wenn Komponenten fehlen. ;-)

[Kahmoon]

Also einzelne Klassen kann ich jetzt überschreiben. Allerdings nicht so Standardwerte wie z.B. für primary color

Laut Anleitung:

$theme-colors: (
  "primary": #0074d9
);

Das ignoriert er aber. Genauso wie folgendes in meiner custom.scss:

$primary: #ff00cc

In der variables.scss steht

$primary: $blue !default;

Im Layout eingebunden habe ich bootstrap.scss und danach mein custom.scss

[webstar]

Um Variablen zu überschreiben, musst du zuerst deine custom.scss laden und danach bootstrap.scss. Durch die !default Anweisungen bei Bootstrap erstellt Sass diese nur, wenn diese noch nicht definiert sind. Ergo, definierst du diese früher, überschreibst du diese.

Inwieweit dies mit den Contao-integrierten Sass-Funktionen geht, das habe ich noch nie probiert.

[Kahmoon]

Leider reagiert das Backend nach der Änderung jetzt gar nicht mehr

[fiedsch]

Was steht in den Logfiles?

[Kahmoon]

[2018-09-18 13:04:12] request.INFO: Matched route "contao_index". {"route":"contao_index","route_parameters":{"_route":"contao_index","_token_check":true,"_controller":"Contao\\CoreBundle\\Controller\\FrontendController::indexAction","_scope":"frontend"},"request_uri":"http://tmp.uebelacker.de/app_dev.php/","method":"GET"} []
[2018-09-18 13:04:12] security.INFO: Populated the TokenStorage with an anonymous Token. [] []
[2018-09-18 13:04:14] request.INFO: Matched route "_wdt". {"route":"_wdt","route_parameters":{"_route":"_wdt","_controller":"web_profiler.controller.profiler::toolbarAction","token":"65192e"},"request_uri":"http://tmp.uebelacker.de/app_dev.php/_wdt/65192e","method":"GET"} []
[2018-09-18 13:04:47] request.INFO: Matched route "contao_index". {"route":"contao_index","route_parameters":{"_route":"contao_index","_token_check":true,"_controller":"Contao\\CoreBundle\\Controller\\FrontendController::indexAction","_scope":"frontend"},"request_uri":"http://tmp.uebelacker.de/app_dev.php/","method":"GET"} []
[2018-09-18 13:04:47] security.INFO: Populated the TokenStorage with an anonymous Token. [] []
[2018-09-18 13:04:48] request.INFO: Matched route "_wdt". {"route":"_wdt","route_parameters":{"_route":"_wdt","_controller":"web_profiler.controller.profiler::toolbarAction","token":"00b689"},"request_uri":"http://tmp.uebelacker.de/app_dev.php/_wdt/00b689","method":"GET"} []
[2018-09-18 13:05:05] request.INFO: Matched route "contao_index". {"route":"contao_index","route_parameters":{"_route":"contao_index","_token_check":true,"_controller":"Contao\\CoreBundle\\Controller\\FrontendController::indexAction","_scope":"frontend"},"request_uri":"http://tmp.uebelacker.de/app_dev.php/","method":"GET"} []
[2018-09-18 13:05:05] security.INFO: Populated the TokenStorage with an anonymous Token. [] []
[2018-09-18 13:05:06] request.INFO: Matched route "_wdt". {"route":"_wdt","route_parameters":{"_route":"_wdt","_controller":"web_profiler.controller.profiler::toolbarAction","token":"18b02a"},"request_uri":"http://tmp.uebelacker.de/app_dev.php/_wdt/18b02a","method":"GET"} []
[2018-09-18 13:05:27] request.INFO: Matched route "contao_index". {"route":"contao_index","route_parameters":{"_route":"contao_index","_token_check":true,"_controller":"Contao\\CoreBundle\\Controller\\FrontendController::indexAction","_scope":"frontend"},"request_uri":"http://tmp.uebelacker.de/app_dev.php/","method":"GET"} []
[2018-09-18 13:05:27] security.INFO: Populated the TokenStorage with an anonymous Token. [] []
[2018-09-18 13:05:28] request.INFO: Matched route "_wdt". {"route":"_wdt","route_parameters":{"_route":"_wdt","_controller":"web_profiler.controller.profiler::toolbarAction","token":"aca7e2"},"request_uri":"http://tmp.uebelacker.de/app_dev.php/_wdt/aca7e2","method":"GET"} []
[2018-09-18 13:05:42] request.INFO: Matched route "contao_index". {"route":"contao_index","route_parameters":{"_route":"contao_index","_token_check":true,"_controller":"Contao\\CoreBundle\\Controller\\FrontendController::indexAction","_scope":"frontend"},"request_uri":"http://tmp.uebelacker.de/app_dev.php/","method":"GET"} []
[2018-09-18 13:05:42] security.INFO: Populated the TokenStorage with an anonymous Token. [] []
[2018-09-18 13:05:44] request.INFO: Matched route "_wdt". {"route":"_wdt","route_parameters":{"_route":"_wdt","_controller":"web_profiler.controller.profiler::toolbarAction","token":"2b5d5a"},"request_uri":"http://tmp.uebelacker.de/app_dev.php/_wdt/2b5d5a","method":"GET"} []
[2018-09-18 13:06:15] request.INFO: Matched route "contao_index". {"route":"contao_index","route_parameters":{"_route":"contao_index","_token_check":true,"_controller":"Contao\\CoreBundle\\Controller\\FrontendController::indexAction","_scope":"frontend"},"request_uri":"http://tmp.uebelacker.de/app_dev.php/","method":"GET"} []
[2018-09-18 13:06:15] security.INFO: Populated the TokenStorage with an anonymous Token. [] []
[2018-09-18 13:06:16] request.INFO: Matched route "_wdt". {"route":"_wdt","route_parameters":{"_route":"_wdt","_controller":"web_profiler.controller.profiler::toolbarAction","token":"34f185"},"request_uri":"http://tmp.uebelacker.de/app_dev.php/_wdt/34f185","method":"GET"} []
[2018-09-18 13:11:24] request.INFO: Matched route "contao_index". {"route":"contao_index","route_parameters":{"_route":"contao_index","_token_check":true,"_controller":"Contao\\CoreBundle\\Controller\\FrontendController::indexAction","_scope":"frontend"},"request_uri":"http://tmp.uebelacker.de/app_dev.php/","method":"GET"} []
[2018-09-18 13:11:24] security.INFO: Populated the TokenStorage with an anonymous Token. [] []
[2018-09-18 13:11:27] request.INFO: Matched route "_wdt". {"route":"_wdt","route_parameters":{"_route":"_wdt","_controller":"web_profiler.controller.profiler::toolbarAction","token":"6c1cc1"},"request_uri":"http://tmp.uebelacker.de/app_dev.php/_wdt/6c1cc1","method":"GET"} []
[2018-09-18 13:11:41] request.INFO: Matched route "contao_index". {"route":"contao_index","route_parameters":{"_route":"contao_index","_token_check":true,"_controller":"Contao\\CoreBundle\\Controller\\FrontendController::indexAction","_scope":"frontend"},"request_uri":"http://tmp.uebelacker.de/app_dev.php/","method":"GET"} []
[2018-09-18 13:11:41] security.INFO: Populated the TokenStorage with an anonymous Token. [] []
[2018-09-18 13:11:42] request.INFO: Matched route "_wdt". {"route":"_wdt","route_parameters":{"_route":"_wdt","_controller":"web_profiler.controller.profiler::toolbarAction","token":"78e71c"},"request_uri":"http://tmp.uebelacker.de/app_dev.php/_wdt/78e71c","method":"GET"} []
[2018-09-18 13:15:08] request.INFO: Matched route "contao_index". {"route":"contao_index","route_parameters":{"_route":"contao_index","_token_check":true,"_controller":"Contao\\CoreBundle\\Controller\\FrontendController::indexAction","_scope":"frontend"},"request_uri":"http://tmp.uebelacker.de/app_dev.php/","method":"GET"} []
[2018-09-18 13:15:08] security.INFO: Populated the TokenStorage with an anonymous Token. [] []
[2018-09-18 13:15:12] request.INFO: Matched route "_wdt". {"route":"_wdt","route_parameters":{"_route":"_wdt","_controller":"web_profiler.controller.profiler::toolbarAction","token":"48fd91"},"request_uri":"http://tmp.uebelacker.de/app_dev.php/_wdt/48fd91","method":"GET"} []
[2018-09-18 13:16:22] request.INFO: Matched route "contao_index". {"route":"contao_index","route_parameters":{"_route":"contao_index","_token_check":true,"_controller":"Contao\\CoreBundle\\Controller\\FrontendController::indexAction","_scope":"frontend"},"request_uri":"http://tmp.uebelacker.de/app_dev.php/","method":"GET"} []
[2018-09-18 13:16:22] security.INFO: Populated the TokenStorage with an anonymous Token. [] []
[2018-09-18 13:16:25] request.INFO: Matched route "_wdt". {"route":"_wdt","route_parameters":{"_route":"_wdt","_controller":"web_profiler.controller.profiler::toolbarAction","token":"e9531a"},"request_uri":"http://tmp.uebelacker.de/app_dev.php/_wdt/e9531a","method":"GET"} []
[2018-09-18 13:17:53] request.INFO: Matched route "contao_index". {"route":"contao_index","route_parameters":{"_route":"contao_index","_token_check":true,"_controller":"Contao\\CoreBundle\\Controller\\FrontendController::indexAction","_scope":"frontend"},"request_uri":"http://tmp.uebelacker.de/app_dev.php/","method":"GET"} []
[2018-09-18 13:17:53] security.INFO: Populated the TokenStorage with an anonymous Token. [] []
[2018-09-18 13:17:56] request.INFO: Matched route "_wdt". {"route":"_wdt","route_parameters":{"_route":"_wdt","_controller":"web_profiler.controller.profiler::toolbarAction","token":"8e73ff"},"request_uri":"http://tmp.uebelacker.de/app_dev.php/_wdt/8e73ff","method":"GET"} []
[2018-09-18 13:21:11] request.INFO: Matched route "contao_index". {"route":"contao_index","route_parameters":{"_route":"contao_index","_token_check":true,"_controller":"Contao\\CoreBundle\\Controller\\FrontendController::indexAction","_scope":"frontend"},"request_uri":"http://tmp.uebelacker.de/app_dev.php/","method":"GET"} []
[2018-09-18 13:21:11] security.INFO: Populated the TokenStorage with an anonymous Token. [] []
[2018-09-18 13:21:14] request.INFO: Matched route "_wdt". {"route":"_wdt","route_parameters":{"_route":"_wdt","_controller":"web_profiler.controller.profiler::toolbarAction","token":"ffd753"},"request_uri":"http://tmp.uebelacker.de/app_dev.php/_wdt/ffd753","method":"GET"} []
[2018-09-18 13:21:46] request.INFO: Matched route "contao_index". {"route":"contao_index","route_parameters":{"_route":"contao_index","_token_check":true,"_controller":"Contao\\CoreBundle\\Controller\\FrontendController::indexAction","_scope":"frontend"},"request_uri":"http://tmp.uebelacker.de/app_dev.php/","method":"GET"} []
[2018-09-18 13:21:47] security.INFO: Populated the TokenStorage with an anonymous Token. [] []
[2018-09-18 13:21:50] request.INFO: Matched route "_wdt". {"route":"_wdt","route_parameters":{"_route":"_wdt","_controller":"web_profiler.controller.profiler::toolbarAction","token":"7378e1"},"request_uri":"http://tmp.uebelacker.de/app_dev.php/_wdt/7378e1","method":"GET"} []
[2018-09-18 13:23:14] request.INFO: Matched route "contao_index". {"route":"contao_index","route_parameters":{"_route":"contao_index","_token_check":true,"_controller":"Contao\\CoreBundle\\Controller\\FrontendController::indexAction","_scope":"frontend"},"request_uri":"http://tmp.uebelacker.de/app_dev.php/","method":"GET"} []
[2018-09-18 13:23:14] security.INFO: Populated the TokenStorage with an anonymous Token. [] []
[2018-09-18 13:23:17] request.INFO: Matched route "_wdt". {"route":"_wdt","route_parameters":{"_route":"_wdt","_controller":"web_profiler.controller.profiler::toolbarAction","token":"7c90c0"},"request_uri":"http://tmp.uebelacker.de/app_dev.php/_wdt/7c90c0","method":"GET"} []
[2018-09-18 13:24:23] request.INFO: Matched route "contao_index". {"route":"contao_index","route_parameters":{"_route":"contao_index","_token_check":true,"_controller":"Contao\\CoreBundle\\Controller\\FrontendController::indexAction","_scope":"frontend"},"request_uri":"http://tmp.uebelacker.de/app_dev.php/","method":"GET"} []
[2018-09-18 13:24:23] security.INFO: Populated the TokenStorage with an anonymous Token. [] []
[2018-09-18 13:24:26] request.INFO: Matched route "_wdt". {"route":"_wdt","route_parameters":{"_route":"_wdt","_controller":"web_profiler.controller.profiler::toolbarAction","token":"a94213"},"request_uri":"http://tmp.uebelacker.de/app_dev.php/_wdt/a94213","method":"GET"} []
[2018-09-18 13:25:29] request.INFO: Matched route "contao_index". {"route":"contao_index","route_parameters":{"_route":"contao_index","_token_check":true,"_controller":"Contao\\CoreBundle\\Controller\\FrontendController::indexAction","_scope":"frontend"},"request_uri":"http://tmp.uebelacker.de/app_dev.php/","method":"GET"} []
[2018-09-18 13:25:29] security.INFO: Populated the TokenStorage with an anonymous Token. [] []
[2018-09-18 13:25:33] request.INFO: Matched route "_wdt". {"route":"_wdt","route_parameters":{"_route":"_wdt","_controller":"web_profiler.controller.profiler::toolbarAction","token":"52c75d"},"request_uri":"http://tmp.uebelacker.de/app_dev.php/_wdt/52c75d","method":"GET"} []
[2018-09-18 13:26:58] request.INFO: Matched route "contao_index". {"route":"contao_index","route_parameters":{"_route":"contao_index","_token_check":true,"_controller":"Contao\\CoreBundle\\Controller\\FrontendController::indexAction","_scope":"frontend"},"request_uri":"http://tmp.uebelacker.de/app_dev.php/","method":"GET"} []
[2018-09-18 13:26:58] security.INFO: Populated the TokenStorage with an anonymous Token. [] []
[2018-09-18 13:27:01] request.INFO: Matched route "_wdt". {"route":"_wdt","route_parameters":{"_route":"_wdt","_controller":"web_profiler.controller.profiler::toolbarAction","token":"161192"},"request_uri":"http://tmp.uebelacker.de/app_dev.php/_wdt/161192","method":"GET"} []
[2018-09-18 13:27:12] request.INFO: Matched route "contao_index". {"route":"contao_index","route_parameters":{"_route":"contao_index","_token_check":true,"_controller":"Contao\\CoreBundle\\Controller\\FrontendController::indexAction","_scope":"frontend"},"request_uri":"http://tmp.uebelacker.de/app_dev.php/","method":"GET"} []
[2018-09-18 13:27:12] security.INFO: Populated the TokenStorage with an anonymous Token. [] []
[2018-09-18 13:27:15] request.INFO: Matched route "_wdt". {"route":"_wdt","route_parameters":{"_route":"_wdt","_controller":"web_profiler.controller.profiler::toolbarAction","token":"1c83f3"},"request_uri":"http://tmp.uebelacker.de/app_dev.php/_wdt/1c83f3","method":"GET"} []
[2018-09-18 13:29:52] request.INFO: Matched route "contao_index". {"route":"contao_index","route_parameters":{"_route":"contao_index","_token_check":true,"_controller":"Contao\\CoreBundle\\Controller\\FrontendController::indexAction","_scope":"frontend"},"request_uri":"http://tmp.uebelacker.de/app_dev.php/","method":"GET"} []
[2018-09-18 13:29:52] security.INFO: Populated the TokenStorage with an anonymous Token. [] []
[2018-09-18 13:29:55] request.INFO: Matched route "_wdt". {"route":"_wdt","route_parameters":{"_route":"_wdt","_controller":"web_profiler.controller.profiler::toolbarAction","token":"ebbeed"},"request_uri":"http://tmp.uebelacker.de/app_dev.php/_wdt/ebbeed","method":"GET"} []
[2018-09-18 13:30:48] request.INFO: Matched route "contao_index". {"route":"contao_index","route_parameters":{"_route":"contao_index","_token_check":true,"_controller":"Contao\\CoreBundle\\Controller\\FrontendController::indexAction","_scope":"frontend"},"request_uri":"http://tmp.uebelacker.de/app_dev.php/","method":"GET"} []
[2018-09-18 13:30:48] security.INFO: Populated the TokenStorage with an anonymous Token. [] []
[2018-09-18 13:30:52] request.INFO: Matched route "_wdt". {"route":"_wdt","route_parameters":{"_route":"_wdt","_controller":"web_profiler.controller.profiler::toolbarAction","token":"d56d04"},"request_uri":"http://tmp.uebelacker.de/app_dev.php/_wdt/d56d04","method":"GET"} []
[2018-09-18 13:31:15] request.INFO: Matched route "contao_index". {"route":"contao_index","route_parameters":{"_route":"contao_index","_token_check":true,"_controller":"Contao\\CoreBundle\\Controller\\FrontendController::indexAction","_scope":"frontend"},"request_uri":"http://tmp.uebelacker.de/app_dev.php/","method":"GET"} []
[2018-09-18 13:31:15] security.INFO: Populated the TokenStorage with an anonymous Token. [] []
[2018-09-18 13:31:18] request.INFO: Matched route "_wdt". {"route":"_wdt","route_parameters":{"_route":"_wdt","_controller":"web_profiler.controller.profiler::toolbarAction","token":"38d29e"},"request_uri":"http://tmp.uebelacker.de/app_dev.php/_wdt/38d29e","method":"GET"} []
[2018-09-18 13:32:07] request.INFO: Matched route "contao_index". {"route":"contao_index","route_parameters":{"_route":"contao_index","_token_check":true,"_controller":"Contao\\CoreBundle\\Controller\\FrontendController::indexAction","_scope":"frontend"},"request_uri":"http://tmp.uebelacker.de/app_dev.php/","method":"GET"} []
[2018-09-18 13:32:07] security.INFO: Populated the TokenStorage with an anonymous Token. [] []
[2018-09-18 13:32:10] request.INFO: Matched route "_wdt". {"route":"_wdt","route_parameters":{"_route":"_wdt","_controller":"web_profiler.controller.profiler::toolbarAction","token":"96cea7"},"request_uri":"http://tmp.uebelacker.de/app_dev.php/_wdt/96cea7","method":"GET"} []
[2018-09-18 13:36:49] request.INFO: Matched route "contao_index". {"route":"contao_index","route_parameters":{"_route":"contao_index","_token_check":true,"_controller":"Contao\\CoreBundle\\Controller\\FrontendController::indexAction","_scope":"frontend"},"request_uri":"http://tmp.uebelacker.de/app_dev.php/","method":"GET"} []
[2018-09-18 13:36:49] security.INFO: Populated the TokenStorage with an anonymous Token. [] []
[2018-09-18 13:36:52] request.INFO: Matched route "_wdt". {"route":"_wdt","route_parameters":{"_route":"_wdt","_controller":"web_profiler.controller.profiler::toolbarAction","token":"c6d077"},"request_uri":"http://tmp.uebelacker.de/app_dev.php/_wdt/c6d077","method":"GET"} []
[2018-09-18 13:38:23] request.INFO: Matched route "contao_index". {"route":"contao_index","route_parameters":{"_route":"contao_index","_token_check":true,"_controller":"Contao\\CoreBundle\\Controller\\FrontendController::indexAction","_scope":"frontend"},"request_uri":"http://tmp.uebelacker.de/app_dev.php/","method":"GET"} []
[2018-09-18 13:38:23] security.INFO: Populated the TokenStorage with an anonymous Token. [] []
[2018-09-18 13:38:26] request.INFO: Matched route "_wdt". {"route":"_wdt","route_parameters":{"_route":"_wdt","_controller":"web_profiler.controller.profiler::toolbarAction","token":"4006e4"},"request_uri":"http://tmp.uebelacker.de/app_dev.php/_wdt/4006e4","method":"GET"} []
[2018-09-18 13:38:35] request.INFO: Matched route "contao_index". {"route":"contao_index","route_parameters":{"_route":"contao_index","_token_check":true,"_controller":"Contao\\CoreBundle\\Controller\\FrontendController::indexAction","_scope":"frontend"},"request_uri":"http://tmp.uebelacker.de/app_dev.php/","method":"GET"} []
[2018-09-18 13:38:35] security.INFO: Populated the TokenStorage with an anonymous Token. [] []
[2018-09-18 13:38:39] request.INFO: Matched route "_wdt". {"route":"_wdt","route_parameters":{"_route":"_wdt","_controller":"web_profiler.controller.profiler::toolbarAction","token":"3304c9"},"request_uri":"http://tmp.uebelacker.de/app_dev.php/_wdt/3304c9","method":"GET"} []
[2018-09-18 13:38:39] request.INFO: Matched route "contao_index". {"route":"contao_index","route_parameters":{"_route":"contao_index","_token_check":true,"_controller":"Contao\\CoreBundle\\Controller\\FrontendController::indexAction","_scope":"frontend"},"request_uri":"http://tmp.uebelacker.de/app_dev.php/","method":"GET"} []
[2018-09-18 13:38:39] security.INFO: Populated the TokenStorage with an anonymous Token. [] []
[2018-09-18 13:38:42] request.INFO: Matched route "_wdt". {"route":"_wdt","route_parameters":{"_route":"_wdt","_controller":"web_profiler.controller.profiler::toolbarAction","token":"61ffd9"},"request_uri":"http://tmp.uebelacker.de/app_dev.php/_wdt/61ffd9","method":"GET"} []
[2018-09-18 13:40:14] request.INFO: Matched route "contao_index". {"route":"contao_index","route_parameters":{"_route":"contao_index","_token_check":true,"_controller":"Contao\\CoreBundle\\Controller\\FrontendController::indexAction","_scope":"frontend"},"request_uri":"http://tmp.uebelacker.de/app_dev.php/","method":"GET"} []
[2018-09-18 13:40:14] security.INFO: Populated the TokenStorage with an anonymous Token. [] []
[2018-09-18 13:40:17] request.INFO: Matched route "_wdt". {"route":"_wdt","route_parameters":{"_route":"_wdt","_controller":"web_profiler.controller.profiler::toolbarAction","token":"3c0a48"},"request_uri":"http://tmp.uebelacker.de/app_dev.php/_wdt/3c0a48","method":"GET"} []
[2018-09-18 13:42:24] request.INFO: Matched route "contao_index". {"route":"contao_index","route_parameters":{"_route":"contao_index","_token_check":true,"_controller":"Contao\\CoreBundle\\Controller\\FrontendController::indexAction","_scope":"frontend"},"request_uri":"http://tmp.uebelacker.de/app_dev.php/","method":"GET"} []
[2018-09-18 13:42:24] security.INFO: Populated the TokenStorage with an anonymous Token. [] []
[2018-09-18 13:42:27] request.INFO: Matched route "_wdt". {"route":"_wdt","route_parameters":{"_route":"_wdt","_controller":"web_profiler.controller.profiler::toolbarAction","token":"535aed"},"request_uri":"http://tmp.uebelacker.de/app_dev.php/_wdt/535aed","method":"GET"} []
[2018-09-18 13:43:23] request.INFO: Matched route "contao_index". {"route":"contao_index","route_parameters":{"_route":"contao_index","_token_check":true,"_controller":"Contao\\CoreBundle\\Controller\\FrontendController::indexAction","_scope":"frontend"},"request_uri":"http://tmp.uebelacker.de/app_dev.php/","method":"GET"} []
[2018-09-18 13:43:23] request.CRITICAL: Uncaught PHP Exception ErrorException: "Notice: SessionHandler::gc(): ps_files_cleanup_dir: opendir(/tmp/phpfpmsessions/) failed: Permission denied (13)" at /www/htdocs/w01889ee/jaegerpruefung-reloaded.de/vendor/symfony/http-foundation/Session/Storage/Handler/StrictSessionHandler.php line 101 {"exception":"[object] (ErrorException(code: 0): Notice: SessionHandler::gc(): ps_files_cleanup_dir: opendir(/tmp/phpfpmsessions/) failed: Permission denied (13) at /www/htdocs/w01889ee/jaegerpruefung-reloaded.de/vendor/symfony/http-foundation/Session/Storage/Handler/StrictSessionHandler.php:101)"} []
[2018-09-18 13:44:15] request.INFO: Matched route "contao_index". {"route":"contao_index","route_parameters":{"_route":"contao_index","_token_check":true,"_controller":"Contao\\CoreBundle\\Controller\\FrontendController::indexAction","_scope":"frontend"},"request_uri":"http://tmp.uebelacker.de/app_dev.php/","method":"GET"} []
[2018-09-18 13:46:17] request.INFO: Matched route "contao_index". {"route":"contao_index","route_parameters":{"_route":"contao_index","_token_check":true,"_controller":"Contao\\CoreBundle\\Controller\\FrontendController::indexAction","_scope":"frontend"},"request_uri":"http://tmp.uebelacker.de/app_dev.php/","method":"GET"} []
[2018-09-18 13:47:17] request.INFO: Matched route "contao_index". {"route":"contao_index","route_parameters":{"_route":"contao_index","_token_check":true,"_controller":"Contao\\CoreBundle\\Controller\\FrontendController::indexAction","_scope":"frontend"},"request_uri":"http://tmp.uebelacker.de/app_dev.php/","method":"GET"} []
[2018-09-18 13:48:27] request.INFO: Matched route "contao_index". {"route":"contao_index","route_parameters":{"_route":"contao_index","_token_check":true,"_controller":"Contao\\CoreBundle\\Controller\\FrontendController::indexAction","_scope":"frontend"},"request_uri":"http://tmp.uebelacker.de/app_dev.php/","method":"GET"} []
[2018-09-18 13:48:52] request.INFO: Matched route "contao_index". {"route":"contao_index","route_parameters":{"_route":"contao_index","_token_check":true,"_controller":"Contao\\CoreBundle\\Controller\\FrontendController::indexAction","_scope":"frontend"},"request_uri":"http://tmp.uebelacker.de/app_dev.php/","method":"GET"} []
[2018-09-18 13:50:52] request.INFO: Matched route "contao_index". {"route":"contao_index","route_parameters":{"_route":"contao_index","_token_check":true,"_controller":"Contao\\CoreBundle\\Controller\\FrontendController::indexAction","_scope":"frontend"},"request_uri":"http://tmp.uebelacker.de/app_dev.php/","method":"GET"} []
[2018-09-18 14:02:22] request.INFO: Matched route "contao_index". {"route":"contao_index","route_parameters":{"_route":"contao_index","_token_check":true,"_controller":"Contao\\CoreBundle\\Controller\\FrontendController::indexAction","_scope":"frontend"},"request_uri":"http://tmp.uebelacker.de/app_dev.php/","method":"GET"} []
[2018-09-18 14:02:25] request.INFO: Matched route "contao_index". {"route":"contao_index","route_parameters":{"_route":"contao_index","_token_check":true,"_controller":"Contao\\CoreBundle\\Controller\\FrontendController::indexAction","_scope":"frontend"},"request_uri":"http://tmp.uebelacker.de/app_dev.php/","method":"GET"} []
[2018-09-18 14:04:25] request.INFO: Matched route "contao_index". {"route":"contao_index","route_parameters":{"_route":"contao_index","_token_check":true,"_controller":"Contao\\CoreBundle\\Controller\\FrontendController::indexAction","_scope":"frontend"},"request_uri":"http://tmp.uebelacker.de/app_dev.php/","method":"GET"} []

[fiedsch]

Daß auf /tmp/phpfpmsessions/ nicht zugegriffen werden darf kann ja nicht durch einer Änderung des SCSS Codes kommen, sollte aber natürlich geklärt werden.

[webstar]

Das ist ein generelles Problem bei All-Inkl. Du musst über eine .htaccess Direktive den temporären Ordner ändern, z.B. so:

php_value session.save_path "/www/htdocs/wXXXXXXXX/tmp"

Sonst werden die PHP-Sessions im systemweiten Temp-Verzeichnis gespeichert. Diese sind durch verschiedene Benutzer geschützt. PHP möchte da trotzdem aufräumen, was dann zu den Fehler führt.

[Kahmoon]

Oh man..darauf muss man erst mal kommen.

Ich habe jetzt deine Zeile in der htaccess im /web Ordner gemacht. Das hat aber nichts verändert. Bin ich an der richtigen Stelle?

[lucina]

Ich bin mir gerade nicht vollkommen sicher, aber ich denke, dazu solltest Du bei allink eine php.ini nutzen

[Kahmoon]

php.ini klingt ein wenig nach 1und1 :-)

[Bennie]

Ist es aber nicht so, dass wenn man die SCSS direkt über Contao einfügt, dass einem dann die vendor prefixes fehlen, oder irre ich mich da? Je nachdem welche Browser man unterstützen will kann das ja wichtig sein.

[webstar]

Oh man..darauf muss man erst mal kommen.

Ich habe jetzt deine Zeile in der htaccess im /web Ordner gemacht. Das hat aber nichts verändert. Bin ich an der richtigen Stelle?

Bei all-inkl.com läuft es definitiv über die .htaccess. Da PHP als FPM läuft, könnte es sein, dass der Prozess neu gestartet werden muss. Ggf. mal im Backend die PHP-Version wechseln und warten die die Änderung umgesetzt sind und wieder zurück auf die gewünschte.

Könnte sein, dass du auch noch folgende Zeile brauchst: "php_value session.gc_probability 0". Wenn du dir dann die PHPinfo anschaust (Ich meine, der Contao Manager kann das inzwischen auch), sollten die Änderungen als Local Value erscheinen.

Und ja, dies ist aus einem Projekt entnommen, dass bei All-Inkl. gehostet wird.

[Kahmoon]

Hab mal beides in die htaccess geschrieben.

Er speichert jetzt die Sessions im neuen, eigenen Verzeichnis. Danke

[doescher]

Hallo zusammen,

hier möchte ich mich mal einklinken: Ich bekomme es auch nicht hin, dass meine geänderten Angaben in der custom.css-Datei übernommen werden.

Ich habe die CSS-Dateien von Bootstrap 4 heruntergeladen und im Layout die .min.css-Dateien eingebunden.
Danach habe ich meine eigenen CSS-Dateien ebenfalls eingebunden und unterhalb eingefügt.
In der custom.css habe ich nun die Farbangaben für :root {--primary:#} in meine Farbwerte geändert. Dies hat aber keinerlei Effekte.

Wie kann ich die Farben für primary, secondary etc. ändern?
Gilt das dann auch für alle anderen Einstellungen (z.B. die Buttons etc.)? Oder muss ich die Button extra »einfärben«?

Danke und viele Grüße
Jan-Dirk

[07alex07]

Schau dir den Post #3 nochmal an.
Über diesen Link kannst du deine css erstellen.

[doescher]

Ja ich hab mir die gesamte Diskussion durchgelesen.
Doch meine Frage ist, ob ich bei kleinen Änderungen jedes mal dieses angepasste Theme erstellen muss oder ob es auch einfacher geht, z.B. indem ich meine custom.css anpasse?

[zonky]

* ich zieh mir BS runter
* ändere meine eigenen custom.scss, _variables.scss, _globals.scss (je nach dem ob Standard überschreiben/Global anpassen/Individuell erstellen)
* kompiliere lokal und schiebe die custom.css auf den Server

aus meiner Sicht zwei Sachen wichtig:
* wie setze ich die Sachen bei variables.scss, _globals.scss
* wie verwende ich @extend

[doescher]

Okay, Du arbeitest auch mit scss und kompilierst selbst.
Ich habe leider davon keine Ahnung und arbeite mit der css, also mit dem schon fertigen Styles.

Dafür scheint es nur die Lösung von Post #3 zu geben.

Schade, dass wäre doch mal so richtig gut gewesen: Bootstrap legt alles soweit fest und ich muss dann nur noch in meiner css die Farben überschreiben.
Vielleicht in einer späteren Version...

[fiedsch]

Schade, dass wäre doch mal so richtig gut gewesen: Bootstrap legt alles soweit fest und ich muss dann nur noch in meiner css die Farben überschreiben.

Fast genauso ist es auch gedacht. Nur "anders herum" Bootstrap legt Farben (und anderes) in seinen Standard-Variaben (_variables.scss) fest. Diese gelten dann, sofern Du nichts anderes festgelegt hast. Diese Variablen werden schließlich bei der Erstellung der (CSS-)Regeln eingesetzt.

Vorteil: Du musst nicht mehr schauen, wo überall die geänderte Farbe verwendet wird und dann die zugehörigen CSS-Definitionen ändern.

[Kahmoon]

Aber als ich (nicht selbst kompiliert) Werte in der _variables verändert habe, hat er die nicht genommen. Muss man hier noch etwas anderes machen?

[zonky]

Okay, Du arbeitest auch mit scss und kompilierst selbst.
Ich habe leider davon keine Ahnung und arbeite mit der css, also mit dem schon fertigen Styles.

den "halben Tag" sich da mal einzulesen, hat man schnell wieder raus...

Compass oder sowas wie Prepros ist schnell installiert

[doescher]

den "halben Tag" sich da mal einzulesen, hat man schnell wieder raus...

Compass oder sowas wie Prepros ist schnell installiert

Das Problem bei mir ist im Moment eher, mich erst einmal in die neue Bootstrap-Version und gleichzeitig in Contao 4.4 einzuarbeiten, damit bin ich etwas beschäftigt...
Und dann arbeite ich auch auf dem Mac, da ist immer alles etwas anders .

[fiedsch]

Aber als ich (nicht selbst kompiliert) Werte in der _variables verändert habe, hat er die nicht genommen. Muss man hier noch etwas anderes machen?

Der weg ist m.E. auch nicht, die _variables zu ändern, sondern eher so:

Binde eine mysite.scss als einziges Stylesheet ein.

In der mysite.scss steht dann etwas wie:

// hier die eigenen Variablen setzen
// ...

// Bootstrap importieren. Das improtiert dann seinerseits (u.A.) die _variables.scss
// und dort werden einige Variablen nicht von Bootstrap definiert, da sie bereits existieren 
// (siehe default Keyword)

@import "../../bootstrap-4.0.0/scss/bootstrap";