feat: new accent color switcher in the preferences page

a little something to take the edge off

Author: vani-tty1

data/io.github.vani_tty1.memerist.gschema.xml

@@ -31,6 +31,12 @@
 			<description>Preferred color scheme: 'light', 'dark', or 'default'</description>
 		</key>
 
+		<key name="accent-color" type="s">
+			<default>'default'</default>
+			<summary>Accent color</summary>
+			<description>App accent color: 'default' (follow the system), 'blue', 'teal', 'green', 'yellow', 'orange', 'red', 'pink', 'purple' or 'slate'</description>
+		</key>
+
 		<key name="hidden-templates" type="as">
 			<default>[]</default>
 			<summary>Hidden built-in templates</summary>

src/meme-accent.c

@@ -0,0 +1,72 @@
+#include "meme-accent.h"
+#include <adwaita.h>
+
+typedef struct {
+  const char *id;
+  const char *bg;
+  const char *light;
+  const char *dark;
+} AccentColor;
+
+static const AccentColor accent_colors[] = {
+  { "blue", "#3584e4", "#0461be", "#78aeed" },
+  { "teal", "#2190a4", "#007184", "#7bdff4" },
+  { "green", "#3a944a", "#15772e", "#8de6b1" },
+  { "yellow", "#c88800", "#905400", "#f8e45c" },
+  { "orange", "#ed5b00", "#c64600", "#ffa348" },
+  { "red", "#e62d42", "#c01c28", "#ff7b63" },
+  { "pink", "#d56199", "#a2326c", "#ffa0d0" },
+  { "purple", "#9141ac", "#7a2f94", "#dc8add" },
+  { "slate", "#6f8396", "#4f6376", "#c0d5ea" },
+};
+
+static GSettings *settings;
+static GtkCssProvider *provider;
+
+static void
+apply_accent (void)
+{
+  g_autofree char *id = g_settings_get_string (settings, "accent-color");
+  gboolean dark = adw_style_manager_get_dark (adw_style_manager_get_default ());
+  g_autofree char *css = NULL;
+  guint i;
+
+  for (i = 0; i < G_N_ELEMENTS (accent_colors); i++)
+    {
+      const AccentColor *c = &accent_colors[i];
+
+      if (g_strcmp0 (c->id, id) != 0)
+        continue;
+
+      css = g_strdup_printf ("@define-color accent_bg_color %s;\n"
+                             "@define-color accent_fg_color #ffffff;\n"
+                             "@define-color accent_color %s;\n",
+                             c->bg, dark ? c->dark : c->light);
+      break;
+    }
+
+  gtk_css_provider_load_from_string (provider, css ? css : "");
+}
+
+static void
+on_accent_changed (void)
+{
+  apply_accent ();
+}
+
+void
+meme_accent_init (void)
+{
+  if (provider != NULL)
+    return;
+
+  settings = g_settings_new ("io.github.vani_tty1.memerist");
+  provider = gtk_css_provider_new ();
+  gtk_style_context_add_provider_for_display (gdk_display_get_default (),
+                                              GTK_STYLE_PROVIDER (provider),
+                                              GTK_STYLE_PROVIDER_PRIORITY_APPLICATION + 1);
+  g_signal_connect (settings, "changed::accent-color", G_CALLBACK (on_accent_changed), NULL);
+  g_signal_connect (adw_style_manager_get_default (), "notify::dark", G_CALLBACK (on_accent_changed), NULL);
+
+  apply_accent ();
+}

src/meme-accent.h

@@ -0,0 +1,9 @@
+#pragma once
+
+#include <glib.h>
+
+G_BEGIN_DECLS
+
+void meme_accent_init (void);
+
+G_END_DECLS

src/meme-application.c

@@ -24,6 +24,7 @@
 #include "meme-window.h"
 #include "meme-welcome-dialog.h"
 #include "meme-preferences-dialog.h"
+#include "meme-accent.h"
 #include "config.h"
 #include <epoxy/gl.h>
 #include "gdk/gdk.h"
@@ -238,6 +239,7 @@ meme_application_startup (GApplication *app)
 {
 
   G_APPLICATION_CLASS (meme_application_parent_class)->startup (app);
+  meme_accent_init ();
   g_action_map_add_action_entries (G_ACTION_MAP (app),
                                    app_actions,
                                    G_N_ELEMENTS (app_actions),

src/meme-preferences-dialog.c

@@ -22,12 +22,28 @@
 #include <adwaita.h>
 #include "meme-preferences-dialog.h"
 
+static void
+update_reset_sensitivity (GSettings *settings, const char *key, GtkWidget *button)
+{
+  g_autofree char *id = g_settings_get_string (settings, "accent-color");
+
+  gtk_widget_set_sensitive (button, g_strcmp0 (id, "default") != 0);
+}
+
+static void
+on_reset_clicked (GtkButton *button, GSettings *settings)
+{
+  g_settings_reset (settings, "accent-color");
+}
+
 void
 meme_show_preferences_dialog (GtkWindow *parent)
 {
   GtkBuilder *builder;
   AdwDialog *dialog;
   GtkWidget *reduce_quality_row;
+  GtkWidget *accent_reset_button;
+  GSimpleActionGroup *actions;
   GSettings *settings;
 
   builder = gtk_builder_new_from_resource ("/io/github/vani_tty1/memerist/preferences-dialog.ui");
@@ -40,6 +56,17 @@ meme_show_preferences_dialog (GtkWindow *parent)
                     reduce_quality_row, "active",
                     G_SETTINGS_BIND_DEFAULT);
 
+  accent_reset_button = GTK_WIDGET (gtk_builder_get_object (builder, "accent_reset_button"));
+  actions = g_simple_action_group_new ();
+  g_action_map_add_action (G_ACTION_MAP (actions), g_settings_create_action (settings, "accent-color"));
+  gtk_widget_insert_action_group (GTK_WIDGET (dialog), "prefs", G_ACTION_GROUP (actions));
+  g_object_unref (actions);
+
+  g_signal_connect_object (settings, "changed::accent-color",
+                           G_CALLBACK (update_reset_sensitivity), accent_reset_button, 0);
+  g_signal_connect (accent_reset_button, "clicked", G_CALLBACK (on_reset_clicked), settings);
+  update_reset_sensitivity (settings, "accent-color", accent_reset_button);
+
   g_object_set_data_full (G_OBJECT (dialog), "meme-preferences-settings",
                            settings, g_object_unref);
 

src/meson.build

@@ -16,6 +16,7 @@ blueprints = custom_target('blueprints',
 myapp_sources = [
   'main.c',
   'meme-application.c',
+  'meme-accent.c',
   'meme-core.c',
   'meme-window.c',
   'meme-window-canvas.c',

src/template-window.blp

@@ -2,7 +2,7 @@ using Gtk 4.0;
 using Adw 1;
 
 Adw.Dialog template_window {
-  content-width: 480;
+  content-width: 580;
   content-height: 640;
   width-request: 320;
   height-request: 320;