Skip to content

Update splash screen #19571

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 7 commits into from
Oct 27, 2025
+87 −68
Merged

Update splash screen #19571

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
7 commits
Select commit Hold shift + click to select a range
b3c67fb
Update splash screen
Oct 23, 2025
a0a75b5
Fix splash.c formatting
Oct 24, 2025
b8eca8a
Add back unnecessarily deleted comments to splash.c
Oct 24, 2025
32995b3
Update splash.c formatting, reverting unexpected reformatting
Oct 26, 2025
897865c
Capitalise P in 'photography' on splash screen
Oct 26, 2025
e36f734
Address requested changes
Oct 26, 2025
bd0b817
CSS styling updates
Oct 26, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
98 changes: 52 additions & 46 deletions data/themes/darktable.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2350,82 +2350,88 @@ Details :
{
background-color: @grey_20;
border: 1px solid;
border-radius: 25px;
border-radius: 0;
min-width: 720px;
}

#splashscreen-header
{
padding: 0;
margin: 0;
}
/* make the (nonexistent) title text very small to avoid an obvious bar at top */

#splashscreen-header label
{
font-size: 1%;
padding: 0;
margin: 0;
}
/* style the darktable logo */

#splashscreen-logo
{
margin-left: 20px;
margin-right: 20px;
margin-left: 30px;
margin-top: 30px;
margin-right: 25px;
min-width: 120px;
min-height: 120px;
}
/* position the darktable version number next to the logo */
#splashscreen-version
{
margin-top: -35pt;
margin-right: -110pt;
font-size: 15pt;
}
/* style the darktable program name */

/* darktable wordmark */
#splashscreen-program
{
font-size: 48pt;
margin: 2pt;
margin-top: 20px;
margin-right: 20px;
font-size: 50pt;
margin-top: 25pt;
margin-bottom: 0;
}
/* style the darktable program description */
#splashscreen-description

/* version number */
#splashscreen-version
{
color: @grey_60;
font-size: 16pt;
font-family: Inter, DejaVu Serif, serif;
padding: 1em;
margin: 1em;
color: @grey_50;
font-size: 22pt;
margin-top: 0;
}
/* style the "get ready" message */
#splashscreen-prepare

/* tagline below logo */
#splashscreen-description
{
font-size: 12pt;
font-family: Inter, DejaVu Serif, serif;
margin-top: -5pt;
margin-left: -150pt;
color: @grey_60;
font-size: 18pt;
font-family: Inter, sans-serif;
margin-top: 30pt;
margin-bottom: 30pt;
margin-left: 30pt;
}
/* style the separating bar - without a style, it won't appear or take space! */

/* horizontal line */
#splashscreen-separator
{
border: 0px;
margin-top: 1pt;
margin-bottom: 3pt;
background-color: @grey_40;
min-height: 1px;
border: none;
margin-top: 10pt;
margin-bottom: 10pt;
margin-left:10px;
margin-right:10px;
}
/* style the progress message */

/* progress label */
#splashscreen-progress
{
border-radius: 15px;
background-color: alpha(@grey_10, 0.8);
min-width: 1em;
min-height: 4em;
margin-top: 0.5em;
margin-bottom: 0.5em;
margin-left: 8em;
margin-right: 8em;
color: @grey_70;
font-size: 12pt;
font-family: Inter, sans-serif;
background-color: transparent;
margin-left: 30pt;
margin-top: 10pt;
margin-bottom: 5pt;
}
/* style the time remaining */

/* time remaining */
#splashscreen-remaining
{
color: yellow;
font-size: 150%;
color: @grey_60;
font-size: 10pt;
}

/* style the message on the exit screen */
Expand Down
55 changes: 33 additions & 22 deletions src/gui/splash.c
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -35,12 +35,12 @@
// USE_SPLASHSCREEN_IMAGE not defined
#define MAX_IMAGES 4

#define ICON_SIZE 250
#define ICON_SIZE 150

#ifdef USE_FEATURED_IMAGE
#define PROGNAME_SIZE 300
#else
#define PROGNAME_SIZE 480
#define PROGNAME_SIZE 320
#endif

static GtkWidget *splash_screen = NULL;
Expand Down Expand Up @@ -165,7 +165,7 @@ void darktable_splash_screen_create(GtkWindow *parent_window,
int version_len = strlen(darktable_package_version);
char *delim = strchr(darktable_package_version, '~');
if(delim)
version_len = delim - darktable_package_version;
version_len = delim - darktable_package_version;
gchar *version_str = g_strdup_printf("%.*s", version_len, darktable_package_version);
GtkWidget *version = GTK_WIDGET(gtk_label_new(version_str));
g_free(version_str);
Expand All @@ -188,43 +188,54 @@ void darktable_splash_screen_create(GtkWindow *parent_window,
GtkWidget *image = gtk_image_new_from_file(image_file);
g_free(image_file);
gtk_widget_set_name(GTK_WIDGET(image), "splashscreen-image");
// make a vertical stack of the darktable logo, name, and description
gtk_image_set_pixel_size(GTK_IMAGE(logo), 180);
GtkWidget *program_desc =
GTK_WIDGET(gtk_label_new(_("Photography workflow\napplication and\nRAW developer")));
GTK_WIDGET(gtk_label_new(_("Photography workflow application\nand RAW developer")));
gtk_label_set_justify(GTK_LABEL(program_desc), GTK_JUSTIFY_CENTER);
gtk_widget_set_name(program_desc, "splashscreen-description");

dt_gui_box_add(content, dt_gui_hbox(dt_gui_vbox(logo, version, program_name, program_desc), image));
#else
// put the darktable logo and version number together
gtk_image_set_pixel_size(GTK_IMAGE(logo), 220);
gtk_image_set_pixel_size(GTK_IMAGE(logo), ICON_SIZE);
gtk_label_set_justify(GTK_LABEL(version), GTK_JUSTIFY_LEFT);

// put the darktable wordmark and description in a vertical stack
GtkWidget *program_desc = GTK_WIDGET(gtk_label_new(_("Photography workflow application\nand RAW developer")));
gtk_label_set_justify(GTK_LABEL(program_desc), GTK_JUSTIFY_RIGHT);
gtk_widget_set_halign(program_desc, GTK_ALIGN_END);
gtk_label_set_justify(GTK_LABEL(program_desc), GTK_JUSTIFY_LEFT);
gtk_widget_set_halign(program_desc, GTK_ALIGN_START);
gtk_widget_set_name(program_desc, "splashscreen-description");

GtkWidget *prepare = gtk_label_new(_("get ready to unleash your creativity"));
gtk_widget_set_name(prepare, "splashscreen-prepare");

dt_gui_box_add(content,
dt_gui_hbox(dt_gui_vbox(logo, version, copyright),
dt_gui_vbox(gtk_label_new(NULL), program_name, program_desc, gtk_label_new(NULL), prepare)));
GtkWidget *sep = gtk_separator_new(GTK_ORIENTATION_HORIZONTAL);
gtk_widget_set_name(sep, "splashscreen-separator");
gtk_widget_set_hexpand(sep, TRUE);

GtkWidget *title_col = dt_gui_vbox(program_name);
gtk_box_set_spacing(GTK_BOX(title_col), 4);
dt_gui_box_add(GTK_BOX(title_col), version);
gtk_widget_set_halign(program_name, GTK_ALIGN_START);
gtk_widget_set_halign(version, GTK_ALIGN_START);
gtk_label_set_xalign(GTK_LABEL(version), 0.0);
gtk_widget_set_halign(title_col, GTK_ALIGN_START);
gtk_widget_set_valign(title_col, GTK_ALIGN_CENTER);
gtk_widget_set_valign(logo, GTK_ALIGN_CENTER);

GtkWidget *logo_col = gtk_box_new(GTK_ORIENTATION_VERTICAL, 2);
gtk_box_pack_start(GTK_BOX(logo_col), logo, FALSE, FALSE, 0);
gtk_box_pack_start(GTK_BOX(logo_col), copyright, FALSE, FALSE, 0);
gtk_widget_set_halign(logo_col, GTK_ALIGN_START);
gtk_widget_set_valign(logo_col, GTK_ALIGN_CENTER);

dt_gui_box_add(content, dt_gui_vbox(dt_gui_hbox(logo_col, title_col), program_desc, sep, progress_text));
#endif

GtkWidget *hbar = gtk_separator_new(GTK_ORIENTATION_HORIZONTAL);
gtk_widget_set_name(hbar, "splashscreen-separator");
gtk_widget_show(hbar);
gtk_widget_set_halign(progress_text, GTK_ALIGN_START);

remaining_box = dt_gui_hbox(dtgtk_button_new(dtgtk_cairo_paint_clock, 0, 0), remaining_text);
gtk_widget_set_halign(GTK_WIDGET(remaining_box), GTK_ALIGN_CENTER);
gtk_widget_set_halign(GTK_WIDGET(remaining_box), GTK_ALIGN_START);

dt_gui_box_add(content, hbar, progress_text, remaining_box);
dt_gui_box_add(content, remaining_box);

gtk_window_set_decorated(GTK_WINDOW(splash_screen), FALSE);
gtk_window_set_default_size(GTK_WINDOW(splash_screen), 700, -1);
gtk_widget_show_all(splash_screen);
gtk_widget_hide(remaining_box);
_process_all_gui_events();
Expand Down Expand Up @@ -323,7 +334,7 @@ void darktable_exit_screen_create(GtkWindow *parent_window,
_set_header_bar(exit_screen);
GtkWidget *program_name = _get_program_name();
GtkWidget *logo = _get_logo();
gtk_image_set_pixel_size(GTK_IMAGE(logo), 220);
gtk_image_set_pixel_size(GTK_IMAGE(logo), ICON_SIZE);
GtkBox *header_box = GTK_BOX(gtk_box_new(GTK_ORIENTATION_HORIZONTAL, 0));
gtk_box_pack_start(header_box, logo, FALSE, FALSE, 0);
gtk_box_pack_start(header_box, program_name, FALSE, FALSE, 0);
Expand Down
2 changes: 2 additions & 0 deletions src/gui/splash.h
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -16,6 +16,8 @@
along with darktable. If not, see <http://www.gnu.org/licenses/>.
*/

#include <gtk/gtk.h>

void darktable_splash_screen_create(GtkWindow *parent, gboolean force);
void darktable_splash_screen_set_progress(const char *msg);
void darktable_splash_screen_set_progress_percent(const char *msg, double fraction, double elapsed);
Expand Down
Loading