Overwrite background color of login box

assets/admin/postcss.config.js

@@ -0,0 +1,2 @@
+/* reuse the postcss configuration included in sulu */
+module.exports = require('../../vendor/sulu/sulu/postcss.config.js');

assets/admin/style-overwrites/login.scss

@@ -0,0 +1,7 @@
+/* import original stylesheet to keep original styling */
+@import 'sulu-admin-bundle/containers/Login/login.scss';
+
+/* overwrite style for specific elements */
+.login-container {
+    background-color: lightpink;
+}

assets/admin/webpack.config.js

@@ -14,5 +14,11 @@ module.exports = (env, argv) => {
     const config = webpackConfig(env, argv);
     config.entry = path.resolve(__dirname, 'index.js');
 
+    const suluPath = path.resolve(__dirname, '../../vendor/sulu/sulu/');
+    const loginScssPath = path.resolve(suluPath, 'src/Sulu/Bundle/AdminBundle/Resources/js/containers/Login/login.scss');
+
+    /* overwrite stylesheet of sulu login component with custom stylesheet of project */
+    config.resolve.alias[loginScssPath] = path.resolve(__dirname, 'style-overwrites/login.scss');
+
     return config;
 };