Changed how custom JS/CSS can be added

README.md

@@ -59,8 +59,9 @@ Database schema migration is automatically done when visiting the root (`/`) rou
 ### Demo mode
 When the file `data/demo.txt` exists, the application will work in a demo mode which means authentication is disabled and some demo data will be generated during the database schema migration.
 
-### Other things
+### Adding your own CSS or JS without to have to modify the application itself
-When the file `data/add_before_end_body.html` exists, the contents of the file be added just before `</body>` on every page, useful for your own JS/CSS without to have to modify the application itself.
+- When the file `data/custom.js` exists, the contents of the file be added just before `</body>` on every page
+- When the file `data/custom.css` exists, the contents of the file be added just before `</head>` on every page
 
 ## Screenshots
 #### Dashboard

views/layout/default.blade.php

@@ -26,6 +26,10 @@
 	<link href="{{ $U('/css/grocy.css?v=', true) }}{{ $version }}" rel="stylesheet">
 	@stack('pageStyles')
 
+	@if(file_exists(__DIR__ . '/../../data/custom.css'))
+		@php include __DIR__ . '/../../data/custom.css' @endphp
+	@endif
+
 	<script>
 		var Grocy = { };
 		Grocy.Components = { };
@@ -235,8 +239,8 @@
 	@stack('componentScripts')
 	<script src="{{ $U('/viewjs', true) }}/@yield('viewJsName').js?v={{ $version }}"></script>
 
-	@if(file_exists(__DIR__ . '/../../data/add_before_end_body.html'))
+	@if(file_exists(__DIR__ . '/../../data/custom.js'))
-		@php include __DIR__ . '/../../data/add_before_end_body.html' @endphp
+		@php include __DIR__ . '/../../data/custom.js' @endphp
 	@endif
 </body>