Application Styles

Source (link to git-repo or to original if based on someone elses unmodified work): Add the source-code for this project on opencode.net

13
Score 69.9%
Description:

Kvantum is an SVG-based theme engine for Qt4/Qt5 and KDE, i.e. a program for styling Qt applications with SVG images, with an emphasis on elegance, usability and practicality.

Kvantum comes with a default dark theme, inspired by the default theme of Enlightenment. Creation of realistic themes like that for KDE was my first reason to make Kvantum but it allows themes with very different looks and feels, whether they be photorealistic or cartoonish, 3D or flat, embellished or minimalistic, or something in between.

Kvantum also has extra themes, that are installed as root with Qt5 installation and can be selected and activated by using Kvantum Manager.

The core idea of Kvantum, namely using of SVG images for drawing Qt widgets, is taken from QuantumStyle (not developed anymore but continued as QSvgStyle at https://github.com/DexterMagnific/QSvgStyle).

*** Compilation and Installation ***

Please read the file INSTALL for detailed instructions on compilation and installation for Qt4 and Qt5!

For 64-bit Debian Testing (and, perhaps, other 64-bit Debian-based systems too), you could just use the deb package(s) at https://github.com/tsujan/Kvantum/releases. There is also a link to 32 and 64-bit Arch packages, kindly made by Josip (metak), in the Files section of this page.

*** Theme Making ***

For instructions on how to change configuration or make new themes, please read the files Theme-Config and Theme-Making in the doc folder!

*** Notes ***

(1) Each new theme should be accompanied by a KDE color scheme because some KDE apps may use colors specific to KDE. Qt apps use Kvantum colors though.

(2) Kvantum does not provide window decorations. Such jobs are done by the window manager.

(3) For the latest and other releases, please go to the home page! This page may not be up-to-date.
Last changelog:

5 years ago

See ChangeLog inside the source for a more thorough list.

15 Jun 2016
------------
* CPU usage optimization in extreme cases.
* Added two themes to the collection, one of which is translucent by default (KvRoughGlass).
* More QML corrections.

2 Jun 2016
------------
* Dealt with QML peculiarities.
* Added a key for disabling pushbutton contents shift (to Kvantum Manager).
* Added a hacking key for transparent PCManFM-Qt's folder-view (to Kvantum Manager).
* Added KvSimplicityDark to the extra themes.
* Some changes and additions for theme makers.

14 May 2016
------------
* Small changes.
* Made the first GitHub release (thanks to Matthew). A deb package for Debian Testing is also added. If (K)ubuntu and its derivatives need a separate deb package, I will add it here but, for now, they don't.

24 Apr 2016
------------
* Workaround for the Qt5 QMenu window type bug (I waited long enough for a fix. The workaround will be harmless if they fix the bug).
* Don't draw text shadow when it doesn't have enough contrast with text.
* Added a key for always centering doc tabs.
* Modifications to KvSimplicity.
* No need to a separate deb package for (K)ubuntu 16.04 and its derivatives for now.

......

C

tsujan

5 years ago

Found a way to remove all ugly lines and not only those of Clementine (-> github).

Report

C

tsujan

5 years ago

BTW, those Clementine separators are hard-coded: there isn't any element in the default theme like them. You don't see such a thing with Amarok, SMplayer, Dragon Player, VLC, etc. Hard-coded styles are the nightmare of theme makers ;)

Report

C

tsujan

5 years ago

Yes, of course! "toolbar-separator" and "menuitem-separator" are invisible by default so that you don't see any menu or toolbar separator with the default theme (see the screenshots) but you could draw them as you like in your own SVG file.

Report

9

Hombremaledico

5 years ago

Sorry for the double comment, but i forgot to ask: is it possible to set the size for radio buttons and checkboxes?
I've tried from the theme config file, but no lucky so far.

Report

C

tsujan

5 years ago

I forgot about the github questiuon. Probably I'll put Kvantum there if I find that I haven't made great changes to it for a while. Github is nice but I don't want users to get into trouble by trying a version that I don't consider stable enough.

Report

C

tsujan

5 years ago

Thanks for your elegant theme!

A background consists of two parts: interior and frame. The interior cannot be used to get a consistent rounded look. The roundness effect is achieved by proper frame objects. Please see Glassy.svg (inside the source) for a few examples. For scrollbars also consider their width (scroll_width).

The size of radio buttons and checkboxes is fixed and set to 15px for now. I will add a common variable for them in v0.4. Thank you for the suggestion!

And yes, v0.4 will include text color control.

Report

9

Hombremaledico

5 years ago

The interior - slider-normal - is not rounded in fact, while frames (slider-normal-topleft, topright, bottomleft, bottomright) are rounded.
Most probably i have this issue since the frame components are groups, consisting in two objects: one visible(which is the rounded part) and one invisible (i used the same svg from my plasma theme). Or maybe is just something that i can fix from the config file. I'll do some test and see.

Now i really can't wait for the new version :D

By the way, if you're ok i'll continue to post feature requests in the future, beyond possible bug reports ;)

Report

C

tsujan

5 years ago

In fact, the problem was on MY side: you found the first Kvantum bug, which was caused by a miscalculation of mine. I fixed it and will upload the new version in a few days.

Your theme was a great help to me in checking various aspects of Kvantum under a different light. Thank you very much!

Your feature requests will be very welcome.

Report

9

Hombremaledico

5 years ago

Nice style. Just released a beta of my first Kvantum theme:

→ http://hombremaledicto.deviantart.com/art/Dynamo-Kvantum-Aurorae-and-colors-beta-473296917?ga_submit_new=10%253A1407248606

By the way, i'm not sure whether this is an issue or not(i'm still learning how to use inkscape, might be it's just my fault), but if i set a rounded background, it is not preserved on the widget when the orientation (left/vertical)changes, example:

→ http://postimg.org/image/fp3ajlbfh/

I was about to mention the same issue found by sixsixfive, but i see that you're already working on it.
Can't wait for the new version with colors control :)

P.s. Why not using github/sourceforge to host the source?

Report

9

sixsixfive

5 years ago

It's a good idea just like quantumStyle was once but it has still the issue that we can't set a font color for each widget state(eg: a menuitem has usually highlighted text for the hover)

some styles also not possible due this issue eg: white window & dark menubar

And since qt is supporting css wouldn't it not better to use a stylesheet instead of images/svgs?

Report

C

tsujan

5 years ago

Thanks for your comment.

With both Qt and KDE, styling has two different parts: the style and the color scheme. I see it as a flexibility not a drawback.

Stylesheets are great but with them, you could control the look of a widget only to some extent. I wanted to have virtually full control over how widgets looked and that's possible only with SVG images. QuantumStyle had that potential but it was too buggy. QSvgStyle didn't provide what I needed either. In a nutshell, I needed a really usable SVG-based style, not just a concept.

Sharing what I did seemed reasonable to me later.

Report

9

sixsixfive

5 years ago

>the style and the color scheme. I see it as a flexibility not a drawback

actually its a drawback, since the style uses qpalette(which is very limited: http://qt-project.org/doc/qt-4.8/qpalette.html) for it's colors so all text is forced to QPalette::WindowText wich is usually the opposite of QPalette::Window, but what happens if you have a white base theme and an svg uses a different color eg black for toolbars, menubars or tabs? you end up having black text on black widget and there is no way to fix it :(

some examples that can't be done:

http://opendesktop.org/content/show.php/Ambiance+%26+Radiance+Colors+Suite?content=147891
http://opendesktop.org/content/show.php/Divergence+IV+-+%22A+New+Hope%22?content=133892
http://opendesktop.org/content/show.php/Victory+%28Strikes+Again%29?content=123936
http://opendesktop.org/content/show.php/Shiki-Colors?content=86717
http://opendesktop.org/content/show.php/Ubuntu+Dust?content=88790
http://opendesktop.org/content/show.php/Elegant+Brit?content=74553

Report

C

tsujan

5 years ago

Thank you very much for the explanation! Now I understand what you said. By flexibility I just meant that there are two different kinds of adjustments but you're right.

For non-editable widgets like toolbars, buttons, etc., that can be implemented in Kvantum by introducing new variables (keys). I hesitated to do so because I didn't want to violate the color scheme settings but now, that seems reasonable to me, especially when some of those settings are already "violated" by SVG background colors.

However, first let's see if any bug is found in Kvantum. There aren't lots of users yet but I use it with as various Qt4 apps as I can find. I hope I'll get more helpful feedbacks like yours.

Report

9

sixsixfive

5 years ago

nice to hear ;) but to bring it back to stylesheets:

Would it be possible to load one if one exists in the themedir? so you could completely pass adding new color keys?

in this case it would be just:

QMenuBar{
color:rgb(255,255,255);}

Report

C

tsujan

5 years ago

With the next version, lines like this can be used in any section (group) of the config file:

text.normal.color=white
text.focus.color=#80C0FF

If they are ommitted, the default color scheme is used. As you see, the whole structure of the config file is not so different from that of stylesheets. I think it's a bit more efficient.

I'll upload v0.4 soon. Just let me test it for a week or so.

Report

5 years ago

See ChangeLog inside the source for a more thorough list.

15 Jun 2016
------------
* CPU usage optimization in extreme cases.
* Added two themes to the collection, one of which is translucent by default (KvRoughGlass).
* More QML corrections.

2 Jun 2016
------------
* Dealt with QML peculiarities.
* Added a key for disabling pushbutton contents shift (to Kvantum Manager).
* Added a hacking key for transparent PCManFM-Qt's folder-view (to Kvantum Manager).
* Added KvSimplicityDark to the extra themes.
* Some changes and additions for theme makers.

14 May 2016
------------
* Small changes.
* Made the first GitHub release (thanks to Matthew). A deb package for Debian Testing is also added. If (K)ubuntu and its derivatives need a separate deb package, I will add it here but, for now, they don't.

24 Apr 2016
------------
* Workaround for the Qt5 QMenu window type bug (I waited long enough for a fix. The workaround will be harmless if they fix the bug).
* Don't draw text shadow when it doesn't have enough contrast with text.
* Added a key for always centering doc tabs.
* Modifications to KvSimplicity.
* No need to a separate deb package for (K)ubuntu 16.04 and its derivatives for now.

......

12345678910
20421
product-maker bunnymnemonic Sep 24 2019 10 the best
10 the best
product-maker sohrob May 13 2019 9 excellent
+I think Kvantum is great. Hats off to the folks who developed this application.
product-maker zayronXIO Apr 19 2019 9 excellent
+
product-maker tomjedusor Apr 12 2019 3 bad
- No remove command and after a week trying remove it, no more help from the creator. Be careful of what you install and how on linux too. This software modify definitively your qt files system
product-maker jrjohnstone Feb 12 2019 9 excellent
Wonderful!
product-maker pewpew Nov 12 2018 9 excellent
+
product-maker abgr Sep 12 2018 9 excellent
+ Just created my first Kvantum theme, and all in all it was a joy, i was able to realize most of what i'd had in mind. Posted a few minor issues/feature requests on github. Thanks for your work!
product-maker Frettchen Jun 01 2018 3 bad
-
product-maker xfcegure Jan 12 2018 3 bad
product-maker Davikar Dec 20 2017 9 excellent
product-maker Puli Dec 04 2017 9 excellent
product-maker 1E1E1E Nov 07 2017 9 excellent
product-maker spider623 Oct 25 2017 9 excellent
product-maker sen7 Sep 23 2017 9 excellent
product-maker caig Jul 08 2017 9 excellent
product-maker aram Dec 29 2016 9 excellent
product-maker tepca Nov 09 2016 3 bad
product-maker dubious Nov 09 2016 3 bad
product-maker Bugworm Nov 07 2016 9 excellent
product-maker izzzy Nov 05 2016 3 bad
product-maker malcomz Nov 05 2016 3 bad
product-maker alibaba2 Nov 05 2016 3 bad
product-maker Nightbane112 Oct 26 2016 9 excellent
product-maker arun94 Aug 13 2016 9 excellent
product-maker dyrvere Aug 09 2016 9 excellent
product-maker x-varlesh-x Jul 28 2016 9 excellent
product-maker fracaburda Jul 28 2016 3 bad
product-maker dfghjk Jul 28 2016 3 bad
product-maker PeterKabin Jul 28 2016 9 excellent
product-maker qtnerd Jul 28 2016 3 bad
product-maker DDZ Apr 27 2016 9 excellent
product-maker svah4cky0 Feb 26 2016 9 excellent
product-maker lexcher Dec 21 2015 9 excellent
product-maker roozbeh2020 Jul 22 2015 9 excellent
product-maker RingOV Jul 21 2015 9 excellent
product-maker schnelle Apr 03 2015 9 excellent
product-maker nhoxsang2411994 Feb 15 2015 9 excellent
product-maker RAIDENSUB Feb 10 2015 9 excellent
product-maker otorongo Jan 25 2015 9 excellent
product-maker pvt14 Jan 02 2015 9 excellent
product-maker azawi Dec 18 2014 9 excellent
product-maker Ghostdmn Nov 20 2014 9 excellent
product-maker mannfree Nov 18 2014 3 bad
product-maker thwald Nov 16 2014 3 bad
product-maker nobrain Nov 14 2014 3 bad
product-maker pjhalsli Nov 14 2014 9 excellent
product-maker olegvbal Oct 14 2014 9 excellent
product-maker Zipristin Aug 17 2014 9 excellent
product-maker SvenArcher Aug 09 2014 9 excellent
product-maker Hombremaledico Aug 08 2014 9 excellent
product-maker VilleVallo Aug 07 2014 3 bad
product-maker mea5 Aug 07 2014 3 bad
product-maker hello98 Aug 07 2014 3 bad
product-maker lieter Aug 07 2014 3 bad
product-maker sfeist Aug 07 2014 3 bad
product-maker UnderTheGun Aug 07 2014 9 excellent
product-maker janet Aug 07 2014 9 excellent
product-maker unikum111 Aug 06 2014 9 excellent
product-maker sixsixfive Aug 04 2014 9 excellent
product-maker dergnome Jul 30 2014 3 bad
product-maker ranmak Jul 28 2014 9 excellent
product-maker eticre Jul 19 2014 9 excellent
product-maker D-- Jul 19 2014 9 excellent
product-maker Base: 4 x 5.0 Ratings
madeiraantonio97
Feb 11 2020
usernamexists
Aug 30 2019
zayronXIO
Apr 19 2019
mystress
Apr 07 2019
jrjohnstone
Feb 12 2019
abgr
Sep 11 2018
Rokin
May 15 2018
DDZ
Apr 27 2016
lexcher
Dec 21 2015
Zipristin
Dec 08 2015
takanowaka
Sep 14 2015
RingOV
Jul 21 2015
michtar
Jul 06 2015
zayronXIO
Apr 19 2019
Rokin
May 15 2018
x-varlesh-x
May 13 2018
File (click to download) Version Description Downloads Date Filesize DL OCS-Install MD5SUM
*Needs pling-store or ocs-url to install things
3 Plings
0 Affiliates
Details
license
version
updated Jul 08 2017
added Jul 19 2014
downloads 24h
30
mediaviews 24h 0
pageviews 24h 176