Fixing some bugs

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",

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,

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;
 }