diff --git a/package.json b/package.json
index eef6f33..1317b4a 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@hibas123/theme",
-  "version": "1.0.3",
+  "version": "1.0.6",
   "description": "",
   "main": " ",
   "files": [
@@ -9,7 +9,8 @@
   ],
   "scripts": {
     "build": "sass src/base.scss:out/base.css src/dark.scss:out/dark.css src/light.scss:out/light.css",
-    "watch": "sass --watch src/base.scss:out/base.css src/dark.scss:out/dark.css src/light.scss:out/light.css"
+    "watch": "sass --watch src/base.scss:out/base.css src/dark.scss:out/dark.css src/light.scss:out/light.css",
+    "prepublishOnly": "npm run build"
   },
   "author": "Fabian Stamm <dev@fabianstamm.de>",
   "license": "ISC",
diff --git a/src/_maketheme.scss b/src/_maketheme.scss
index 8dfe0bf..dc241d5 100644
--- a/src/_maketheme.scss
+++ b/src/_maketheme.scss
@@ -20,8 +20,8 @@ $button-color: #CCCCCC !default;
 }
 
 :root {
-    --background: $background;
-    --on-background: $on-background;
+    --background: #{$background};
+    --on-background: #{$on-background};
 }
 
 $default-font-size: 1rem;
@@ -34,8 +34,6 @@ $default-font-size: 1rem;
     box-sizing: border-box;
     font-family: 'Roboto', sans-serif;
     font-size: $default-font-size;
-
-    transition: .2s ease-in-out;
 }
 
 html,
diff --git a/src/dark.scss b/src/dark.scss
index 8fb6212..f7a4ffa 100644
--- a/src/dark.scss
+++ b/src/dark.scss
@@ -5,7 +5,7 @@ $on-background: white;
 $disabled-brightness: 1.1;
 
 @mixin Elevation ($dp) {
-    background: lighten($background, floor(($dp + 3) * 1%));
+    background: lighten($background, 10% + floor($dp * .7%));
     z-index: $dp;
 }