Skip to content
New issue

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

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

Already on GitHub? Sign in to your account

Add support for setting a custom Qt stylesheet #3701

Open
ghost opened this issue May 16, 2023 · 10 comments
Open

Add support for setting a custom Qt stylesheet #3701

ghost opened this issue May 16, 2023 · 10 comments

Comments

@ghost
Copy link

ghost commented May 16, 2023

I would like to request a theme editor to make and edit existing themes.

@bjorn
Copy link
Member

bjorn commented May 16, 2023

Seems out of scope for this tool.

@bjorn bjorn closed this as completed May 16, 2023
@ghost
Copy link
Author

ghost commented May 16, 2023

If you make themes, you also must have a way to let users create them.

@bjorn
Copy link
Member

bjorn commented May 16, 2023

I'm not sure what you mean. The user can pick a style, its color and a selection color. It isn't much of a theme, though I do think it would be nice to add some presets.

You are talking about these settings, right?

image

@ghost
Copy link
Author

ghost commented May 16, 2023

like this: https://github.com/aseprite/themes

Then some very simple settings in this tab (color for this thing in the program, ...) and "export to theme file" (and 'load theme")
in this way the communicty can make themes and distribute them

i would like to have an all black theme and in this way we can create it.

@bjorn
Copy link
Member

bjorn commented May 17, 2023

Hmm, it is possible to use a stylesheet to customize the appearance of Tiled, for example:

image

This way you can customize a great deal, though I'm not sure if it would suffice. Since this is a Qt feature, you could probably already find existing Qt stylesheets that you could use on Tiled. If there are, it would indeed be nice to document this feature in the manual and to make user themes discoverable somehow.

@ghost
Copy link
Author

ghost commented May 17, 2023

yes please please please! :)

  • You should make an option in the "theme" tabpage for loading a QT stylesheet file
  • and write it in the manual + explanation how to edit it

There is no work to do for you, just add something to make tiled run with the stylesheet

  • enable or disable the option and file chooser to choose the stylesheet
  • maybe a list in tiled's UI that displays all the *.qss files (maybe make a subfolder "stylesheet" in which you need to put them) by reading the file name of the qss file
  • https://qss-stock.devsecstudio.com/documentation.php

I found a website https://qss-stock.devsecstudio.com/templates.php
and they all work! For me personally, it's good enough. It looks good and I don't more. Also all widgets are changed in the chosen color. I'm already using it!!! :)

Can you open the issue again? You can put the stylesheets on github. I see they are MIT license. I have change the issue's title!

`/*Copyright (c) DevSec Studio. All rights reserved.

MIT License

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED AS IS, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/`

Here some screenshots (the first one is the close to the dark theme I wanted, I can still adjust the blue)

afbeelding

this is one is fantastic for working at night

afbeelding

also nice

afbeelding

nice buttons

afbeelding

some more

afbeelding

afbeelding

@ghost ghost changed the title request:theme editor request: add Qt stylesheets for themes May 17, 2023
@ghost
Copy link
Author

ghost commented May 17, 2023

And more!! I hope you want to add this feature to load a qss file. It's great

https://github.com/GTRONICK/QSS

MacOS theme!!

afbeelding

afbeelding

Ubuntu

afbeelding

This one is absolutely great

https://github.com/ColinDuquesnoy/QDarkStyleSheet

afbeelding

afbeelding

@ghost
Copy link
Author

ghost commented May 17, 2023

You can re-open this please?
It's very interesting

@bjorn bjorn reopened this May 18, 2023
@ghost
Copy link
Author

ghost commented May 18, 2023

yes!!!!!!!!!!!!!!!! it's open again :)

@bjorn
Copy link
Member

bjorn commented May 18, 2023

Yes. I think we could model this setting after the "Use custom stylesheet" option in Quassel IRC:

image

@ghost ghost closed this as completed May 18, 2023
@bjorn bjorn reopened this May 19, 2023
@bjorn bjorn changed the title request: add Qt stylesheets for themes Add support for setting a custom Qt stylesheet May 19, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant