Added css support and fixed background on form page

Author: Bart Zaalberg

CMakeLists.txt

@@ -102,8 +102,11 @@
         vte-2.91
     )
 
-    # tell cmake what to call the executable we just made
-    add_executable(${EXEC_NAME} ${VALA_C})
+    include (GResource)
+    glib_compile_resources (GLIB_RESOURCES_ICONS SOURCE /data/icons/icons.gresource.xml)
+
+    # tell cmake what to call the executable we just made and install
+    add_executable(${EXEC_NAME} ${VALA_C} ${GLIB_RESOURCES_ICONS})
 
     #------------------------------------------------------------------------------------------
 

data/application.css

@@ -0,0 +1,7 @@
+.stack-manager {
+    background-color: #FFF;
+}
+
+.form-component {
+    background-color: #FFF;
+}

data/icons/icons.gresource.xml

@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<gresources>
+  <gresource prefix="/com/github/bartzaalberg/bookmark-manager">
+    <file alias="application.css" compressed="true">../application.css</file>
+  </gresource>
+</gresources>
+

src/Components/BookmarkForm.vala

@@ -15,6 +15,8 @@ public class BookmarkForm : Gtk.Grid{
 
     public BookmarkForm(){
 
+        get_style_context().add_class("form-component");
+
         var nicknameLabel = new BookmarkFormLabel (_("Nickname:"));
         var hostLabel = new BookmarkFormLabel (_("Host:*"));
         var hostNameLabel = new BookmarkFormLabel (_("Host name:*"));

src/MainWindow.vala

@@ -10,6 +10,9 @@ public class MainWindow : Gtk.Window{
     private HeaderBar headerBar = HeaderBar.get_instance();
 
     construct {
+
+        loadGresources();
+
         if(settings.get_string ("sshname") == ""){
            settings.set_string ("sshname", Environment.get_user_name ());
         }
@@ -27,6 +30,12 @@ public class MainWindow : Gtk.Window{
         addShortcuts();
     }
 
+    private void loadGresources(){
+        var provider = new Gtk.CssProvider ();
+        provider.load_from_resource ("/com/github/bartzaalberg/bookmark-manager/application.css");
+        Gtk.StyleContext.add_provider_for_screen (Gdk.Screen.get_default (), provider, Gtk.STYLE_PROVIDER_PRIORITY_APPLICATION);
+    }
+
     private void addShortcuts(){
         key_press_event.connect ((e) => {
             switch (e.keyval) {

src/StackManager.vala

@@ -19,6 +19,7 @@ public class StackManager : Object {
     // Private constructor
     StackManager() {
         stack = new Gtk.Stack ();
+        stack.get_style_context().add_class("stack-manager");
         stack.transition_type = Gtk.StackTransitionType.SLIDE_LEFT_RIGHT;
     }