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.

Notebook theme colors review

See original GitHub issue

After we introduced more customizations of the notebook layout, the theme colors for notebook don’t cover all the scenarios, we should review and consolidate them to ensure they work for all combinations of settings.

List of existing theme colors:

  • "notebook.cellEditorBackground"
  • "notebook.cellToolbarSeparator"
  • "notebook.focusedEditorBorder"
  • "notebook.outputContainerBackgroundColor"
  • "notebook.cellBorderColor"
  • "notebook.cellInsertionIndicator"
  • "notebook.cellStatusBarItemHoverBackground"
  • "notebook.focusedCellBorder"
  • "notebook.inactiveFocusedCellBorder"
  • "notebook.selectedCellBackground"
  • "notebook.selectedCellBorder"
  • "notebook.symbolHighlightBackground"
  • "notebookScrollbarSlider.activeBackground"
  • "notebookScrollbarSlider.background"
  • "notebookScrollbarSlider.hoverBackground"
  • "notebookStatusErrorIcon.foreground"
  • "notebookStatusRunningIcon.foreground"
  • "notebookStatusSuccessIcon.foreground"
  • ~"notebook.focusedRowBorder"~
  • ~"notebook.rowHoverBackground"~

Questions/confusion/requirements

  • notebook.cellBorderColor is applied for output background by default #125459
  • Support output border color #125462
  • notebook.cellToolbarSeparator should be a generic toolbar vertical separator color
  • naming convention (notebook.status.*, notebook.scrollbarslider.* ?)

Issue Analytics

  • State:open
  • Created 2 years ago
  • Reactions:2
  • Comments:15 (10 by maintainers)

github_iconTop GitHub Comments

2reactions
miguelsoloriocommented, Jun 9, 2021

For output background color, I’ve actually made it transparent ("notebook.outputContainerBackgroundColor": "#0000") in my user settings which tends to look a little better with charts + tables:

Before

CleanShot 2021-06-09 at 09 58 12@2x CleanShot 2021-06-09 at 10 02 14@2x

After

CleanShot 2021-06-09 at 09 58 40@2x CleanShot 2021-06-09 at 10 03 17@2x
1reaction
claudiaregiocommented, Jun 22, 2021

+1 image

Read more comments on GitHub >

github_iconTop Results From Across the Web

3500 THEME COLOR SP NOTE (16J) Size: 190X260mm ...
3500 THEME COLOR SP NOTE (16J) Size: 190X260mm Material: (cover, inner sheets) PP(0.7t), ivory paper, Number of inner sheets: 75 (Pink) ; Sold...
Read more >
Theme System Notebook Review - Original Content Books
The paper is of the highest quality and with the inks I tested did not bleed through or ghost too badly. The paper...
Read more >
Notebook Review: NAVA Design My Colors Book
If you are looking for a fun notebook for doodling, sketching or collage, I think the My Colors Book would be a good...
Read more >
Customize your Jupyter Notebook Theme in 2 lines of code
By default, Jupyter Notebook uses the light theme. ... In addition to setting the color scheme, jtplot.style() allows controlling various ...
Read more >
The Best Notebooks and Notepads - The New York Times
And with this notebook review, I'd say the most worthwhile thing you've done is expose the shoddy quality of a perpetual market leader, ......
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