Bugfix if wallpaper time change between 23:00 and midnight

Add Russian translation

.gitignore

@@ -2,6 +2,7 @@
 *.glade#
 *.txt
 *.json
+*.tar.gz
 extracted_images/
 selected/
 __pycache__

CHANGELOG

@@ -1,4 +1,25 @@
-# Version 2.0 (upcoming)
+# Version 2.4
+- Adding Login window support
+- Adding Russian translation (Thanks to blogdron)
+- Adding Hungarian translation (Thanks to vajdao)
+- Bugfix: Time period calculation on locations near the dateline, like Japan
+
+# Version 2.3
+- Adding Dutch translation
+- Adding German translation
+- Adding Spanish translation (Thanks to rcalixte)
+
+# Version 2.2
+- Bugfixes
+- Migrate code to MVVM pattern
+- Adding option to change the location provider
+- Adding example image for dynamic background color
+
+# Version 2.1
+- Bugfixes
+- Smaller UI for displays with reduced resolution (< 1000px height)
+
+# Version 2.0
 - New App icon
 - Preferences window redesign - All settings are now in one window accessable!
 - Graphic visualizing of the time periods of a day with a bar chart

README.md

@@ -1,5 +1,5 @@
 # Cinnamon Dynamic Wallpaper
-<img src="cinnamon-dynamic-wallpaper@TobiZog/5.4/icons/icon.svg" alt="drawing" width="200" style="margin-left:auto; margin-right:auto; width:50%; display:block"/>
+<img src="cinnamon-dynamic-wallpaper@TobiZog/5.4/res/icons/icon.svg" alt="drawing" width="200" style="margin-left:auto; margin-right:auto; width:50%; display:block"/>
 
 ![](res/wallpaper_merged.jpg)
 
@@ -11,22 +11,18 @@ This extension switches the background image of your Cinnamon desktop multiple t
 - 10 day periods
 - HEIF converter
 - Image configuration assistent with simple one-click setup for image choices
-- Online location estimation or offline with manual latitude and longitude input
+- Online location estimation (three provider) or offline with manual latitude and longitude input
 - Time periods individual configured by user
 - Offline sun angles estimation
 - Image stretching over multiple displays or repeat image for every display
-- Show image on lock screen
+- Creating a color gradient based on the current wallpaper for images which not fill the whole screen
 
 ### Tested Cinnamon versions
 - 5.4 (Mint 21)
 - 5.6 (Mint 21.1)
 - 5.8 (Mint 21.2)
 - 6.0 (Mint 21.3)
-
-#### Only supported with version 1.x
-- 4.8 (Mint 20.1)
-- 5.0 (Mint 20.2)
-- 5.2 (Mint 20.3)
+- 6.2 (Mint 22)
 
 ### Technology
 - `JavaScript`
@@ -48,7 +44,7 @@ This extension switches the background image of your Cinnamon desktop multiple t
 3. Search and download it
 
 ### From the repo
-1. Download the Repository
+1. Download the latest from the Releases page on GitHub: https://github.com/TobiZog/cinnamon-dynamic-wallpaper/releases
 2. Extract the files
 3. Copy the folder `cinnamon-dynamic-wallpaper@TobiZog` to `~/.local/share/cinnamon/extensions/`
 ---
@@ -65,18 +61,57 @@ All configuration will be handled there. You can choose between included image s
 
 ![](res/image_configurator.png)
 
+---
+## Troubleshooting
+### General
+At first: Check if the extension is installed AND activated (check symbol on the left in Extension window).
+
+![](res/activated-extension.png)
+
+Many errors on Linux Mint/Cinnamon Desktop will be printed to Melange. You can open it by pressing `Super Key` + `L`.
+
+### The Preference Window doesn't open!
+Go to your home directory, open the terminal. Execute the command:
+
+```
+python3 .local/share/cinnamon/extensions/cinnamon-dynamic-wallpaper@TobiZog/5.4/src/main.py
+```
+
+This will manually start the window. If there are any problems, the terminal will show it. Use these informations to fix the problem or add them to the Issue.
+
+### The extension don't change the wallpaper
+Go to your home directory, open the terminal. Execute the command:
+
+```
+python3 .local/share/cinnamon/extensions/cinnamon-dynamic-wallpaper@TobiZog/5.4/src/main.py loop
+```
+
+It executes the loop-function which handles the wallpaper change. Terminal will show errors. Use these informations to fix the problem or add them to the Issue.
+
+---
+## Contribute
+### Translation
+You want to contribute a language which isn't supported yet? Here is how to do:
+
+1. Fork the cinnamon-spices-extensions project: https://github.com/linuxmint/cinnamon-spices-extensions
+2. Pull the repository
+3. Open `cinnamon-dynamic-wallpaper@TobiZog/files/cinnamon-dynamic-wallpaper@TobiZog/po/cinnamon-dynamic-wallpaper@TobiZog.pot` with a po-tool like poedit (https://poedit.net/).
+4. Create a new translation in your language
+5. Push the changes to your repository
+6. Create a pull request
+
 ---
 ## Included image sets
 The image sets are from https://github.com/adi1090x/dynamic-wallpaper
 
 | Aurora | Beach | Bitday |
 | ------ | ----- | ------ |
-| ![](cinnamon-dynamic-wallpaper@TobiZog/5.4/images/included_image_sets/aurora/5.jpg) | ![](cinnamon-dynamic-wallpaper@TobiZog/5.4/images/included_image_sets/beach/4.jpg) | ![](cinnamon-dynamic-wallpaper@TobiZog/5.4/images/included_image_sets/bitday/4.jpg) |
+| ![](cinnamon-dynamic-wallpaper@TobiZog/5.4/res/images/included_image_sets/aurora/5.jpg) | ![](cinnamon-dynamic-wallpaper@TobiZog/5.4/res/images/included_image_sets/beach/4.jpg) | ![](cinnamon-dynamic-wallpaper@TobiZog/5.4/res/images/included_image_sets/bitday/4.jpg) |
 
 | Cliffs | Earth | Gradient | 
 | -------- | --------- | ------ |
-| ![](cinnamon-dynamic-wallpaper@TobiZog/5.4/images/included_image_sets/cliffs/4.jpg) | ![](cinnamon-dynamic-wallpaper@TobiZog/5.4/images/included_image_sets/earth/4.jpg) | ![](cinnamon-dynamic-wallpaper@TobiZog/5.4/images/included_image_sets/gradient/4.jpg) | 
+| ![](cinnamon-dynamic-wallpaper@TobiZog/5.4/res/images/included_image_sets/cliffs/4.jpg) | ![](cinnamon-dynamic-wallpaper@TobiZog/5.4/res/images/included_image_sets/earth/4.jpg) | ![](cinnamon-dynamic-wallpaper@TobiZog/5.4/res/images/included_image_sets/gradient/4.jpg) | 
 
 | Lakeside | Mountains | Sahara |
 | --------- | ------ | ------ |
-| ![](cinnamon-dynamic-wallpaper@TobiZog/5.4/images/included_image_sets/lakeside/4.jpg) | ![](cinnamon-dynamic-wallpaper@TobiZog/5.4/images/included_image_sets/mountains/4.jpg) | ![](cinnamon-dynamic-wallpaper@TobiZog/5.4/images/included_image_sets/sahara/4.jpg) |
+| ![](cinnamon-dynamic-wallpaper@TobiZog/5.4/res/images/included_image_sets/lakeside/4.jpg) | ![](cinnamon-dynamic-wallpaper@TobiZog/5.4/res/images/included_image_sets/mountains/4.jpg) | ![](cinnamon-dynamic-wallpaper@TobiZog/5.4/res/images/included_image_sets/sahara/4.jpg) |

cinnamon-dynamic-wallpaper@TobiZog/5.4/extension.js

@@ -1,7 +1,7 @@
 /**
- * @name	Cinnamon-Dynamic-Wallpaper
- * @alias 	TobiZog
- * @since	2023-05-17
+ * @name  Cinnamon-Dynamic-Wallpaper
+ * @alias TobiZog
+ * @since 2023-05-17
  * 
  * @description Main application file
  */
@@ -17,7 +17,8 @@ const Gio = imports.gi.Gio;
 const MessageTray = imports.ui.messageTray;
 const St = imports.gi.St;
 const Main = imports.ui.main;
-
+const Gettext = imports.gettext;
+const GLib = imports.gi.GLib;
 
 
 /******************** Constants ********************/
@@ -33,9 +34,6 @@ const PATH = DIRECTORY.path;
 // The extension object
 let extension;
 
-// Time and date of the last location update
-let lastLocationUpdate = -1
-
 // Loop state
 let looping = true
 
@@ -47,6 +45,15 @@ function CinnamonDynamicWallpaperExtension(uuid) {
 }
 
 
+function _(str) {
+	let customTranslation = Gettext.dgettext(UUID, str);
+	if (customTranslation !== str) {
+		return customTranslation;
+	}
+	return Gettext.gettext(str);
+}
+
+
 CinnamonDynamicWallpaperExtension.prototype = {
 
 	/******************** Lifecycle ********************/
@@ -59,16 +66,18 @@ CinnamonDynamicWallpaperExtension.prototype = {
 	_init: function(uuid) { 
 		this.settings = new Settings.ExtensionSettings(this, uuid);
 
+		Gettext.bindtextdomain(UUID, GLib.get_home_dir() + '/.local/share/locale');
+
 		// Check for the first startup
 		if (this.settings.getValue("first_start")) {
 
 			// Welcome notification
-			this.showNotification("Welcome to Cinnamon Dynamic Wallpaper", 
-				"Check the preferences to choose a dynamic wallpaper", true)
+			this.showNotification(_("Welcome to Cinnamon Dynamic Wallpaper"), 
+				_("Check the preferences to choose a dynamic wallpaper"), true)
 
 			// Hide the notification on system restart
 			this.settings.setValue("first_start", false)
-			this.settings.setValue("source_folder", DIRECTORY["path"] + "/images/included_image_sets/lakeside/")
+			this.settings.setValue("source_folder", DIRECTORY["path"] + "/res/images/included_image_sets/lakeside/")
 		}
 
 		// Start the main loop, checks in fixed time periods the 
@@ -99,10 +108,10 @@ CinnamonDynamicWallpaperExtension.prototype = {
 	_loop: function () {
 		if (looping) {
 			try {
-				Util.spawnCommandLine("/usr/bin/env python3 " + DIRECTORY.path + "/loop.py")
+				Util.spawnCommandLine("/usr/bin/env python3 " + DIRECTORY.path + "/src/main.py loop")
 			} catch(e) {
-				this.showNotification("Error!", 
-					"Cinnamon Dynamic Wallpaper got an error while running the loop script. Please create an issue on GitHub.")
+				this.showNotification(_("Error!"), 
+					_("Cinnamon Dynamic Wallpaper got an error while running the loop script. Please create an issue on GitHub."))
 			}
 
 			// Refresh every 60 seconds
@@ -130,8 +139,7 @@ CinnamonDynamicWallpaperExtension.prototype = {
 			notification.addButton("open-settings", _("Open settings"));
 
 			notification.connect("action-invoked", () =>
-				Util.spawnCommandLine("/usr/bin/env python3 " +
-					DIRECTORY.path + "/preferences.py"));
+				Util.spawnCommandLine("/usr/bin/env python3 " + DIRECTORY.path + "/src/main.py"));
 		}
 
 		// Put all together

cinnamon-dynamic-wallpaper@TobiZog/5.4/icon.svg

@@ -1 +1 @@
-icons/icon.svg
+res/icons/icon.svg

cinnamon-dynamic-wallpaper@TobiZog/5.4/loop.py

@@ -1,110 +0,0 @@
-#!/usr/bin/python3
-
-from scripts.cinnamon_pref_handler import *
-from scripts.suntimes import *
-from datetime import datetime, time
-from enums.PeriodSourceEnum import *
-from scripts.location import *
-from gi.repository import Gio
-from PIL import Image
-
-
-class Loop():
-  def __init__(self) -> None:
-    self.prefs = Cinnamon_Pref_Handler()
-
-    self.suntimes = Suntimes()
-    self.location = Location()
-    self.background_settings = Gio.Settings.new("org.cinnamon.desktop.background")
-
-    # Position should estimate by network
-    if self.prefs.period_source == PeriodSourceEnum.NETWORKLOCATION:
-      current_location = self.location.get_location()
-
-      self.suntimes.calc_suntimes(float(current_location["latitude"]), float(current_location["longitude"]))
-      self.start_times = self.suntimes.day_periods
-
-    # Position is given by user
-    elif self.prefs.period_source == PeriodSourceEnum.CUSTOMLOCATION:
-      self.suntimes.calc_suntimes(float(self.prefs.latitude_custom), float(self.prefs.longitude_custom))
-      self.start_times = self.suntimes.day_periods
-
-    # No position, concrete times
-    else:
-      def string_to_time_converter(raw_str: str) -> time:
-        hour = raw_str[0:raw_str.find(":")]
-        minute = raw_str[raw_str.find(":") + 1:]
-
-        return time(hour=int(hour), minute=int(minute))
-      
-      self.start_times = [
-        string_to_time_converter(self.prefs.period_custom_start_time[0]),
-        string_to_time_converter(self.prefs.period_custom_start_time[1]),
-        string_to_time_converter(self.prefs.period_custom_start_time[2]),
-        string_to_time_converter(self.prefs.period_custom_start_time[3]),
-        string_to_time_converter(self.prefs.period_custom_start_time[4]),
-        string_to_time_converter(self.prefs.period_custom_start_time[5]),
-        string_to_time_converter(self.prefs.period_custom_start_time[6]),
-        string_to_time_converter(self.prefs.period_custom_start_time[7]),
-        string_to_time_converter(self.prefs.period_custom_start_time[8]),
-        string_to_time_converter(self.prefs.period_custom_start_time[9])
-      ]
-
-
-  def exchange_image(self):
-    """ Replace the desktop image
-    """
-    # Get the time of day
-    time_now = time(datetime.now().hour, datetime.now().minute)
-
-    # Assign the last image as fallback
-    self.current_image_uri = self.prefs.source_folder + self.prefs.period_images[9]
-
-    for i in range(0, 9):
-      # Replace the image URI, if it's not the last time period of the day
-      if self.start_times[i] <= time_now and time_now < self.start_times[i + 1]:
-        self.current_image_uri = self.prefs.source_folder + self.prefs.period_images[i]
-        break
-    
-    # Set the background
-    self.background_settings['picture-uri'] = "file://" + self.current_image_uri
-
-    # Set background stretching
-    self.background_settings['picture-options'] = self.prefs.picture_aspect
-
-    self.set_background_gradient()
-
-    
-  def set_background_gradient(self):
-    """ Setting a gradient background to hide images, which are not high enough
-    """
-    # Load the image
-    try:
-      im = Image.open(self.current_image_uri)
-      pix = im.load()
-
-      # Width and height of the current setted image
-      width, height = im.size
-
-      # Color of the top and bottom pixel in the middle of the image
-      top_color = pix[width / 2,0]
-      bottom_color = pix[width / 2, height - 1]
-
-      # Create the gradient
-      self.background_settings['color-shading-type'] = "vertical"
-
-      if self.prefs.dynamic_background_color:
-        self.background_settings['primary-color'] = f"#{top_color[0]:x}{top_color[1]:x}{top_color[2]:x}"
-        self.background_settings['secondary-color'] = f"#{bottom_color[0]:x}{bottom_color[1]:x}{bottom_color[2]:x}"
-      else:
-        self.background_settings['primary-color'] = "#000000"
-        self.background_settings['secondary-color'] = "#000000"
-    except:
-      self.background_settings['primary-color'] = "#000000"
-      self.background_settings['secondary-color'] = "#000000"
-
-
-# Needed for JavaScript
-if __name__ == "__main__":
-  l = Loop()
-  l.exchange_image()

cinnamon-dynamic-wallpaper@TobiZog/5.4/res/preferences.glade

@@ -107,8 +107,8 @@
   <object class="GtkWindow" id="window_main">
     <property name="can-focus">False</property>
     <property name="window-position">center</property>
-    <property name="default-width">1024</property>
-    <property name="default-height">400</property>
+    <property name="default-width">800</property>
+    <property name="default-height">600</property>
     <property name="icon">../icon.svg</property>
     <property name="gravity">center</property>
     <signal name="destroy" handler="on_destroy" swapped="no"/>
@@ -167,7 +167,7 @@
                         <property name="orientation">vertical</property>
                         <property name="spacing">4</property>
                         <child>
-                          <object class="GtkImage">
+                          <object class="GtkImage" id="img_tb_image_set">
                             <property name="visible">True</property>
                             <property name="can-focus">False</property>
                             <property name="icon-name">applications-graphics</property>
@@ -217,7 +217,7 @@
                         <property name="orientation">vertical</property>
                         <property name="spacing">4</property>
                         <child>
-                          <object class="GtkImage">
+                          <object class="GtkImage" id="img_tb_heic_file">
                             <property name="visible">True</property>
                             <property name="can-focus">False</property>
                             <property name="icon-name">preferences-desktop-wallpaper</property>
@@ -267,7 +267,7 @@
                         <property name="orientation">vertical</property>
                         <property name="spacing">4</property>
                         <child>
-                          <object class="GtkImage">
+                          <object class="GtkImage" id="img_tb_source_folder">
                             <property name="visible">True</property>
                             <property name="can-focus">False</property>
                             <property name="icon-name">folder-open</property>
@@ -461,7 +461,7 @@
                             <property name="visible">True</property>
                             <property name="can-focus">False</property>
                             <property name="margin-top">16</property>
-                            <property name="label" translatable="yes">label</property>
+                            <property name="label">label</property>
                             <attributes>
                               <attribute name="style" value="italic"/>
                             </attributes>
@@ -517,7 +517,7 @@
                       <object class="GtkLabel" id="etr_period_1">
                         <property name="visible">True</property>
                         <property name="can-focus">False</property>
-                        <property name="label" translatable="yes">00:00 - 07:35</property>
+                        <property name="label">00:00 - 00:59</property>
                         <attributes>
                           <attribute name="size" value="15360"/>
                         </attributes>
@@ -531,7 +531,7 @@
                       <object class="GtkLabel" id="etr_period_3">
                         <property name="visible">True</property>
                         <property name="can-focus">False</property>
-                        <property name="label" translatable="yes">08:15 - 08:43</property>
+                        <property name="label">02:00 - 02:59</property>
                         <attributes>
                           <attribute name="size" value="15360"/>
                         </attributes>
@@ -545,7 +545,7 @@
                       <object class="GtkLabel" id="etr_period_5">
                         <property name="visible">True</property>
                         <property name="can-focus">False</property>
-                        <property name="label" translatable="yes">11:13 - 13:12</property>
+                        <property name="label">04:00 - 04:59</property>
                         <attributes>
                           <attribute name="size" value="15360"/>
                         </attributes>
@@ -559,7 +559,7 @@
                       <object class="GtkLabel" id="etr_period_7">
                         <property name="visible">True</property>
                         <property name="can-focus">False</property>
-                        <property name="label" translatable="yes">14:42 - 15:41</property>
+                        <property name="label">06:00 - 06:59</property>
                         <attributes>
                           <attribute name="size" value="15360"/>
                         </attributes>
@@ -573,7 +573,7 @@
                       <object class="GtkLabel" id="etr_period_9">
                         <property name="visible">True</property>
                         <property name="can-focus">False</property>
-                        <property name="label" translatable="yes">16:13 - 16:52</property>
+                        <property name="label">08:00 - 08:59</property>
                         <attributes>
                           <attribute name="size" value="15360"/>
                         </attributes>
@@ -585,7 +585,6 @@
                     </child>
                     <child>
                       <object class="GtkImage" id="img_period_0">
-                        <property name="width-request">200</property>
                         <property name="visible">True</property>
                         <property name="can-focus">False</property>
                         <property name="stock">gtk-missing-image</property>
@@ -598,7 +597,6 @@
                     </child>
                     <child>
                       <object class="GtkImage" id="img_period_2">
-                        <property name="width-request">200</property>
                         <property name="visible">True</property>
                         <property name="can-focus">False</property>
                         <property name="stock">gtk-missing-image</property>
@@ -611,7 +609,6 @@
                     </child>
                     <child>
                       <object class="GtkImage" id="img_period_4">
-                        <property name="width-request">200</property>
                         <property name="visible">True</property>
                         <property name="can-focus">False</property>
                         <property name="stock">gtk-missing-image</property>
@@ -624,7 +621,6 @@
                     </child>
                     <child>
                       <object class="GtkImage" id="img_period_6">
-                        <property name="width-request">200</property>
                         <property name="visible">True</property>
                         <property name="can-focus">False</property>
                         <property name="stock">gtk-missing-image</property>
@@ -637,7 +633,6 @@
                     </child>
                     <child>
                       <object class="GtkImage" id="img_period_8">
-                        <property name="width-request">200</property>
                         <property name="visible">True</property>
                         <property name="can-focus">False</property>
                         <property name="stock">gtk-missing-image</property>
@@ -732,7 +727,6 @@
                     <property name="column-homogeneous">True</property>
                     <child>
                       <object class="GtkImage" id="img_period_1">
-                        <property name="width-request">200</property>
                         <property name="visible">True</property>
                         <property name="can-focus">False</property>
                         <property name="stock">gtk-missing-image</property>
@@ -745,7 +739,6 @@
                     </child>
                     <child>
                       <object class="GtkImage" id="img_period_9">
-                        <property name="width-request">200</property>
                         <property name="visible">True</property>
                         <property name="can-focus">False</property>
                         <property name="stock">gtk-missing-image</property>
@@ -758,7 +751,6 @@
                     </child>
                     <child>
                       <object class="GtkImage" id="img_period_7">
-                        <property name="width-request">200</property>
                         <property name="visible">True</property>
                         <property name="can-focus">False</property>
                         <property name="stock">gtk-missing-image</property>
@@ -771,7 +763,6 @@
                     </child>
                     <child>
                       <object class="GtkImage" id="img_period_5">
-                        <property name="width-request">200</property>
                         <property name="visible">True</property>
                         <property name="can-focus">False</property>
                         <property name="stock">gtk-missing-image</property>
@@ -784,7 +775,6 @@
                     </child>
                     <child>
                       <object class="GtkImage" id="img_period_3">
-                        <property name="width-request">200</property>
                         <property name="visible">True</property>
                         <property name="can-focus">False</property>
                         <property name="stock">gtk-missing-image</property>
@@ -799,7 +789,7 @@
                       <object class="GtkLabel" id="etr_period_2">
                         <property name="visible">True</property>
                         <property name="can-focus">False</property>
-                        <property name="label" translatable="yes">07:35 - 08:14</property>
+                        <property name="label">01:00 - 01:59</property>
                         <attributes>
                           <attribute name="size" value="15360"/>
                         </attributes>
@@ -813,7 +803,7 @@
                       <object class="GtkLabel" id="etr_period_4">
                         <property name="visible">True</property>
                         <property name="can-focus">False</property>
-                        <property name="label" translatable="yes">08:44 - 11:12</property>
+                        <property name="label">03:00 - 03:59</property>
                         <attributes>
                           <attribute name="size" value="15360"/>
                         </attributes>
@@ -827,7 +817,7 @@
                       <object class="GtkLabel" id="etr_period_6">
                         <property name="visible">True</property>
                         <property name="can-focus">False</property>
-                        <property name="label" translatable="yes">13:13 - 14:41</property>
+                        <property name="label">05:00 - 05:59</property>
                         <attributes>
                           <attribute name="size" value="15360"/>
                         </attributes>
@@ -841,7 +831,7 @@
                       <object class="GtkLabel" id="etr_period_8">
                         <property name="visible">True</property>
                         <property name="can-focus">False</property>
-                        <property name="label" translatable="yes">15:41 - 16:12</property>
+                        <property name="label">07:00 - 07:59</property>
                         <attributes>
                           <attribute name="size" value="15360"/>
                         </attributes>
@@ -855,7 +845,7 @@
                       <object class="GtkLabel" id="etr_period_10">
                         <property name="visible">True</property>
                         <property name="can-focus">False</property>
-                        <property name="label" translatable="yes">16:53 - 23:59</property>
+                        <property name="label">09:00 - 09:59</property>
                         <attributes>
                           <attribute name="size" value="15360"/>
                         </attributes>
@@ -992,7 +982,7 @@
                         <property name="orientation">vertical</property>
                         <property name="spacing">4</property>
                         <child>
-                          <object class="GtkImage">
+                          <object class="GtkImage" id="img_tb_network_location">
                             <property name="visible">True</property>
                             <property name="can-focus">False</property>
                             <property name="icon-name">network-wireless</property>
@@ -1042,7 +1032,7 @@
                         <property name="orientation">vertical</property>
                         <property name="spacing">4</property>
                         <child>
-                          <object class="GtkImage">
+                          <object class="GtkImage" id="img_tb_custom_location">
                             <property name="visible">True</property>
                             <property name="can-focus">False</property>
                             <property name="icon-name">preferences-desktop-keyboard</property>
@@ -1094,7 +1084,7 @@
                         <property name="orientation">vertical</property>
                         <property name="spacing">4</property>
                         <child>
-                          <object class="GtkImage">
+                          <object class="GtkImage" id="img_tb_time_periods">
                             <property name="visible">True</property>
                             <property name="can-focus">False</property>
                             <property name="icon-name">document-open-recent</property>
@@ -1157,7 +1147,7 @@
                 <property name="selection-mode">none</property>
                 <property name="activate-on-single-click">False</property>
                 <child>
-                  <object class="GtkListBoxRow" id="lbr_network_location">
+                  <object class="GtkListBoxRow" id="lbr_network_refresh_time">
                     <property name="visible">True</property>
                     <property name="can-focus">True</property>
                     <child>
@@ -1183,7 +1173,7 @@
                           </packing>
                         </child>
                         <child>
-                          <object class="GtkSpinButton" id="spb_network_location_refresh_time">
+                          <object class="GtkSpinButton" id="spb_network_refresh_time">
                             <property name="visible">True</property>
                             <property name="can-focus">True</property>
                             <property name="adjustment">adjustment1</property>
@@ -1199,6 +1189,50 @@
                     </child>
                   </object>
                 </child>
+                <child>
+                  <object class="GtkListBoxRow" id="lbr_network_provider">
+                    <property name="visible">True</property>
+                    <property name="can-focus">True</property>
+                    <child>
+                      <object class="GtkBox">
+                        <property name="visible">True</property>
+                        <property name="can-focus">False</property>
+                        <property name="margin-left">8</property>
+                        <property name="margin-right">8</property>
+                        <property name="margin-start">8</property>
+                        <property name="margin-end">8</property>
+                        <property name="margin-top">8</property>
+                        <property name="margin-bottom">8</property>
+                        <property name="homogeneous">True</property>
+                        <child>
+                          <object class="GtkLabel">
+                            <property name="visible">True</property>
+                            <property name="can-focus">False</property>
+                            <property name="halign">start</property>
+                            <property name="label" translatable="yes">Location provider</property>
+                          </object>
+                          <packing>
+                            <property name="expand">False</property>
+                            <property name="fill">True</property>
+                            <property name="position">0</property>
+                          </packing>
+                        </child>
+                        <child>
+                          <object class="GtkComboBox" id="cb_network_provider">
+                            <property name="visible">True</property>
+                            <property name="can-focus">False</property>
+                            <signal name="changed" handler="on_cb_network_provider_changed" swapped="no"/>
+                          </object>
+                          <packing>
+                            <property name="expand">False</property>
+                            <property name="fill">True</property>
+                            <property name="position">1</property>
+                          </packing>
+                        </child>
+                      </object>
+                    </child>
+                  </object>
+                </child>
                 <child>
                   <object class="GtkListBoxRow" id="lbr_current_location">
                     <property name="visible">True</property>
@@ -1211,7 +1245,7 @@
                         <property name="margin-end">8</property>
                         <property name="margin-top">8</property>
                         <property name="margin-bottom">8</property>
-                        <property name="label" translatable="yes">label</property>
+                        <property name="label">label</property>
                         <attributes>
                           <attribute name="style" value="italic"/>
                         </attributes>
@@ -1398,7 +1432,7 @@
                                 <property name="margin-right">8</property>
                                 <property name="margin-start">8</property>
                                 <property name="margin-end">8</property>
-                                <property name="text" translatable="yes">23</property>
+                                <property name="text">23</property>
                                 <property name="orientation">vertical</property>
                                 <property name="adjustment">adjustment_hours5</property>
                                 <property name="value">23</property>
@@ -1418,7 +1452,7 @@
                                 <property name="margin-right">8</property>
                                 <property name="margin-start">8</property>
                                 <property name="margin-end">8</property>
-                                <property name="label" translatable="yes">:</property>
+                                <property name="label">:</property>
                                 <attributes>
                                   <attribute name="size" value="20480"/>
                                 </attributes>
@@ -1433,7 +1467,7 @@
                               <object class="GtkSpinButton" id="spb_period_5_minute">
                                 <property name="visible">True</property>
                                 <property name="can-focus">True</property>
-                                <property name="text" translatable="yes">59</property>
+                                <property name="text">59</property>
                                 <property name="orientation">vertical</property>
                                 <property name="adjustment">adjustment_minutes5</property>
                                 <property name="value">59</property>
@@ -1449,7 +1483,7 @@
                               <object class="GtkLabel">
                                 <property name="visible">True</property>
                                 <property name="can-focus">False</property>
-                                <property name="label" translatable="yes">-</property>
+                                <property name="label">-</property>
                                 <attributes>
                                   <attribute name="size" value="20480"/>
                                 </attributes>
@@ -1468,7 +1502,7 @@
                                 <property name="margin-right">8</property>
                                 <property name="margin-start">8</property>
                                 <property name="margin-end">8</property>
-                                <property name="label" translatable="yes">00:00</property>
+                                <property name="label">00:00</property>
                                 <attributes>
                                   <attribute name="size" value="20480"/>
                                 </attributes>
@@ -1495,7 +1529,7 @@
                                 <property name="can-focus">True</property>
                                 <property name="margin-start">8</property>
                                 <property name="margin-end">8</property>
-                                <property name="text" translatable="yes">23</property>
+                                <property name="text">23</property>
                                 <property name="orientation">vertical</property>
                                 <property name="adjustment">adjustment_hours6</property>
                                 <property name="value">23</property>
@@ -1515,7 +1549,7 @@
                                 <property name="margin-right">8</property>
                                 <property name="margin-start">8</property>
                                 <property name="margin-end">8</property>
-                                <property name="label" translatable="yes">:</property>
+                                <property name="label">:</property>
                                 <attributes>
                                   <attribute name="size" value="20480"/>
                                 </attributes>
@@ -1530,7 +1564,7 @@
                               <object class="GtkSpinButton" id="spb_period_6_minute">
                                 <property name="visible">True</property>
                                 <property name="can-focus">True</property>
-                                <property name="text" translatable="yes">59</property>
+                                <property name="text">59</property>
                                 <property name="orientation">vertical</property>
                                 <property name="adjustment">adjustment_minutes6</property>
                                 <property name="value">59</property>
@@ -1546,7 +1580,7 @@
                               <object class="GtkLabel">
                                 <property name="visible">True</property>
                                 <property name="can-focus">False</property>
-                                <property name="label" translatable="yes">-</property>
+                                <property name="label">-</property>
                                 <attributes>
                                   <attribute name="size" value="20480"/>
                                 </attributes>
@@ -1565,7 +1599,7 @@
                                 <property name="margin-right">8</property>
                                 <property name="margin-start">8</property>
                                 <property name="margin-end">8</property>
-                                <property name="label" translatable="yes">00:00</property>
+                                <property name="label">00:00</property>
                                 <attributes>
                                   <attribute name="size" value="20480"/>
                                 </attributes>
@@ -1592,7 +1626,7 @@
                                 <property name="can-focus">True</property>
                                 <property name="margin-start">8</property>
                                 <property name="margin-end">8</property>
-                                <property name="text" translatable="yes">23</property>
+                                <property name="text">23</property>
                                 <property name="orientation">vertical</property>
                                 <property name="adjustment">adjustment_hours7</property>
                                 <property name="value">23</property>
@@ -1612,7 +1646,7 @@
                                 <property name="margin-right">8</property>
                                 <property name="margin-start">8</property>
                                 <property name="margin-end">8</property>
-                                <property name="label" translatable="yes">:</property>
+                                <property name="label">:</property>
                                 <attributes>
                                   <attribute name="size" value="20480"/>
                                 </attributes>
@@ -1627,7 +1661,7 @@
                               <object class="GtkSpinButton" id="spb_period_7_minute">
                                 <property name="visible">True</property>
                                 <property name="can-focus">True</property>
-                                <property name="text" translatable="yes">59</property>
+                                <property name="text">59</property>
                                 <property name="orientation">vertical</property>
                                 <property name="adjustment">adjustment_minutes7</property>
                                 <property name="value">59</property>
@@ -1643,7 +1677,7 @@
                               <object class="GtkLabel">
                                 <property name="visible">True</property>
                                 <property name="can-focus">False</property>
-                                <property name="label" translatable="yes">-</property>
+                                <property name="label">-</property>
                                 <attributes>
                                   <attribute name="size" value="20480"/>
                                 </attributes>
@@ -1662,7 +1696,7 @@
                                 <property name="margin-right">8</property>
                                 <property name="margin-start">8</property>
                                 <property name="margin-end">8</property>
-                                <property name="label" translatable="yes">00:00</property>
+                                <property name="label">00:00</property>
                                 <attributes>
                                   <attribute name="size" value="20480"/>
                                 </attributes>
@@ -1687,7 +1721,7 @@
                               <object class="GtkSpinButton" id="spb_period_8_hour">
                                 <property name="visible">True</property>
                                 <property name="can-focus">True</property>
-                                <property name="text" translatable="yes">23</property>
+                                <property name="text">23</property>
                                 <property name="orientation">vertical</property>
                                 <property name="adjustment">adjustment_hours8</property>
                                 <property name="value">23</property>
@@ -1707,7 +1741,7 @@
                                 <property name="margin-right">8</property>
                                 <property name="margin-start">8</property>
                                 <property name="margin-end">8</property>
-                                <property name="label" translatable="yes">:</property>
+                                <property name="label">:</property>
                                 <attributes>
                                   <attribute name="size" value="20480"/>
                                 </attributes>
@@ -1722,7 +1756,7 @@
                               <object class="GtkSpinButton" id="spb_period_8_minute">
                                 <property name="visible">True</property>
                                 <property name="can-focus">True</property>
-                                <property name="text" translatable="yes">59</property>
+                                <property name="text">59</property>
                                 <property name="orientation">vertical</property>
                                 <property name="adjustment">adjustment_minutes8</property>
                                 <property name="value">59</property>
@@ -1738,7 +1772,7 @@
                               <object class="GtkLabel">
                                 <property name="visible">True</property>
                                 <property name="can-focus">False</property>
-                                <property name="label" translatable="yes">-</property>
+                                <property name="label">-</property>
                                 <attributes>
                                   <attribute name="size" value="20480"/>
                                 </attributes>
@@ -1757,7 +1791,7 @@
                                 <property name="margin-right">8</property>
                                 <property name="margin-start">8</property>
                                 <property name="margin-end">8</property>
-                                <property name="label" translatable="yes">00:00</property>
+                                <property name="label">00:00</property>
                                 <attributes>
                                   <attribute name="size" value="20480"/>
                                 </attributes>
@@ -1786,7 +1820,7 @@
                                 <property name="margin-right">8</property>
                                 <property name="margin-start">8</property>
                                 <property name="margin-end">8</property>
-                                <property name="text" translatable="yes">23</property>
+                                <property name="text">23</property>
                                 <property name="orientation">vertical</property>
                                 <property name="adjustment">adjustment_hours9</property>
                                 <property name="value">23</property>
@@ -1806,7 +1840,7 @@
                                 <property name="margin-right">8</property>
                                 <property name="margin-start">8</property>
                                 <property name="margin-end">8</property>
-                                <property name="label" translatable="yes">:</property>
+                                <property name="label">:</property>
                                 <attributes>
                                   <attribute name="size" value="20480"/>
                                 </attributes>
@@ -1821,7 +1855,7 @@
                               <object class="GtkSpinButton" id="spb_period_9_minute">
                                 <property name="visible">True</property>
                                 <property name="can-focus">True</property>
-                                <property name="text" translatable="yes">57</property>
+                                <property name="text">57</property>
                                 <property name="orientation">vertical</property>
                                 <property name="adjustment">adjustment_minutes9</property>
                                 <property name="value">57</property>
@@ -1837,7 +1871,7 @@
                               <object class="GtkLabel">
                                 <property name="visible">True</property>
                                 <property name="can-focus">False</property>
-                                <property name="label" translatable="yes">-</property>
+                                <property name="label">-</property>
                                 <attributes>
                                   <attribute name="size" value="20480"/>
                                 </attributes>
@@ -1856,7 +1890,7 @@
                                 <property name="margin-right">8</property>
                                 <property name="margin-start">8</property>
                                 <property name="margin-end">8</property>
-                                <property name="label" translatable="yes">23:59</property>
+                                <property name="label">23:59</property>
                                 <attributes>
                                   <attribute name="size" value="20480"/>
                                 </attributes>
@@ -1955,7 +1989,7 @@
                                 <property name="margin-right">8</property>
                                 <property name="margin-start">8</property>
                                 <property name="margin-end">8</property>
-                                <property name="label" translatable="yes">00:00</property>
+                                <property name="label">00:00</property>
                                 <attributes>
                                   <attribute name="size" value="20480"/>
                                 </attributes>
@@ -1970,7 +2004,7 @@
                               <object class="GtkLabel">
                                 <property name="visible">True</property>
                                 <property name="can-focus">False</property>
-                                <property name="label" translatable="yes">-</property>
+                                <property name="label">-</property>
                                 <attributes>
                                   <attribute name="size" value="20480"/>
                                 </attributes>
@@ -1989,7 +2023,7 @@
                                 <property name="margin-right">8</property>
                                 <property name="margin-start">8</property>
                                 <property name="margin-end">8</property>
-                                <property name="label" translatable="yes">00:00</property>
+                                <property name="label">00:00</property>
                                 <attributes>
                                   <attribute name="size" value="20480"/>
                                 </attributes>
@@ -2018,7 +2052,7 @@
                                 <property name="margin-right">8</property>
                                 <property name="margin-start">8</property>
                                 <property name="margin-end">8</property>
-                                <property name="text" translatable="yes">23</property>
+                                <property name="text">23</property>
                                 <property name="orientation">vertical</property>
                                 <property name="adjustment">adjustment_hours2</property>
                                 <property name="value">23</property>
@@ -2038,7 +2072,7 @@
                                 <property name="margin-right">8</property>
                                 <property name="margin-start">8</property>
                                 <property name="margin-end">8</property>
-                                <property name="label" translatable="yes">:</property>
+                                <property name="label">:</property>
                                 <attributes>
                                   <attribute name="size" value="20480"/>
                                 </attributes>
@@ -2053,7 +2087,7 @@
                               <object class="GtkSpinButton" id="spb_period_2_minute">
                                 <property name="visible">True</property>
                                 <property name="can-focus">True</property>
-                                <property name="text" translatable="yes">59</property>
+                                <property name="text">59</property>
                                 <property name="orientation">vertical</property>
                                 <property name="adjustment">adjustment_minutes2</property>
                                 <property name="value">59</property>
@@ -2069,7 +2103,7 @@
                               <object class="GtkLabel">
                                 <property name="visible">True</property>
                                 <property name="can-focus">False</property>
-                                <property name="label" translatable="yes">-</property>
+                                <property name="label">-</property>
                                 <attributes>
                                   <attribute name="size" value="20480"/>
                                 </attributes>
@@ -2088,7 +2122,7 @@
                                 <property name="margin-right">8</property>
                                 <property name="margin-start">8</property>
                                 <property name="margin-end">8</property>
-                                <property name="label" translatable="yes">00:00</property>
+                                <property name="label">00:00</property>
                                 <attributes>
                                   <attribute name="size" value="20480"/>
                                 </attributes>
@@ -2117,7 +2151,7 @@
                                 <property name="margin-right">8</property>
                                 <property name="margin-start">8</property>
                                 <property name="margin-end">8</property>
-                                <property name="text" translatable="yes">23</property>
+                                <property name="text">23</property>
                                 <property name="orientation">vertical</property>
                                 <property name="adjustment">adjustment_hours3</property>
                                 <property name="value">23</property>
@@ -2137,7 +2171,7 @@
                                 <property name="margin-right">8</property>
                                 <property name="margin-start">8</property>
                                 <property name="margin-end">8</property>
-                                <property name="label" translatable="yes">:</property>
+                                <property name="label">:</property>
                                 <attributes>
                                   <attribute name="size" value="20480"/>
                                 </attributes>
@@ -2152,7 +2186,7 @@
                               <object class="GtkSpinButton" id="spb_period_3_minute">
                                 <property name="visible">True</property>
                                 <property name="can-focus">True</property>
-                                <property name="text" translatable="yes">59</property>
+                                <property name="text">59</property>
                                 <property name="orientation">vertical</property>
                                 <property name="adjustment">adjustment_minutes3</property>
                                 <property name="value">59</property>
@@ -2168,7 +2202,7 @@
                               <object class="GtkLabel">
                                 <property name="visible">True</property>
                                 <property name="can-focus">False</property>
-                                <property name="label" translatable="yes">-</property>
+                                <property name="label">-</property>
                                 <attributes>
                                   <attribute name="size" value="20480"/>
                                 </attributes>
@@ -2187,7 +2221,7 @@
                                 <property name="margin-right">8</property>
                                 <property name="margin-start">8</property>
                                 <property name="margin-end">8</property>
-                                <property name="label" translatable="yes">00:00</property>
+                                <property name="label">00:00</property>
                                 <attributes>
                                   <attribute name="size" value="20480"/>
                                 </attributes>
@@ -2216,7 +2250,7 @@
                                 <property name="margin-right">8</property>
                                 <property name="margin-start">8</property>
                                 <property name="margin-end">8</property>
-                                <property name="text" translatable="yes">23</property>
+                                <property name="text">23</property>
                                 <property name="orientation">vertical</property>
                                 <property name="adjustment">adjustment_hours4</property>
                                 <property name="value">23</property>
@@ -2236,7 +2270,7 @@
                                 <property name="margin-right">8</property>
                                 <property name="margin-start">8</property>
                                 <property name="margin-end">8</property>
-                                <property name="label" translatable="yes">:</property>
+                                <property name="label">:</property>
                                 <attributes>
                                   <attribute name="size" value="20480"/>
                                 </attributes>
@@ -2251,7 +2285,7 @@
                               <object class="GtkSpinButton" id="spb_period_4_minute">
                                 <property name="visible">True</property>
                                 <property name="can-focus">True</property>
-                                <property name="text" translatable="yes">59</property>
+                                <property name="text">59</property>
                                 <property name="orientation">vertical</property>
                                 <property name="adjustment">adjustment_minutes4</property>
                                 <property name="value">59</property>
@@ -2267,7 +2301,7 @@
                               <object class="GtkLabel">
                                 <property name="visible">True</property>
                                 <property name="can-focus">False</property>
-                                <property name="label" translatable="yes">-</property>
+                                <property name="label">-</property>
                                 <attributes>
                                   <attribute name="size" value="20480"/>
                                 </attributes>
@@ -2286,7 +2320,7 @@
                                 <property name="margin-right">8</property>
                                 <property name="margin-start">8</property>
                                 <property name="margin-end">8</property>
-                                <property name="label" translatable="yes">00:00</property>
+                                <property name="label">00:00</property>
                                 <attributes>
                                   <attribute name="size" value="20480"/>
                                 </attributes>
@@ -2311,7 +2345,7 @@
                               <object class="GtkSpinButton" id="spb_period_1_hour">
                                 <property name="visible">True</property>
                                 <property name="can-focus">True</property>
-                                <property name="text" translatable="yes">23</property>
+                                <property name="text">23</property>
                                 <property name="orientation">vertical</property>
                                 <property name="adjustment">adjustment_hours1</property>
                                 <property name="value">23</property>
@@ -2331,7 +2365,7 @@
                                 <property name="margin-right">8</property>
                                 <property name="margin-start">8</property>
                                 <property name="margin-end">8</property>
-                                <property name="label" translatable="yes">:</property>
+                                <property name="label">:</property>
                                 <attributes>
                                   <attribute name="size" value="20480"/>
                                 </attributes>
@@ -2346,7 +2380,7 @@
                               <object class="GtkSpinButton" id="spb_period_1_minute">
                                 <property name="visible">True</property>
                                 <property name="can-focus">True</property>
-                                <property name="text" translatable="yes">59</property>
+                                <property name="text">59</property>
                                 <property name="orientation">vertical</property>
                                 <property name="adjustment">adjustment_minutes1</property>
                                 <property name="value">59</property>
@@ -2362,7 +2396,7 @@
                               <object class="GtkLabel">
                                 <property name="visible">True</property>
                                 <property name="can-focus">False</property>
-                                <property name="label" translatable="yes">-</property>
+                                <property name="label">-</property>
                                 <attributes>
                                   <attribute name="size" value="20480"/>
                                 </attributes>
@@ -2381,7 +2415,7 @@
                                 <property name="margin-right">8</property>
                                 <property name="margin-start">8</property>
                                 <property name="margin-end">8</property>
-                                <property name="label" translatable="yes">00:00</property>
+                                <property name="label">00:00</property>
                                 <attributes>
                                   <attribute name="size" value="20480"/>
                                 </attributes>
@@ -2437,6 +2471,23 @@
             <property name="margin-top">8</property>
             <property name="margin-bottom">8</property>
             <property name="orientation">vertical</property>
+            <property name="spacing">8</property>
+            <child>
+              <object class="GtkLabel">
+                <property name="visible">True</property>
+                <property name="can-focus">False</property>
+                <property name="halign">start</property>
+                <property name="label" translatable="yes">Scaling</property>
+                <attributes>
+                  <attribute name="weight" value="bold"/>
+                </attributes>
+              </object>
+              <packing>
+                <property name="expand">False</property>
+                <property name="fill">True</property>
+                <property name="position">0</property>
+              </packing>
+            </child>
             <child>
               <object class="GtkListBox">
                 <property name="visible">True</property>
@@ -2458,6 +2509,7 @@
                         <property name="margin-end">12</property>
                         <property name="margin-top">12</property>
                         <property name="margin-bottom">12</property>
+                        <property name="homogeneous">True</property>
                         <child>
                           <object class="GtkLabel">
                             <property name="visible">True</property>
@@ -2488,6 +2540,36 @@
                     </child>
                   </object>
                 </child>
+              </object>
+              <packing>
+                <property name="expand">False</property>
+                <property name="fill">True</property>
+                <property name="padding">3</property>
+                <property name="position">1</property>
+              </packing>
+            </child>
+            <child>
+              <object class="GtkLabel">
+                <property name="visible">True</property>
+                <property name="can-focus">False</property>
+                <property name="halign">start</property>
+                <property name="label" translatable="yes">Login Screen</property>
+                <attributes>
+                  <attribute name="weight" value="bold"/>
+                </attributes>
+              </object>
+              <packing>
+                <property name="expand">False</property>
+                <property name="fill">True</property>
+                <property name="position">2</property>
+              </packing>
+            </child>
+            <child>
+              <object class="GtkListBox">
+                <property name="visible">True</property>
+                <property name="can-focus">False</property>
+                <property name="selection-mode">none</property>
+                <property name="activate-on-single-click">False</property>
                 <child>
                   <object class="GtkListBoxRow">
                     <property name="visible">True</property>
@@ -2508,7 +2590,81 @@
                             <property name="can-focus">False</property>
                             <property name="halign">start</property>
                             <property name="hexpand">True</property>
-                            <property name="label" translatable="yes">Dynamic Background color</property>
+                            <property name="label" translatable="yes">Set the background image as Login Screen background</property>
+                          </object>
+                          <packing>
+                            <property name="expand">False</property>
+                            <property name="fill">True</property>
+                            <property name="position">0</property>
+                          </packing>
+                        </child>
+                        <child>
+                          <object class="GtkSwitch" id="sw_login_image">
+                            <property name="visible">True</property>
+                            <property name="can-focus">True</property>
+                            <signal name="state-set" handler="on_sw_login_image_state_set" swapped="no"/>
+                          </object>
+                          <packing>
+                            <property name="expand">False</property>
+                            <property name="fill">True</property>
+                            <property name="position">1</property>
+                          </packing>
+                        </child>
+                      </object>
+                    </child>
+                  </object>
+                </child>
+              </object>
+              <packing>
+                <property name="expand">False</property>
+                <property name="fill">True</property>
+                <property name="padding">3</property>
+                <property name="position">3</property>
+              </packing>
+            </child>
+            <child>
+              <object class="GtkLabel">
+                <property name="visible">True</property>
+                <property name="can-focus">False</property>
+                <property name="halign">start</property>
+                <property name="label" translatable="yes">Dynamic Background color</property>
+                <attributes>
+                  <attribute name="weight" value="bold"/>
+                </attributes>
+              </object>
+              <packing>
+                <property name="expand">False</property>
+                <property name="fill">True</property>
+                <property name="position">4</property>
+              </packing>
+            </child>
+            <child>
+              <object class="GtkListBox">
+                <property name="visible">True</property>
+                <property name="can-focus">False</property>
+                <property name="selection-mode">none</property>
+                <property name="activate-on-single-click">False</property>
+                <child>
+                  <object class="GtkListBoxRow">
+                    <property name="visible">True</property>
+                    <property name="can-focus">True</property>
+                    <child>
+                      <object class="GtkBox">
+                        <property name="visible">True</property>
+                        <property name="can-focus">False</property>
+                        <property name="margin-left">12</property>
+                        <property name="margin-right">12</property>
+                        <property name="margin-start">12</property>
+                        <property name="margin-end">12</property>
+                        <property name="margin-top">12</property>
+                        <property name="margin-bottom">12</property>
+                        <child>
+                          <object class="GtkLabel">
+                            <property name="visible">True</property>
+                            <property name="can-focus">False</property>
+                            <property name="halign">start</property>
+                            <property name="hexpand">True</property>
+                            <property name="label" translatable="yes">Use dynamic Background color to create a gradient</property>
                           </object>
                           <packing>
                             <property name="expand">False</property>
@@ -2537,7 +2693,19 @@
                 <property name="expand">False</property>
                 <property name="fill">True</property>
                 <property name="padding">3</property>
-                <property name="position">0</property>
+                <property name="position">5</property>
+              </packing>
+            </child>
+            <child>
+              <object class="GtkImage">
+                <property name="visible">True</property>
+                <property name="can-focus">False</property>
+                <property name="pixbuf">images/dynamic_background_example.png</property>
+              </object>
+              <packing>
+                <property name="expand">False</property>
+                <property name="fill">True</property>
+                <property name="position">6</property>
               </packing>
             </child>
           </object>
@@ -2757,7 +2925,7 @@
                         <property name="margin-end">12</property>
                         <property name="margin-top">12</property>
                         <property name="margin-bottom">12</property>
-                        <property name="label" translatable="yes">Do you find an issue? Or want a new feature? Go to the GitHub repository and create a new issue. If you find an error message in the logs above, add it to the issue report.</property>
+                        <property name="label" translatable="yes">Do you find an issue? Or want a new feature? Go to the GitHub repository and create a new issue.</property>
                       </object>
                     </child>
                   </object>