From b24ed88e27cca014a374c896b0dda67537c25ff6 Mon Sep 17 00:00:00 2001
From: Torjus <torjusti@gmail.com>
Date: Thu, 9 Aug 2018 09:03:27 +0200
Subject: [PATCH] Use less intensive background image on phones

---
 app/stylus/components/ToolArea.styl |  6 +++++-
 app/stylus/index.styl               | 20 ++++++++++----------
 2 files changed, 15 insertions(+), 11 deletions(-)

diff --git a/app/stylus/components/ToolArea.styl b/app/stylus/components/ToolArea.styl
index 12b6428..ce2ea05 100644
--- a/app/stylus/components/ToolArea.styl
+++ b/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);
diff --git a/app/stylus/index.styl b/app/stylus/index.styl
index 2ad0be0..c9888e5 100644
--- a/app/stylus/index.styl
+++ b/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 {