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.

[Feature] Dark Mode support for itables

See original GitHub issue

Thx for itables

In the case of using itables with dark themes, like VSCode + Dracula, it is rather difficult to see the buttons.

image

I am wondering if there is a way to change the buttons and text to white for example?

Issue Analytics

  • State:open
  • Created a year ago
  • Reactions:1
  • Comments:27 (19 by maintainers)

github_iconTop GitHub Comments

2reactions
AllanJardcommented, Nov 12, 2022

It’s actually done already in the just released 1.13 (which by the way has full ES module support for the core and all extensions now 🙂).

2reactions
mwoutscommented, Nov 12, 2022

Hello @Anselmoo , well thank you also for using it!

I have done a little experiment: I have remove the colors #333 and #666 from my local itables/external/jquery.dataTables.min.css and that seems to help, at least this is what I get (in Jupyter Lab): image

But unfortunately the text in both the select button and in the search box remains black.

@AllanJard, may I ask what you would think of removing these #333 and #666 colors in jquery.dataTables.min.css? Also, do you have any idea on how to address the black color of the text in the search box and the select button ?

If you have a minute to have a look at this, I have prepared a colab notebook with a dark theme that shows the black font color for the search box and the select button.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Dark Mode - Human Interface Guidelines - Apple Developer
Dark Mode is a systemwide appearance setting that uses a dark color palette to provide a comfortable viewing experience tailored for low-light environments....
Read more >
Dark theme does not properly adjust markdown tables #3020
Summary When I load the latest streamlit in darkmode I cannot see anything in my markdown tables because the text color is changed...
Read more >
"prefers-color-scheme" | Can I use... Support tables ... - CanIUse
Media query to detect if the user has set their system to use a light or dark color theme. Usage % of. all...
Read more >
Dark Mode Table by Attio on Dribbble
We're very excited to announce that Attio will support dark mode from the get go! We view dark mode as an essential accessibility...
Read more >
Help with Themes/Font — DataTables forums
We don't publish a dark theme, so that must be your customisation or a third party's. Have you tried using CSS to change...
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