diff --git a/angular.json b/angular.json
index 356899efa5116a92505d8df3fda130ff14c5982b..7a286c92bc813eff05c7830095faed3447bc814b 100644
--- a/angular.json
+++ b/angular.json
@@ -23,7 +23,8 @@
               "src/assets"
             ],
             "styles": [
-              "src/styles.css"
+              "src/styles.css",
+              "src/app/tc-app-theme.scss"
             ],
             "scripts": []
           },
diff --git a/src/app/tc-app-theme.scss b/src/app/tc-app-theme.scss
new file mode 100644
index 0000000000000000000000000000000000000000..a3b515c97e573c9e19a9f40a2a488646d1959c5b
--- /dev/null
+++ b/src/app/tc-app-theme.scss
@@ -0,0 +1,25 @@
+@import '~@angular/material/theming';
+// Plus imports for other components in your app.
+
+// Include the common styles for Angular Material. We include this here so that you only
+// have to load a single css file for Angular Material in your app.
+// Be sure that you only ever include this mixin once!
+@include mat-core();
+
+// Define the palettes for your theme using the Material Design palettes available in palette.scss
+// (imported above). For each palette, you can optionally specify a default, lighter, and darker
+// hue. Available color palettes: https://www.google.com/design/spec/style/color.html
+$candy-app-primary: mat-palette($mat-blue);
+$candy-app-accent:  mat-palette($mat-cyan, A200, A100, A400);
+
+// The warn palette is optional (defaults to red).
+$candy-app-warn:    mat-palette($mat-red);
+
+// Create the theme object (a Sass map containing all of the palettes).
+$candy-app-theme: mat-light-theme($candy-app-primary, $candy-app-accent, $candy-app-warn);
+
+// Include theme styles for core and each component used in your app.
+// Alternatively, you can import and @include the theme mixins for each component
+// that you are using.
+
+@include angular-material-theme($candy-app-theme);
diff --git a/src/environments/environment.build.ts b/src/environments/environment.build.ts
index 9148a8563a46cdbdb4be5342447960fa7b72893b..63ad7b68049d9e18205b3f25b4f61f2748e470a4 100644
--- a/src/environments/environment.build.ts
+++ b/src/environments/environment.build.ts
@@ -5,7 +5,7 @@
 
 export const environment = {
   production: false,
-  testcenterUrl: '/',
+  testcenterUrl: '/admin',
   appName: 'IQB-Testcenter',
   appPublisher: 'IQB - Institut zur Qualitätsentwicklung im Bildungswesen',
   appVersion: '0.3.1 - 3.6.2018'
diff --git a/src/environments/environment.prod.ts b/src/environments/environment.prod.ts
index 3bbc70adb05b9eff042b082bfe24b7d51abd634d..d42db85ab95bd6ecb3b556a6363b6aa3ce3085ae 100644
--- a/src/environments/environment.prod.ts
+++ b/src/environments/environment.prod.ts
@@ -1,6 +1,6 @@
 export const environment = {
   production: true,
-  testcenterUrl: '/',
+  testcenterUrl: '/admin',
   appName: 'IQB-Testcenter',
   appPublisher: 'IQB - Institut zur Qualitätsentwicklung im Bildungswesen',
   appVersion: '0 (prod)'
diff --git a/src/styles.css b/src/styles.css
index 52671d3501a055341c97d1fe4986e2bdf2b90596..81218f747cd0adb6ff711e901eab2926e0de034f 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -16,7 +16,7 @@ body {
   height: 100%;
   margin: 0;
   font-family: "Orienta";
-  background-color: #B0BEC5;
+  background-color: rgb(210, 229, 238);
 }
 
 .page-body {