diff --git a/plinth/templates/apps.html b/plinth/templates/apps.html
index db6b26d84..7f026a231 100644
--- a/plinth/templates/apps.html
+++ b/plinth/templates/apps.html
@@ -21,10 +21,6 @@
 {% load static %}
 {% load i18n %}
 
-{% block page_head %}
-  <style type="text/css">
-    body {
-        background-image: url({% static 'theme/img/apps-background.svg' %});
-    }
-  </style>
+{% block body_class %}
+  background-apps
 {% endblock %}
diff --git a/plinth/templates/base.html b/plinth/templates/base.html
index c651aff41..5f19daf51 100644
--- a/plinth/templates/base.html
+++ b/plinth/templates/base.html
@@ -83,7 +83,7 @@
   {% block page_head %}<!-- placeholder for page-specific head files -->{% endblock %}
 </head>
 
-<body>
+<body class="{%block body_class %}{%endblock%}">
 <div id="wrapper">
 <!--[if lt IE 7]><p class=chromeframe>Your browser is <em>ancient!</em> <a href="http://mozilla.org/firefox">Upgrade to a modern version of Firefox</a> to experience this site.</p><![endif]-->
   <div class="navbar navbar-fixed-top navbar-default main-header" role="navigation">
diff --git a/plinth/templates/index.html b/plinth/templates/index.html
index d229dca43..2bbb9649c 100644
--- a/plinth/templates/index.html
+++ b/plinth/templates/index.html
@@ -21,12 +21,9 @@
 {% load i18n %}
 {% load static %}
 
-{% block page_head %}
-  <style type="text/css">
-    body {
-        background-image: url({% static 'theme/img/freedombox-logo-background.svg' %});
-    }
-  </style>
+
+{% block body_class %}
+  background-logo
 {% endblock %}
 
 {% block container %}
diff --git a/plinth/templates/system.html b/plinth/templates/system.html
index e0dcbdb61..caf4ba918 100644
--- a/plinth/templates/system.html
+++ b/plinth/templates/system.html
@@ -21,10 +21,6 @@
 {% load static %}
 {% load i18n %}
 
-{% block page_head %}
-  <style type="text/css">
-    body {
-        background-image: url({% static 'theme/img/system-background.svg' %});
-    }
-  </style>
+{% block body_class %}
+  background-system
 {% endblock %}
diff --git a/static/themes/default/css/plinth.css b/static/themes/default/css/plinth.css
index c8d95ffb0..cd1a98a08 100644
--- a/static/themes/default/css/plinth.css
+++ b/static/themes/default/css/plinth.css
@@ -300,3 +300,15 @@ a.menu_link_active {
 .bg-warning p:last-child {
     margin: 0;
 }
+
+.background-logo {
+    background-image: url('../img/freedombox-logo-background.svg');
+}
+
+.background-apps {
+    background-image: url('../img/apps-background.svg');
+}
+
+.background-system {
+    background-image: url('../img/system-background.svg');
+}
