UI Themer

Rating: 
4.64706
Your rating: None Average: 4.6 (34 votes)

UI Themer lets customize icons, fonts and pixel density in Sailfish OS.

Read before installing

  • For Sailfish OS 2.1.4 and above.
  • It requires Theme pack support to be installed.
  • Refresh the homescreen to apply settings.
  • Remember to restore default icons and fonts before performing a system upgrade.
  • For Sailfish X users: changing device pixel ratio needs testing.
  • The option 'Download themes' requires Storeman to be installed.
  • Easy mode GUI enabled by default. If you want more control, disable it via the Options page.

UI Themer

Features

  • Icon theming.
  • Icon overlay.
  • Font theming.
  • Change device pixel ratio.
  • Change DPI for Alien Dalvik.
  • Change icon size.
  • Recovery tools.

Create custom theme packs

Documentation on how to create theme packs available here.

Translate

Languages supported:

Request a new language or contribute to existing languages on the Transifex project page.

Usage guide

A usage guide is available here.

Roadmap

Roadmap and features will be tracked on the Trello dashboard.

Credits

  • Partially based on Icon pack support GUI
  • App icon by Free Vectors.
  • Keyboard navigation based on Piepmatz by Sebastian Wolf.
  • Thanks to Dax89 for helping with C++ and QML code, this app would not exist without him.
  • Thanks to Eugenio_g7 for helping with the One-click restore service.
  • Thanks to all the testers for being brave and patient.

 

If you like my work, please consider to donate via PayPal.

Screenshots: 
Application versions: 
AttachmentSizeDate
File sailfishos-uithemer-2.0.0-8.armv7hl.rpm156.42 KB23/12/2018 - 05:21
File sailfishos-uithemer-2.0.0-8.i486.rpm159.9 KB23/12/2018 - 05:21
File sailfishos-uithemer-2.0.1-6.armv7hl.rpm156.94 KB26/12/2018 - 02:47
File sailfishos-uithemer-2.0.1-6.i486.rpm160.48 KB26/12/2018 - 02:47
File sailfishos-uithemer-2.0.2-1.armv7hl.rpm156.93 KB29/12/2018 - 02:54
File sailfishos-uithemer-2.0.2-1.i486.rpm160.51 KB29/12/2018 - 02:54
File sailfishos-uithemer-2.0.2-2.armv7hl.rpm161.4 KB30/12/2018 - 18:49
File sailfishos-uithemer-2.0.2-2.i486.rpm164.97 KB30/12/2018 - 18:49
File sailfishos-uithemer-2.0.2-3.armv7hl.rpm161.39 KB30/12/2018 - 19:26
File sailfishos-uithemer-2.0.2-3.i486.rpm165.02 KB30/12/2018 - 19:26
File sailfishos-uithemer-2.0.2-6.armv7hl.rpm161.42 KB31/12/2018 - 02:51
File sailfishos-uithemer-2.0.2-6.i486.rpm165.05 KB31/12/2018 - 02:51
File sailfishos-uithemer-2.0.2-7.armv7hl.rpm167.25 KB31/12/2018 - 17:15
File sailfishos-uithemer-2.0.2-7.i486.rpm165.3 KB31/12/2018 - 17:15
File sailfishos-uithemer-2.0.2-8.armv7hl.rpm161.72 KB01/01/2019 - 19:14
File sailfishos-uithemer-2.0.2-8.i486.rpm165.3 KB01/01/2019 - 19:14
File sailfishos-uithemer-2.1.0-2.armv7hl.rpm162.01 KB06/01/2019 - 02:43
File sailfishos-uithemer-2.1.0-2.i486.rpm165.69 KB06/01/2019 - 02:43
File sailfishos-uithemer-2.1.0-3.armv7hl.rpm162.04 KB06/01/2019 - 03:32
File sailfishos-uithemer-2.1.0-3.i486.rpm165.73 KB06/01/2019 - 03:32
File sailfishos-uithemer-2.1.0-4.armv7hl.rpm161.46 KB07/01/2019 - 18:40
File sailfishos-uithemer-2.1.0-4.i486.rpm165.2 KB07/01/2019 - 18:40
File sailfishos-uithemer-2.1.0-5.armv7hl.rpm162.27 KB09/01/2019 - 21:16
File sailfishos-uithemer-2.1.0-5.i486.rpm166.01 KB09/01/2019 - 21:16
File sailfishos-uithemer-2.1.1-1.armv7hl.rpm162.02 KB13/01/2019 - 21:55
File sailfishos-uithemer-2.1.1-1.i486.rpm165.77 KB13/01/2019 - 21:55
File sailfishos-uithemer-2.1.1-2.armv7hl.rpm163.1 KB14/01/2019 - 00:55
File sailfishos-uithemer-2.1.1-2.i486.rpm166.82 KB14/01/2019 - 00:55
File sailfishos-uithemer-2.1.2-1.armv7hl.rpm163.96 KB15/01/2019 - 14:56
File sailfishos-uithemer-2.1.2-1.i486.rpm167.67 KB15/01/2019 - 14:56
File sailfishos-uithemer-2.1.2-3.armv7hl.rpm163.98 KB24/01/2019 - 18:34
File sailfishos-uithemer-2.1.2-3.i486.rpm167.8 KB24/01/2019 - 18:34
File sailfishos-uithemer-2.1.2-4.armv7hl.rpm167.39 KB29/01/2019 - 16:22
File sailfishos-uithemer-2.1.2-4.i486.rpm171.18 KB29/01/2019 - 16:22
File sailfishos-uithemer-2.1.2-5.armv7hl.rpm167.38 KB01/02/2019 - 20:51
File sailfishos-uithemer-2.1.2-5.i486.rpm171.14 KB01/02/2019 - 20:51
File sailfishos-uithemer-2.1.2-6.armv7hl.rpm167.41 KB01/02/2019 - 21:01
File sailfishos-uithemer-2.1.2-6.i486.rpm171.11 KB01/02/2019 - 21:01
File sailfishos-uithemer-2.1.2-7.armv7hl.rpm170.08 KB04/02/2019 - 02:34
File sailfishos-uithemer-2.1.2-7.i486.rpm173.82 KB04/02/2019 - 02:34
File sailfishos-uithemer-2.1.3-1.armv7hl.rpm171.8 KB11/02/2019 - 02:00
File sailfishos-uithemer-2.1.3-1.i486.rpm175.55 KB11/02/2019 - 02:00
File sailfishos-uithemer-2.1.3-2.armv7hl.rpm172.78 KB12/02/2019 - 19:35
File sailfishos-uithemer-2.1.3-2.i486.rpm176.59 KB12/02/2019 - 19:35
File sailfishos-uithemer-2.1.3-3.armv7hl.rpm173.11 KB13/02/2019 - 17:24
File sailfishos-uithemer-2.1.3-3.i486.rpm176.88 KB13/02/2019 - 17:24
File sailfishos-uithemer-2.1.4-1.armv7hl.rpm173.8 KB16/02/2019 - 20:40
File sailfishos-uithemer-2.1.4-1.i486.rpm177.54 KB16/02/2019 - 20:40
File sailfishos-uithemer-2.1.4-2.armv7hl.rpm173.74 KB16/02/2019 - 21:09
File sailfishos-uithemer-2.1.4-2.i486.rpm177.54 KB16/02/2019 - 21:09
File sailfishos-uithemer-2.1.5-3.armv7hl.rpm174.64 KB19/02/2019 - 19:53
File sailfishos-uithemer-2.1.5-3.i486.rpm178.43 KB19/02/2019 - 19:53
Changelog: 

* Tue Feb 19 2019 2.1.5
- Initial support for Android DPI settings on XA2.
- Updated translations.

* Sat Feb 16 2019 2.1.4
- Cover redesigned.
- Preview theme on cover.

* Sun Feb 10 2019 2.1.3
- Backup/restore icons.
- Different UI modes.

* Mon Jan 14 2019 2.1.2
- Added active theme on cover.

* Fri Jan 11 2019 2.1.1
- Bump Theme pack support dependency.
- Added dconf default settings.
- Added easy mode.
- UI tweaks.

* Sat Jan 5 2019 2.1.0
- [EXPERIMENTAL] Service for running one-click restore before system upgrades.

* Sat Dec 29 2018 2.0.2
- App-wide landscape layout.

* Mon Dec 24 2018 2.0.1
- Bug fix.
- Added second cover action.
- Landscape/tablet UI.

* Sat Dec 22 2018 2.0.0
- Revamped UI.
- Added Restart homescreen dialog.
- Added Display density restore dialog.
- Added One-click restore dialog.
- Added Recovery dialog.
- Customizable cover action.
- New app icon.

more

Comments

DameCENO's picture

Did the trick perfectly! Uninstalled Themepack support then ran the commands you previously asked me to dconf update and the rest and it works once again! Thanks man, I owe you one. I don't think I will forget to revert to default font and pixel ratio before upgrading the OS next time :D

 

An observation as well, after making it work themepack support icon disappeared form the home screen but can still be run via therminal, don't know if that's normal

fravaccaro's picture

I'm glad to hear you solved it :)

Yeah, it's an intended behavior, as I think that after the installation of UI Themer, a quick access to the terminal GUI is no longer needed.

DameCENO's picture

Hi fravaccaro I have updated to Iijoki and updated the ui themer but the same issue occured as when I try installing to 0.4 of ui-themer, the pixel ratio slider remains at the default value, I have removed the ui themer altogether and run the touch and dconf reset commands but to no avail. What should I do about it

Plus the suggestion of adding font preview before applying would be awesome

fravaccaro's picture

Sorry, I didn't read your message but I'm glad (according with your reply below) that you could sort it out.

As for the font preview, I'm afraid I won't be able to implement it, but I contacted the original dev of the GUI so I hope we can come up with something...stay tuned :)

MoritzJT's picture

UI of this GUI is broken on my Jolla C. Default density is  1.25 - lowering it breaks most system icons. Any idea?

BR

MoritzJT

fravaccaro's picture

try to install themepacksupport 0.3.3-3

DameCENO's picture

Actually the version 0.3.3-5 of themepacksupport is said to be compatible with UIThemer so installing it was enough to fix the aspect ratio slider. Thanks fravaccaro.

jfebrer's picture

Great app!

Where did you get the Nokia Pure theme?

fravaccaro's picture

Thanks!

I extracted the fonts from my N9. Unluckily I don't think I can share it :/

gedeon's picture

Hi

Why? It is just a theme, probably noone would care, but many people would be very happy! When I have first seen the N9 icons on this screenshot I fell in love again, please! :) I still have an N9 in my cupboard but I don't know how to get the icons and the font from it unfortunately. :( Thanks in advance!

fravaccaro's picture

Hi! The icon theme is by chengliangchen, he has not decided to publish it yet so you'd better ask him directly :) 

As for the Nokia Pure font, I still don't know if there's a way to publish it legally - it's the only issue that has been preventing me to publicly share it.

gedeon's picture

Re, thank you for your answer, I will try to talk with him. Ok, will talk about the font as well, hopefully not dangerous :) .

DameCENO's picture

Just in to report that the version 0.4-1 of the patch breaks the pixel ratio slider in UI themer, as the value is always set to the default 1 as soon as one leaves the UI themer screen the value is reset. Had to return to the version 0.2-1 to have it working again. I am on 2.0.5.6 on Jolla 1

fravaccaro's picture

Can you try to reinstall the package? As far as it's been reported, it works on the Jolla 1.

DameCENO's picture

I had to unistall it and revert back to 0.2-1 will try to update and get back to you. another question : is it safe to have ui themer and Tablet ui both installed? with what happened had to unistall tablet ui altogether.

 

And to make things clearer, all patches that come with the patch work flawlessly, just that it breaks the pixel ratio slider which doesn't change from the default value. Everything else works fine

 

Confirmed, the problem is with the version 0.4-1 of this patch, as I didn't install the Tablet UI this time aroiund. All patches work fine but the pixel ratio slider remains on the default value no matter what I do, homescreen refresh, even reboot, nothing changed. This default value of the pixel ratio option now seems too big for me, that is how cool this patch is. Hope the next version will fix this, and I am ready to assisst in providing what ever info you might need to get it done. Going back to 0.2-1 I can't do without this awesome patch

fravaccaro's picture

May you please run this command with UI thener 0.4 installed and without it?   ls /etc/dconf/db/vendor.d/locks/

DameCENO's picture

The command with the version 0.2 of the UI themer installed return the following output

screen-rotation.txt

 

As I have my hands full at the moment, will run the command with the version 0.4 installed in an hour or so when I leave work and reach home

The command with the version 0.4 installed returns the following output
screen-rotation.txt ui-configs.txt

fravaccaro's picture

Ok, may you repeat that command with no UI themer installed and with 0.4?

DameCENO's picture

Just did, rebooted the device just to be sure.
Without UI themer and with version 4.0 installed the command returns the same output, while with version 2.0 the ui config.tx file is missing, only the screen-rotation.txt file is present at that path.
I think the issue has to be in the ui config.txt file, am no programmer just an educated guess.
Any other way I can assist? The patch is here on openrepos for testing purposes anyway

fravaccaro's picture

Ok, with no UI themer installed, do as root:
touch /etc/dconf/db/vendor.d/locks/ui-configs.txt
dconf update

then, as nemo:

dconf reset /desktop/sailfish/silica/theme_pixel_ratio

And try uninstalling 0.4 again.

DameCENO's picture

Great!!! Worked and fixed the slider issue in UI Themer!
But unlike before, the UI Themer no longer installs the 3 patches in patch manager, I guess I need to reinstall Tablet UI then...
Let me do that and report back

Worked just as expected, everything is back to normal with the settings icon gone in events view screen, thanks for the assistance, greatly appreciated just as every other single contribution you have made to Sailfish, you are appreciated

fravaccaro's picture

Thanks! I'm glad people like and use what I do, so I try to be as helpful as I can if there's any issue :)

fravaccaro's picture

Great! The patches have been taken apart indeed, as I'm working on the UI themer and it helps me to keep stuff tidy :)

fravaccaro's picture

To prevent conflicts Tablet UI patches don't install if there's UI themer 0.2 installed.  Unluckily I don't have a working Jolla 1, but people who tried UI themer 0.4 reported no issue with the slider (and I've not done anything to it apart from splitting packages, indeed)

alina's picture

I couldn't find what blocks brightness/volume sliders from displaying in the sidebar. Seems it's hard coded. Do you know any way to have them in the sidebar?

alina's picture

Since the sidebar patch is due to be used on the phone, I have some suggestions to fit better on Jolla phone:

/usr/share/lipstick-jolla-home-qt5/eventsview/EventsViewSidebar.qml

line 62: leftMargin: Theme.paddingSmall
line 64: rightMargin: Theme.paddingMedium
line 71: height: item.height + Theme.paddingLarge

The margin changes will not affect large screens since the icons are center-aligned.

With two-column layout it will be better on JP1: FavoriteSettingsLoader.qml line 19:
property int columns: isLandscape ? 3 : 2

From left to right: (1) original design, (2) reduced margins, (3) suggested two columns in portrait

Comparing original sidebar margins with suggested changes

fravaccaro's picture

Looks neat, thanks :)

On the brightness slider: even the tablet has this feature missing, so I guess it was not coded at all for the sidebar. Digging a bit in the 'regular' quick panel may reveal the right piece of code to use.

alina's picture

Oh, so I consider this as a bug, since you choose them in settings shortcuts and they're displayed nowhere.

Edit: Albeit this seems logical, because the Silica slider has the left and right margins of Math.round(Screen.width/8).

alina's picture

Ha ha ha! I love Jolla! There's a variable to enable the sliders in quick settings. Just adding "showListFavorites: true" in favoriteSettingsLoader block, i.e. in line 73, will feature the sliders. See the screenshot – I have reduced the slider margins just for testing.

Edit: Ok, this is the workaround: After adding "showListFavorites: true" in "/usr/share/lipstick-jolla-home-qt5/eventsview/EventsViewSidebar.qml", line 73, you should replace Slider margins in "/usr/lib/qt5/qml/Sailfish/Silica/Slider.qml", lines 52, 53, with "Math.round(parent.width/8)"
This will reduce slider margins in sidebar while keeping them the same in other places.

fravaccaro's picture

Great! Thank you (again :D ) As a side note, it works even on the Jolla Tablet and it shows the volume slider, too.

Once I end the rest of the UI (I'm working on integrating the theme pack support), I'll release the sources :)

Pages