Redesign completed. Lots of frontend fixes

Redesing of messaging screen completed. Colors synced with chat background

Makefile

@@ -36,7 +36,7 @@ uninstall:
 	@$(MAKE_M) $(LIBMX_DIR) $@
 	@$(MAKE_M) $(LIBCJSON_DIR) $@
 	@$(MAKE_M) $(LIBSQLITE_DIR) $@
-	rm database.db
+	@rm database.db
 
 reinstall: uninstall all
 

client/data/css/chat_bg/chatbg2.css

@@ -1,10 +1,11 @@
 #scrollable_msg
 {
-  background-color: #273255;
+  background-color: #1c2e55;
   background-image: url("../../chat-background/default/pikachu.png");
   background-size: 100%;
+  background-repeat: no-repeat;
 }
 #messanger
 {
-  background-color: #273255;
+  background-color: #1c2e55;
 }

client/data/css/chat_bg/chatbg3.css

@@ -1,10 +1,11 @@
 #scrollable_msg
 {
-  background-color: #1e2442;
+  background-color: #142042;
   background-image: url("../../chat-background/default/pokeball.png");
   background-size: 100%;
+  background-repeat: no-repeat;
 }
 #messanger
 {
-  background-color: #1e2442;
+  background-color: #142042;
 }

client/data/css/chat_bg/chatbg4.css

@@ -1,10 +1,11 @@
 #scrollable_msg
 {
-  background-color: #538dcb;
+  background-color: #178fce;
   background-image: url("../../chat-background/default/magikarp.png");
   background-size: 100%;
+  background-repeat: no-repeat;
 }
 #messanger
 {
-  background-color: #538dcb;
+  background-color: #178fce;
 }

client/data/css/chat_bg_dark/chatbg2.css

@@ -1,10 +1,11 @@
 #scrollable_msg
 {
-  background-color: #141414;
+  background-color: #0c0c0c;
   background-image: url("../../chat-background/dark/umbreon.png");
   background-size: 100%;
+  background-repeat: no-repeat;
 }
 #messanger
 {
-  background-color: #141414;
+  background-color: #0c0c0c;
 }

client/data/css/chat_bg_dark/chatbg3.css

@@ -1,10 +1,11 @@
 #scrollable_msg
 {
-  background-color: #2b2b2b;
+  background-color: #272727;
   background-image: url("../../chat-background/dark/dratini.png");
   background-size: 100%;
+  background-repeat: no-repeat;
 }
 #messanger
 {
-  background-color: #2b2b2b;
+  background-color: #272727;
 }

client/data/css/chat_bg_dark/chatbg4.css

@@ -1,10 +1,11 @@
 #scrollable_msg
 {
-  background-color: #272525;
+  background-color: #231f20;
   background-image: url("../../chat-background/dark/pikachu.png");
   background-size: 100%;
+  background-repeat: no-repeat;
 }
 #messanger
 {
-  background-color: #272525;
+  background-color: #231f20;
 }

client/data/css/chat_bg_light/chatbg2.css

@@ -1,10 +1,11 @@
 #scrollable_msg
 {
-  background-color: #ddf0f6;
+  background-color: #d6f0f7;
   background-image: url("../../chat-background/light/lapras.png");
   background-size: 100%;
+  background-repeat: no-repeat;
 }
 #messanger
 {
-  background-color: #ddf0f6;
+  background-color: #d6f0f7;
 }

client/data/css/chat_bg_light/chatbg3.css

@@ -1,10 +1,11 @@
 #scrollable_msg
 {
-  background-color: #d7eff9;
+  background-color: #ceeffa;
   background-image: url("../../chat-background/light/starter.png");
   background-size: 100%;
+  background-repeat: no-repeat;
 }
 #messanger
 {
-  background-color: #d7eff9;
+  background-color: #ceeffa;
 }

client/data/css/chat_bg_light/chatbg4.css

@@ -1,10 +1,11 @@
 #scrollable_msg
 {
-  background-color: #86bff4;
+  background-color: #64c0f6;
   background-image: url("../../chat-background/light/magnemite.png");
   background-size: 100%;
+  background-repeat: no-repeat;
 }
 #messanger
 {
-  background-color: #86bff4;
+  background-color: #64c0f6;
 }

client/data/css/home_screen.css

@@ -62,7 +62,7 @@
   border-radius: 13px;
   background-size: 100%;
   transition: 0.1s cubic-bezier(0.18,0.62,0.71,0.5);
-  opacity: 1;
+  opacity: 0.3;
 }
 #togroup_inner
 {
@@ -98,6 +98,7 @@
 #active
 {
   border-radius: 10px;
+  padding: 4px;
   transition: 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
 }
 #active:hover

client/data/css/msg_screen.css

@@ -16,7 +16,7 @@
 #adduser
 {
   background-repeat: no-repeat;
-  background-size: 22px;
+  background-size: 100%;
 }
 #dm_text
 {

client/data/css/themes/dark/msg_dark.css

@@ -118,12 +118,12 @@
 {
   background-image: url("../../../images/create-group-dark.png");
   background-size: 100%;
-  background-color: #353535;
-  box-shadow: inset 0 0 0 1.5px rgba(240, 240, 240, 0);
+  background-color: #202020;
 }
 #msggroup:hover
 {
-  box-shadow: inset 0 0 0 2.5px #f0f0f0;
+  background-image: url("../../../images/create-group-dark-hover.png");
+  background-color: #e6e6e9;
 }
 #crgroup_box
 {

client/data/css/themes/default/msg_default.css

@@ -123,11 +123,11 @@
   background-image: url("../../../images/create-group.png");
   background-size: 100%;
   background-color: #18254e;
-  box-shadow: inset 0 0 0 1.5px rgba(69, 100, 167, 0);
 }
 #msggroup:hover
 {
-  box-shadow: inset 0 0 0 2.5px #4564a7;
+  background-image: url("../../../images/create-group-hover.png");
+  background-color: #c1ceee;
 }
 #crgroup_box
 {

client/data/css/themes/light/msg_light.css

@@ -119,11 +119,11 @@
   background-image: url("../../../images/create-group-light.png");
   background-size: 100%;
   background-color: #ebebeb;
-  box-shadow: inset 0 0 0 1.5px rgba(52, 55, 64, 0);
 }
 #msggroup:hover
 {
-  box-shadow: inset 0 0 0 2.5px #343740;
+  background-image: url("../../../images/create-group-light-hover.png");
+  background-color: #343740;
 }
 #crgroup_box
 {

client/inc/client.h

@@ -338,11 +338,7 @@ void events_click(GtkWidget *widget, GdkEventButton *event);
 void status_click(GtkWidget *widget, GdkEventButton *event);
 void settings_click(GtkWidget *widget, GdkEventButton *event);
 
-void active1_click(GtkWidget *widget, GdkEventButton *event);
-void active2_click(GtkWidget *widget, GdkEventButton *event);
-void active3_click(GtkWidget *widget, GdkEventButton *event);
-void active4_click(GtkWidget *widget, GdkEventButton *event);
-void active5_click(GtkWidget *widget, GdkEventButton *event);
+void active_click(GtkWidget *widget, GdkEventButton *event);
 
 void adduser_click(GtkWidget *widget, GdkEventButton *event, gpointer search_field);
 void attach_click(GtkWidget *widget, GdkEventButton *event);

client/src/events_home.c

@@ -16,27 +16,8 @@ void event_leave_notify(GtkWidget *widget) {
 
 //--//--//--//         //--//--//--//
 
-void active1_click(GtkWidget *widget, GdkEventButton *event) {
+void active_click(GtkWidget *widget, GdkEventButton *event) {
     if(widget) {}
     if(event) {}
 }
 
-void active2_click(GtkWidget *widget, GdkEventButton *event) {
-    if(widget) {}
-    if(event) {}
-}
-
-void active3_click(GtkWidget *widget, GdkEventButton *event) {
-    if(widget) {}
-    if(event) {}
-}
-
-void active4_click(GtkWidget *widget, GdkEventButton *event) {
-    if(widget) {}
-    if(event) {}
-}
-
-void active5_click(GtkWidget *widget, GdkEventButton *event) {
-    if(widget) {}
-    if(event) {}
-}

client/src/events_leftbar.c

@@ -42,6 +42,7 @@ void messages_click(GtkWidget *widget, GdkEventButton *event) {
 void group_click(GtkWidget *widget, GdkEventButton *event) {
     if(t_leftbar.active == 3) return;
     if(event->type == GDK_BUTTON_PRESS && event->button == 1) {
+        create_notification(t_application.messanger, "Not available at the moment!", 1, LEFTBAR_W, 160, 0, 30);
         // gtk_widget_unset_state_flags(GTK_WIDGET(t_leftbar.home_box), GTK_STATE_FLAG_LINK);
         // gtk_widget_unset_state_flags(GTK_WIDGET(t_leftbar.msg_box), GTK_STATE_FLAG_LINK);
         // gtk_widget_unset_state_flags(GTK_WIDGET(t_leftbar.events_box), GTK_STATE_FLAG_LINK);
@@ -55,6 +56,7 @@ void group_click(GtkWidget *widget, GdkEventButton *event) {
 void events_click(GtkWidget *widget, GdkEventButton *event) {
     if(t_leftbar.active == 4) return;
     if(event->type == GDK_BUTTON_PRESS && event->button == 1) {
+        create_notification(t_application.messanger, "Not available at the moment!", 1, LEFTBAR_W, 230, 0, 30);
         // gtk_widget_unset_state_flags(GTK_WIDGET(t_leftbar.home_box), GTK_STATE_FLAG_LINK);
         // gtk_widget_unset_state_flags(GTK_WIDGET(t_leftbar.group_box), GTK_STATE_FLAG_LINK);
         // gtk_widget_unset_state_flags(GTK_WIDGET(t_leftbar.msg_box), GTK_STATE_FLAG_LINK);