Use less intensive background image on phones

app/stylus/components/ToolArea.styl

@@ -157,13 +157,17 @@
 	top: 0;
 	right: 0;
 	height: 100%;
-	background-color: rgba(50, 50, 50, 0.9);
+	background: rgba(0, 0, 0, 0.25);
 	transition: width 0.3s;
 	z-index: 1010;
 	display: flex;
 	flex-direction: column;
 	border-left: 1px solid #222;
 
+	+desktop() {
+		background: rgba(50, 50, 50, 0.9);
+	}
+
 	> .tab-headers {
 		display: flex;
 		background: rgba(0, 0, 0, 0.1);

app/stylus/index.styl

@@ -9,19 +9,9 @@ global-reset();
 
 html {
 	height: 100%;
-	box-sizing: border-box;
-	background-image: url('/resources/images/background.svg');
-	background-attachment: fixed;
-	background-position: center;
-	background-size: cover;
-	background-repeat: no-repeat;
 	font-family: 'Roboto';
 	font-weight: 300;
 
-	+desktop() {
-		font-size: 16px;
-	}
-
 	+mobile() {
 		font-size: 12px;
 	}
@@ -30,6 +20,16 @@ html {
 body {
 	height: 100%;
 	overflow-x: hidden;
+	background-color: #333;
+
+	+desktop() {
+		font-size: 16px;
+		background-image: url('/resources/images/background.svg');
+		background-attachment: fixed;
+		background-position: center;
+		background-size: cover;
+		background-repeat: no-repeat;
+	}
 }
 
 #multiparty-meeting {