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.

Fully implement Spyder's new dark theme

See original GitHub issue

Problem Description

This issue serves to track the sub-issues related to fully implementing the dark theme across Spyder’s various panes, text and icons, as a number of steps, both internal to Spyder’s codebase and external in QDarkStyle, are required.

Blocked by #8020 , the initial implementation. Originally spawned from #2350 , the initial issue and discussion thread.

Places that need to be “darkified”:

  • #8087: Dark css style for Help and Console panes
  • Dialogs:
    • Pylint/Profiler Output window
    • Dependencies dialog
    • Github authentication
  • Interactive tour and menus:
    • Interactive tour
    • Online help and interactive tours submenus (of Help menu)
  • Help minor things
    • Change color of math equations
    • Change style of notes
    • Theme scroll bar
    • Theme table headers
  • Undocked windows
  • Non-inline plot dialog (not sure if possible) @ccordoba12: This is not possible because that dialog is created by Matplotlib.
  • “Information” icon in file switcher isn’t themed (opened as a separate issue to close this one out)

Places that still have black/dark colors:

  • Find in files results
  • Editor widgets:
    • File switcher file list
    • Symbol finder results
  • Outline Explorer code cell names
  • Preferences table columns:
    • Keyboard shortcuts pref pane names column
    • LSP Manager Command to Execute column
  • DataFrameEditor Index column
  • Pylint and Profiler panes’ date and rating text
  • Icons:
    • “Gear”/pane options icon (all panes; dark gray is completely invisible/should be white)
    • Regex icon (find in files, find/replace; black/should be white)
    • About Spyder “i” icon (Help menu; black/should be white)
    • Case sensitivity icon (find in files, find/replace; dark blue is low contrast/try light blue)

Other Spyder Issues/Bugs:

  • #8069 : Spyder dark theme overrides background color set in syntax highlighting theme, except behind text
  • #8070 : Explanatory text for Greedy Completion preferences option cut off only in dark theme
  • #8071 : Centralize remaining theme-related options (like Rstudio does) under a renamed “Themes” pref pane
  • #8072 : Consider making internal console respect user’s syntax highlighting theme
  • #8075 : Toolbar icons are too large particularly in dark theme
  • #8080 : Consider making the dark theme (and corresponding Spyder Dark syntax scheme) the default in Spyder 4
  • #8192 Fix options icon being very low contrast and sys.path and environment variables aren’t themed
  • #8284 : Improve Spyder-Dark syntax highlighting theme
  • Outlines around sections, fields, etc are invisible in tabbed preference panes
  • Fix SymPy equations being having black rather than white FG color with dark BG (new issue was opened about this).
  • #9439 : Right code analysis sidebar does not match scroll bar position (will be deal with separately)

External Issues:

  • ColinDuquesnoy/QDarkStyleSheet#111 : Text cut off and background color not full width when using comboboxes with a BG color
  • ColinDuquesnoy/QDarkStyleSheet#112 : Extremely difficult to read “disabled”/“grayed-out” text and embedded hyperlinks due to low contrast
  • ColinDuquesnoy/QDarkStyleSheet#118 : Tab close buttons for Editor and IPython Console are tiny and very difficult to see and click, and the hitboxes don’t match the icons. Tabs are very hard to tell apart from one another, especially when not the active tab or adjacent, and tabbar itself is hard to distinguish from the pane its attached to (and hard to tell which pane)
  • Fix toggle icons (regex, case sensitive) being impossible to tell whether they are activated or deactivated (better to be solved in QDarkstyle).

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Reactions:7
  • Comments:75 (58 by maintainers)

github_iconTop GitHub Comments

2reactions
ccordoba12commented, May 11, 2019

can we get 2.6.8 on spyder-ide

Done.

2reactions
ccordoba12commented, Nov 21, 2018

That’s a QDarkStyle thing. Please report it there.

Read more comments on GitHub >

github_iconTop Results From Across the Web

How to Get Dark Mode on Spyder IDE: 3 Steps (2019 Update)
Here's a quick step-by-step guide on how to get dark mode on Spyder IDE on Windows or Mac in 3 minutes. There are...
Read more >
Make Spyder use a dark theme for the entire interface
I am using spyder python 2.7 and i changed the syntax coloring in Spyder black theme, but i really want my python programme...
Read more >
How to Change Spyder Theme to Dark | Python Programming
Hello EveryoneHere is a quick video on how to change your default Spyder theme to a darker themePlease comment down below for any...
Read more >
How to Change Spyder Editor Background to Dark - Medium
Step 1: Once you have your Spyder opened, from the top menu select Tools and then click on Preferences. Step 2: Next, click...
Read more >
Spyder 4.0 takes a big step closer with the release of Beta 2!
A full-interface dark theme has been a long awaited feature, and is enabled by default in Spyder 4. You can still select the...
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