Improve overall UX while using Ricin with native themes only. It rocks!

Author: SkyzohKey

res/ricin.desktop.in

@@ -1,10 +1,11 @@
 [Desktop Entry]
 Name=Ricin
 Comment=A dead-simple but powerful Tox client.
-Categories=Network
+Categories=Network;InstantMessaging;P2P;
 Encoding=UTF-8
 Exec=Ricin
 Icon=ricin.svg
 Type=Application
 Terminal=false
 X-UserData=$CONFIG/ricin;
+MimeType=x-scheme-handler/tox;

res/ricin.gresource.xml

@@ -18,6 +18,7 @@
         <file preprocess="xml-stripblanks" compressed="true">ui/settings-view.ui</file>
         <file preprocess="xml-stripblanks" compressed="true">ui/welcome-view.ui</file>
 
+        <file compressed="true">themes/styles.css</file>
         <file compressed="true">themes/app.css</file>
         <file compressed="true">themes/clearer.css</file>
         <file compressed="true">themes/dark.css</file>

res/themes/app.css

@@ -7,17 +7,6 @@
 /** GTK reset **/
 @import url("reset.css");
 
-.badge {
-	background-color: @ui_system_color;
-	color: #ffffff;
-	border-radius: 0px;
-	padding: 3px 5px;
-	font-size: 7px;
-}
-*:link {
-	color: @ui_system_color;
-}
-
 GtkEntry,
 GtkEntry:focus,
 GtkComboBox,

res/themes/styles.css

@@ -0,0 +1,22 @@
+@define-color blue_primary #2a92c6;
+
+@define-color badge_color @blue_primary;
+@define-color links_color @blue_primary;
+
+.badge {
+	background-color: @badge_color;
+	color: #ffffff;
+	border-radius: 0px;
+	padding: 3px 5px;
+	font-size: 7px;
+}
+
+*:link {
+	color: @link_color;
+}
+
+.box-search GtkSearchEntry,
+.box-search GtkToggleButton {
+  border-radius: 0;
+}
+

res/ui/chat-view.ui

@@ -247,6 +247,7 @@
                         </child>
                         <style>
                           <class name="image-desc"/>
+                          <class name="background"/>
                         </style>
                       </object>
                       <packing>

res/ui/file-list-row.ui

@@ -23,6 +23,7 @@
         </child>
         <style>
           <class name="notebook-buttons"/>
+          <class name="background"/>
         </style>
       </object>
       <packing>

res/ui/main-window.ui

@@ -119,14 +119,16 @@ class Ricin.ChatView : Gtk.Box {
 
     var _avatar_path = Tox.profile_dir () + "avatars/" + this.fr.pubkey + ".png";
     if (FileUtils.test (_avatar_path, FileTest.EXISTS)) {
-      var pixbuf = new Gdk.Pixbuf.from_file_at_scale (_avatar_path, 48, 48, false);
-      this.user_avatar.pixbuf = pixbuf;
+      var pixbuf_scaled = new Gdk.Pixbuf.from_file_at_scale (_avatar_path, 48, 48, false);
+      var pixbuf = new Gdk.Pixbuf.from_file_at_scale (_avatar_path, 128, 128, false);
+      
+      this.user_avatar.pixbuf = pixbuf_scaled;
       this.friend_profil_avatar.pixbuf = pixbuf;
     } else {
       Cairo.Surface surface = Util.identicon_for_pubkey (this.fr.pubkey);
-      var pixbuf = Gdk.pixbuf_get_from_surface (surface, 0, 0, 48, 48);
-      this.user_avatar.pixbuf = pixbuf;
-      this.friend_profil_avatar.pixbuf = pixbuf;
+      var pixbuf_scaled = Gdk.pixbuf_get_from_surface (surface, 0, 0, 48, 48);
+      this.user_avatar.pixbuf = pixbuf_scaled;
+      this.friend_profil_avatar.pixbuf = Util.pubkey_to_image(this.fr.pubkey, 128, 128);
     }
 
     this.entry.key_press_event.connect ((event) => {
@@ -223,7 +225,8 @@ class Ricin.ChatView : Gtk.Box {
 
     fr.avatar.connect (p => {
       this.user_avatar.pixbuf = p;
-      this.friend_profil_avatar.pixbuf = p;
+      //this.friend_profil_avatar.pixbuf = p;
+      this.friend_profil_avatar.pixbuf = Util.pubkey_to_image(this.fr.pubkey, 128, 128);
 
       this.label_friend_last_seen.set_markup (this.fr.last_online ("%H:%M %d/%m/%Y"));
     });
@@ -245,7 +248,7 @@ class Ricin.ChatView : Gtk.Box {
           }
         } else {
           if (this.handle.status != Tox.UserStatus.BUSY) {
-            Notification.notify (this.fr.name, message, 5000);
+            Notification.notify (this.fr.name, message, 5000, Util.pubkey_to_image (this.fr.pubkey, 46, 46));
           }
         }
       }
@@ -281,7 +284,7 @@ class Ricin.ChatView : Gtk.Box {
           }
         } else {
           if (this.handle.status != Tox.UserStatus.BUSY) {
-            Notification.notify (fr.name, message, 5000);
+            Notification.notify (fr.name, message, 5000, Util.pubkey_to_image (this.fr.pubkey, 46, 46));
           }
         }
 

res/ui/settings-view.ui

@@ -70,11 +70,11 @@ public class Ricin.EditableLabel : Gtk.EventBox {
 
     this.entry.get_style_context ().add_class ("entry-principal");
     this.button_ok.get_style_context ().add_class ("button-dark");
-    this.button_ok.relief = Gtk.ReliefStyle.NONE;
+    this.button_ok.relief = Gtk.ReliefStyle.NORMAL;
     this.button_cancel.get_style_context ().add_class ("button-dark");
-    this.button_cancel.relief = Gtk.ReliefStyle.NONE;
+    this.button_cancel.relief = Gtk.ReliefStyle.NORMAL;
 
-    this.entry.has_frame = false;
+    this.entry.has_frame = true;
     this.entry.width_chars = 10;
 
     this.button_ok.add (new Gtk.Image.from_icon_name ("object-select-symbolic", Gtk.IconSize.BUTTON));