Kivy look and feel
I'm trying to create a Kivy app with a sharp, crisp look and feel, but the default Kivy UI isn't exactly what I had in mind? Is there a way to create a custom theme to give the styling Kivy style?
This app is called Pithon here and it was made from Kiwi. I have searched everywhere but I cannot find anything on how the developer handled such a clean look. Does anyone have any idea?
source to share
Kiwi developer Andrés Rodríguez has released a set of widgets based on Google's material design principles. I currently use them myself and they have surely saved me a lot of work. You can find KivyMD here . Their some themes are also based on the same principles, but I haven't tried them yet: FlatKivy and the other is kivy ui material from Federico Curzel.
Below are screenshots for kivyMD, flatkivy and kivy ui material.
Click the highlighted links, you will find a lot more information on the three projects.
source to share
(Almost) all widgets have properties that can be used to set aspects of their style. For example, with a button, you can change the background color, the background image on click or release, and the size of the border area (it scales like in images with CSS borders). You can check the documentation for the specifics of this widget.
The theme like in the screenshot you posted can be achieved by disabling background images for buttons and using solid colors, with normal text without buttons being labeled, and the circle drawn directly using a kivy canvas instruction or via an image widget ( along with a circle).
I notice that you mentioned the addition in the comment, but I'm not sure what you mean by that - do you mean the distance between the buttons? They could very well be placed in a GridLayout that has an padding property that controls this, so you can set it to the position you want.
I understand that you are asking a more general question than "how does this screenshot do this?", But the key point is that almost everything is customizable and there is not much change required from the default theme to your image.
Editing: One useful feature that helps with this kind of customization is that you can use the kv language to easily override the styles for the widget classes, so you don't have to manually change every button, etc.
source to share