Merge lp:~elementary-apps/switchboard/category-label-css into lp:~elementary-pantheon/switchboard/switchboard

[Danielle Foré]

convert category label style from pango markup to CSS

Changes category label styling from pango markup to CSS.
Makes the text dark grey (based on switchboard bg color) instead of black.
gives the text a shadow.

[David Gomes (davidgomes)]

Add some newlines, like before and after the try/catch block. All good otherwise.

review: Needs Fixing

[lp:~elementary-apps/switchboard/category-label-css]

403. By Danielle Foré on 2013-09-29

Add margins to category separators.

[David Gomes (davidgomes)]

review: Approve

[lp:~elementary-apps/switchboard/category-label-css]

404. By Danielle Foré on 2013-09-29

convert category label style from pango markup to CSS

=== modified file 'src/CategoryView.vala'
--- src/CategoryView.vala	2013-09-29 18:33:41 +0000
+++ src/CategoryView.vala	2013-09-29 19:24:19 +0000
@@ -37,7 +37,19 @@
                     typeof(string), typeof(bool), typeof(string));
                 store.set_sort_column_id (1, Gtk.SortType.ASCENDING);
                 
-                var category_label = new Gtk.Label ("<big><b>" + _(category_names[i]) + "</b></big>");
+                var category_label = new Gtk.Label (_(category_names[i]));
+                var fg_css = new Gtk.CssProvider ();
+                
+                try {
+                    fg_css.load_from_data ("*{
+                        color: shade (@bg_color, 0.4);
+                        font: open sans 11;
+                        font-weight: 600;
+                        text-shadow: 0 1px alpha (#fff, 0.6);
+                    }", -1);
+                } catch (Error e) { warning (e.message); }
+                
+                category_label.get_style_context ().add_provider (fg_css, 20000);
                 category_label.margin_left = 12;
                 category_label.margin_right = 8;
                 var filtered = new Gtk.TreeModelFilter (store, null);