Giter Club home page Giter Club logo

qbittorrentdarktheme's Introduction

qBittorrent Dark theme

Derived from: jagannatharjun/qbt-theme/material

ICEBERG.qbtheme (Windouws 10)

Other qbtheme pictures

Usage

Download the ZIP (green button) or individual RAW .qbtheme files. Please use Theme function in Options.

Q&A

Please use this place.

Known issue

Unknown issue
Colors don't change on Linux

Probably cannot be changed in the theme file.

  • strangeness of check items, In right-click transfer list.

Compile

More info...

Rename src\stylesheet~~.qss to src\stylesheet.qss, Rename src\config~~.json to src\config.json, and compile resources.qrc by Qt rcc.

License

Jagannatharjun says:

none of the stylesheets belongs to me
just google search the style name without .qbttheme + github suffix
I just pack it around for testing the theme support when I was implementing it
I'll be mentioning this in the repo just that I'm bit busy with college and stuff

He created the .qbttheme for qBittorrent. So I think it's not copyrightable or means public domain. However, stylesheet.qss is similar to QDarkStyleSheet. License inheritance may be necessary.

qbittorrentdarktheme's People

Contributors

maboroshin avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

qbittorrentdarktheme's Issues

New UI Theme Configuration in qBittorrent

Old qbtheme
The method of compiling qbtheme was too difficult. Very time consuming for me. Change values, compile, restart qBittorrent, repeat the process. Because there is no guarantee that changing that value will change the appearance. We change the various values until the desired color changes. It takes 1-2 hours to change one place. Or, after a lapse of time, conclude that it's unchangeable. I would oppose repeating this process on a regular basis.

This was already the case in 2020-2021. However, I would like to believe that I have created an ideal dark theme. There are major changes to qBittorrent that break existing themes. They don't preserve existing themes. It takes me a long time to make a theme twice. However, Most people can't customize the theme. There will remain unrepaired themes. That is the prediction.

Furthermore, .qbtheme was going to be disabled in 4.6.0. See #18214 below.

See also qbtheme specification change issue

But there was also good news : New theme customization feature

Within Issue #17081 above, a improved native dark theme was released in May 2023, in version 4.6.0alpha1!
Version 4.6.0 has already been released on October 22, 2023.

We can easily change the UI now.

image

How to call new UI Theme Configuration

You need to start with this command (Portable apps are also possible):

  • qbittorrent -style fusion -platform windows:darkmode=2 or
  • qbittorrent.exe -style fusion -platform windows:darkmode=2 (Just added .exe)
  1. The easy way is to create a shortcut.
  2. Open the properties of the created shortcut.
  3. Add the command after the path.
  4. Press OK.
  5. Turn off "Use custom UI Theme" in qBittorrent's option.
  6. Restart qBittorrent.
  7. If the Windows OS color theme is set to dark, qBittorret will also be dark.
  8. There are also auto apps such as: Auto Dark Mode for Windows

image

Built-in color issues

The new icons in version 4.5.0 use primary colors and high contrast. But we seem to be easily changeable icons. (But originally the qBittorrent's icon should be changed) I have previously created a script to batch convert the color values of qBittorrent icons.

All that remains would be to improve qBittorrent's built-in color values. However, Icon colors without design such as red value 255 should also be corrected.


glassez said:

Windows Vista style, used on Windows by default, doesn't support dark mode. When you enable darkmode=2 (via command line, environment variable or qt.conf) Qt handles Windows dark mode by automatically change style to "legacy" Windows. This doesn't seem to work anymore, starting with Qt 6.5, so you need to manially activate some style that supports dark mode. In a future version, we are testing Fusion style to be used by default.

Screenshots in README.md for all the themes

There is currently only a single screenshot in the README and it's not obvious what theme it's displaying.

Please add screenshots of all the themes and label them (ICEBURG.qbtheme, Solarized.qbtheme and ayuDark.qbtheme)

Not loading in 4.6.0

Not sure if it worked in previous versions. Closed and opened, then exited (shut down) and restarted. Other custom UI themes not working.

Selection and search bar coloring & context menu text

Overall this looks and works great, I slightly prefer ayuDark followed by Absinthe/ICEBERG, but there are three problems I've found:

  1. When hovering over a line, it's orange, but after selecting it, it's blue, which is the same color as a completed torrent, so it's hard to tell which line is selected. I'd prefer either it stay orange or use a different color altogether. If somebody can point me to where/how to change this, I'd appreciate it.

  2. A minor issue, but the "Filter torrent names..." text in the search bar is difficult to read due to it's small size and very light gray color.

  3. Also minor, the "Automatic Torrent Management, Download in sequential order, Download first and last pieces first, and Super seeding mode" text in the right-click menu is smaller and less indented than the other text.

Thanks for your work, my eyes definitely appreciate it!

Button focus is invisible

qBittorrent 4.4.3 x64. Windows 11.
Tested with ICEBERG and Solarized.

E.g. in deletion dialog, with the default UI you can see the focused button by its highlighted border (Cancel here, it's focused by default), and see the focus change with keyboard navigation (Tab, arrow keys):
image

But not so in the custom themes. Here the OK and Cancel buttons look the same, even though Cancel is focused:
image

Black Texts on Dark Background (Iceberg & ayuDark )

ICEBERG

There's a problem with black texts on a dark background unless the torrent is clicked on or hovered over. I'm currently using Iceberg but I've tried switching to ayuDark and the dark on dark situation is the same. It'd be great if the text colour is something lighter e.g. white. Thank you!

Version: qBitTorrent v4.3.0

Narrow left sidebar on 2160p monitor

Hello
The category in the context menu is really tight, I think it's related to my screen resolution.
Original :

2

Absinthe.qbtheme :

1

Thank you for your work.

Ayudark text colour

I'm using ayudark (rev 3) and all the text colours are grey ie error, downloading and seeding instead of red (error), green (downloading) and whatever colour seeding is meant to be. is it meant to be like that?

Apart from that, great themes. 👍

Issues waiting for release 4.22

Waitting to qBittorrent ver 4.2.2

The above includes these changes

  • Transfer list's text color : Allow transfer list text color changes through QSS #11433
  • Progress bar (Not changeable yet?): Improve Transfer list architecture #11708

I still don't understand how to reflect. Please tell me. I understand easy programming only.

Related issue

How to change the color of inactive torrents for the ICEBERG theme?

Greetings to all. The latest version of qBittorrent is available (4.3.9), this program uses the ICEBERG theme. Torrents that are inactive are highlighted with a color that is almost the same as the background color, which makes the torrent names almost invisible. Is it possible to change the color for these torrents?

qBittorrent dark torrents

need to get rid of the gradients

Sweet dude....Very close, just need to get rid of the janky gradients on the lower buttons. Then it will be perfect! Gradients on the interface is a bit outdated and don't look good. Take them off and you will have the best theme by far :)

WEB UI theme

Hi, is it possible to use this theme if I'm running webui?

Thank you

Q&A

Please assume that QT (Theme) can use old CSS. So what we can do is within this limit.

  1. If the value is fixed in the program, not in the theme, the value cannot be changed. Program change required. Please request at qBittorrent.
  2. CSS structural limitations. To specify a value, it must be distinguished by a "parent> child" structure. Or have a class. For the same structure "Tab> Table", the same value is specified.

If the above two conditions cannot be solved in a CSS style (Qt's qss), the program needs to be improved.

I am almost a beginner about the program. I am not involved in the program. I don't know.

Percentage Bar still isn't alligned even with the latest version

running qbittorrent 4.4.1 with the latest version of the Theme, and as the screenshot bellow shows the text on the progressbar isnt well centered, dunno if this is a bug with qbitorrent itself (all the themes i tried gave me this) or with the themes themselves (this one included)
image

Checkboxes are covered with the text in "Select Graphs" menu

qb: v4.2.5 x64
OS: Windows 10 x64

  1. Open Speed tab at the bottom of the transfer list
  2. Click on "Select Graphs" menu

Result: checkboxes are covered with the text
image
Expected result: checkboxes aren't covered with the text:

Additional info: I think it might be working correctly in jagannatharjun's theme cause there is another issue the menus, which was fixed in maboroshin's themes:

  • jagannatharjun's theme
    image
  • maboroshin's theme
    image

"Execution Log" is unreadable.

The "Execution Log" tab is unreadable on the "ayuDark.qbtheme" theme because of the text having almost the exact same color as the background.

Issue qBitorrent v4.3.0

Stalled torrent are way to dark with this new version of qBitorrent

Capture d’écran 2020-10-19 030828

tested with all themes pictures using ICEBERG

How to edit theme colors?

Is it possible to edit theme colors like the text color of seeding torrents? I've found the "config_ICEBERG.json" file in the source code which has some color codes. How do I turn the source code files to a single .qbtheme file?

Context menu empty squares and borderless confusion

  1. Automatic Torrent Management, Download in sequential order, Download first and last pieces first, Super seeding mode (not in pictures) all have empty spaces on the vanilla theme, but have this weird squares on the custom themes. Weirdly, Queue does not share the same problem.

  2. The context menus missing borders (or different color borders) blend into the content and makes it look weird. I recommend using the same border colors as used on the tooltips when you hover over the top icons.

Sorry for all the screenshots, I wanted to make sure the problem persists on all themes.
image image
image image

Percentage text is cropped

Percentage text is cropped in ALL themes at any resolution setting in Windows 10 and 11, except for the Dracula theme, which is the only qBittorrent theme on github, in whose percentage text is NOT cropped and displays perfectly.

CROPPED PERCENTAGE TEXT IN ALL THEMES:
All Other Themes - Cropped Percentage

EXCEPT...

GOOD PERCENTAGE TEXT IN DRACULA THEME:
Dracula Theme Good Percentage Display

Solarized is identical to ICEBERG

The last version of the Solarized theme is identical to ICEBERG, and they have the same checksums. The previous version works as expected, so I guess it's just a copypaste error.

"Selected" and "Highlight hover over item" has the same color as background for auyDark.

First: ayuDark is, from my point of view, the best dark theme. However it has two problems:
You cannot differ between selected and un-selected items, they are all the same nearly black color.
Hovering over an item does not highlight it.
Black is not actually black, it is 01060E.
Both "fixed" versions, the one with select and highlight color fixed, and the other one with actually black as background color are available at:
https://github.com/Joachim-Otahal/qbittorrent-theme
Feel free to incorporate what I changed in your repo, you did the initial work anyway - thank you for that.

Unknown issue

Unknown issue with dark theme. Probably need to improve the program, not only the theme.

Let me know if you find a solution.

Unsolved color

Corrected on ver 4.5.0

Corrected on ver 4.3.0

Corrected on ver 4.2.2


Sample references

Progress bar percentage color dark theme?

Can you change progress bar percentage color in next update? Yellow perhaps?
This is how it looks now on dark theme:

progress

Also checkbox should have ✓ as a check mark, looks better.
And icons far above should have a bit brighter color:
icons

Need 4.3.6 Update

Hi. your themes are the best. I especially like the iceberg one. Unfortunately, with the latest stable version of qBittorrent 4.3.6, if I use the 4.3.0 Rev10 theme, the title bar remains white. It doesn't switch to dark mode even if Windows is in dark mode. Apart from that, the rest of the theme looks fine. So, I think to update the theme for the latest stable version, you just have to make that minor change of the title bar.

Waiting for release Next

  • issue : Dark Mode (Native Support) #17081
  • Allow to modify default UI theme #18214 (4.6.0) Maybe the end of .qbtheme
  • Re-allow to use icons from system theme #18195 (4.5.1 later)

  • Fix Pause Icon #18110 (4.6.0)
    : torrent-stop.svg Changed color.

  • Fix color inconsistency #18226 (4.5.1 later)
    : browser-cookies.svg , view-refresh.svg Changed color.
    : filter-stalled.svg Change to a form common to others.

  • https://primer.style/primitives/colors : Color Reference

  • Revise text color for completed status #18139 (4.5.1 later) + Introduce color palettes for both dark, light themes #17798 (4.5.0)

  • Dark
    : accentEmphasis #1f6feb
    : accentFg #58a6ff
    : dangerFg #f85149
    : doneFg #388bfd -> #a371f7
    : fgMuted #8b949e
    : fgSubtle #6e7681
    : severeFg #db6d28
    : successEmphasis #238636
    : successFg #1a7f37 -> #3fb950
    : scaleYellow6 #845306

  • Light
    : accentEmphasis #0969da
    : accentFg #0969da
    : dangerFg #cf222e
    : doneFg #218bff -> #8250df
    : fgMuted #57606a
    : fgSubtle #6e7781
    : severeFg #bc4c00
    : successEmphasis #2da44e
    : successFg #1a7f37
    : scaleYellow6 #7d4e00

  • Use proper color for highlighted text in log widget #17737 (4.5.0)

  • Enhance readability in execution log across light/dark themes #17714 (4.5.0)
    : Normal color is not mono tone
    : Log.Normal #3cb371 mediumseagreen
    : Log.Info #6495ed cornflowerblue
    : Log.Warning #ff8c00 darkorange
    : Log.Critical #ff0000 red

  • Fix checked-completed icon visibility in dark theme #17946 (4.5.0) Used Qt's color

  • Rename Icons according to the actions #17366 (4.5.0)
    : application-rss+xml.svg -> application-rss.svg
    : application-x-mswinurl -> application-url
    : edit-find-user -> peers
    : folder-documents -> folder-open
    : help-contents -> help-documentation
    : inode-directory -> directory
    : kt-magnet -> torrent-magnet
    : kt-set-max-download-speed -> download
    : kt-set-max-upload-speed -> upload
    : mail-folder-inbox -> mail-inbox
    : media-playback-pause -> torrent-stop
    : media-playback-start -> torrent-start
    : media-seek-forward -> torrent-start-forced
    : office-chart-line -> chart-line
    : preferences-other -> preferences-advanced
    : preferences-system-network -> preferences-bittorrent
    : preferences-web-browser-cookies -> browser-cookies
    : user-group-delete -> peers-remove
    : user-group-new -> peers-add
    : webui -> preferences-webui

  • Implement new icon/color theme #15769
    : queued -> checking
    : checked -> completed
    : edit-rename -> document-edit
    : help-about and help-contents -> document-properties
    : downloading -> download
    : list-remove -> edit-delete
    : task-complete -> mail-mark-read
    : media-playback-pause -> paused.svg
    : media-playback-start -> resumed
    : kt-set-max-upload-speed -> seeding
    : loading -> sphere
    : dialog-warning -> task-attention
    : task-reject -> unavailable
    : kt-set-max-upload-speed -> uploading
    : filterinactive -> view-filter
    : qbittorrent-tray -> qbittorrent-tray-with-font


  • Add an option to disable icons in menus #14428 (4.3.4)
  • Correctly draw the background of progress bar #14472 (4.3.4)
  • Correctly draw progress background with stylesheet #14840 (4.3.5)
  • Correctly draw progress background with stylesheet (backport v4_3_x) #14872 (4.3.5)
  • Fix invalid RSS feed icons #15396 (4.40 or later)
  • "Enable native Windows 10 dark theme support by default" #13952
  • Discussion of standard icons for dark : "Redesigned Icons #12965"

Memo

Previous : #5 Waiting for release 4.3.0

Progress Bar Text too large

I believe this problem probably only affects high DPI displays. As you can see the text is cut off.

image

All other text looks fine. Even the very small text in the search bar looks fine.

Since this is probably specific to those of us using 4K / High DPI screens, is there a work-around for us? Maybe a way to set the progress bar text to a smaller size?

Waiting for release 4.3.0

Waitting to qBittorrent ver 4.2.3 or ver 4.2.4 or ver 4.2.5 or ver 4.3.0 or later

  • (Merged) Log text color: Convert the Log widget to use custom View/Model #12144 in here now
  • Change icons? (Add icon's ID) : Map Icons with IDs #10948, Icon theme support in qbittorrent #10903 (4.3.0)
  • Allow changing RSS article list colors from custom UI theme #13246 (4.3.0)
  • Use palette colors in pieces bars #13256 (4.3.0)
  • Use palette colors in RSS feeds #13226 (4.3.0)

I still don't understand how to reflect. Please tell me. I understand easy programming only.

Also

  • Redesigning theme icons #12169

Memo: Light icons

  • MainMenu.PauseAction
  • MainMenu.PauseAllAction
  • Torrent.Paused
  • Torrent.Error
  • TransferList.PauseAction

Memo:

Next : #22 Waiting for release Next

A letter in a Text is missing.

Sorry, I just noticed, that this was because of the sorting arrow.

image
In that bar (I don't know, how it's called) is a d missing at Up Speed. I think this wasn't missing before I installed the theme (solarized)

White background in Gnome

@charmesal reported in #3:

I'm also having color issues but nothing like you have described already. Some text is still dark and the background of some fields are still white. This could be an issue with Gnome but I am unable to find anything about this yet. I'm still a beginner when it comes to programming but I might be able to help with testing.
Screenshot from 2020-04-02 00-27-14

[ayuDark] Please make changes to "pieces" color.

qbittorrent_43alVWA548DARK

Please change "Missing pieces" color to red, and "complete pieces" color to blue.

qbittorrent_MO0WXRtrOq

Please change "Unavailable pieces" color to red, and "available pieces" color to blue.

qbittorrent_VnoSr6n42BDARK

Please make changes to the shade of all colors as they are a bit hard to see. (Blue and green almost blends together and is barely legible).

Optional: I don't know if it was a design decision, but there is a blue outline on just the top and left sides of the progress bar, it kind of looks out of place imo. Makes changes to it as you see fit, or don't. Up to the dev(s).

Thank you. :))

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.