Fix installation and distribution of stylesheet data

Install and distribute gnome-shell.css and theme images. They are moved
down from $datadir to $datadir/theme to avoid a weirdness where we have
images in $datadir and then also in $datadir/images.

(Also moved in the source tree to avoid adding another difference between
installed and uninstalled operation.)

https://bugzilla.gnome.org/show_bug.cgi?id=595989

data/Makefile.am

@@ -12,9 +12,8 @@ gnome-shell.desktop.in: gnome-shell.desktop.in.in
 gnome-shell.desktop: gnome-shell.desktop.in
 	$(AM_V_GEN) sed s/^_// < $< > $@ || rm $@
 
-imagedir = $(pkgdatadir)/images
-
-dist_image_DATA =		\
+imagesdir = $(pkgdatadir)/images
+dist_images_DATA =				\
 	add-workspace.svg			\
 	app-well-glow.png			\
 	back.svg				\
@@ -24,6 +23,15 @@ dist_image_DATA =		\
 	magnifier.svg				\
 	remove-workspace.svg
 
+themedir = $(pkgdatadir)/theme
+dist_theme_DATA =				\
+	theme/gnome-shell.css			\
+	theme/scroll-button-down.png		\
+	theme/scroll-button-down-hover.png	\
+	theme/scroll-button-up.png		\
+	theme/scroll-button-up-hover.png	\
+	theme/scroll-vhandle.png
+
 schemadir  = @GCONF_SCHEMA_FILE_DIR@
 schema_DATA = gnome-shell.schemas
 

js/ui/main.js

@@ -77,7 +77,7 @@ function start() {
         children[i].destroy();
 
     let style = St.Style.get_default();
-    let stylesheetPath = global.datadir + "/gnome-shell.css";
+    let stylesheetPath = global.datadir + "/theme/gnome-shell.css";
     style.load_from_file(stylesheetPath);
 
     global.connect('panel-run-dialog', function(panel) {

tests/testcommon/test.css

@@ -1,4 +1,4 @@
-@import "../../data/gnome-shell.css";
+@import "../../data/theme/gnome-shell.css";
 
 *.red {
     background-color: red;