question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Am I doing something wrong, or is there a bug in the button theme (disabled buttons vs light theme)?

See original GitHub issue

In light themes the disabled buttons are ‘invisible’. ttkbootstrap 1.3.1

I’m starting the app with this setting:

self.admin_search_next = ttk.Button(self.frm, image=self.img_next, command=self.admin_next_row)
self.admin_search_next.pack(side=RIGHT, padx=1)
self.admin_search_next.configure(state='disabled')

https://www.mediafire.com/file/w33t3rzfdn318wa/disabled_buttons_no_contrast.mp4/file see the video, in dark themes there is a contrast of colors between the normal and disabled buttons. But in light themes there could be this contrast as well. Mainly on buttons without text that have a white image.

disabled buttons - light theme – invisible, mostly buttons just white images. disabled-light

default buttons - light theme – OK default-light

disabled buttons - dark theme – OK disable-dark

default buttons - dark theme – OK default-dark

Am I doing something wrong?

Issue Analytics

  • State:closed
  • Created 2 years ago
  • Comments:9 (9 by maintainers)

github_iconTop GitHub Comments

2reactions
israel-dryercommented, Jan 8, 2022

alternatively, if I stick with the grayish disabled color, using a 12% transparency on the fg color and a 38% transparency on the background color gives me this result for dark and light themes.

I’ve found that the ‘colored’ disabled doesn’t translate well to all the widgets. So perhaps a simple gray-ish color will work? Not decided yet.

python_EhSeK8ZMOE python_tOy4WUu0Ur
1reaction
antrraxcommented, Jan 9, 2022

It has improved a lot. Thanks

buttons
Read more comments on GitHub >

github_iconTop Results From Across the Web

[Bug] Disabled buttons are almost invisible with light theme
Steps to reproduce Create a v-btn and set its disabled prop to true. The button text is almost invisible when using light theme....
Read more >
Frustrating Design Patterns: Disabled Buttons
Admittedly, there might be very good reasons for making buttons disabled by default. After all, as designers and developers, we want to make...
Read more >
Why You Shouldn't Gray Out Disabled Buttons - UX Movement
How should disabled buttons appear when they're inactive? The way most designers indicate an inactive state is by graying out the button.
Read more >
How should I indicate that a button or input is disabled in a ...
Disabled buttons are usually a play on contrast/opacity. Here is MUI light theme: A light theme showing buttons in various states. And here ......
Read more >
Why doesn't setEnabled(false) trigger a ColorStateList for ...
I am trying to use setEnabled(false) on a Button to show grey disabled state... (even then, only the button background changes, the text...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found