notebook icon indicating copy to clipboard operation
notebook copied to clipboard

Add the custom CSS handler is `self.custom_css` is set

Open jtpio opened this issue 1 year ago • 3 comments
trafficstars

Investigate some ideas discussed in https://github.com/jupyter/notebook/issues/7175

jtpio avatar Feb 02 '24 14:02 jtpio

Binder :point_left: Launch a Binder on branch jtpio/notebook/custom-css

github-actions[bot] avatar Feb 02 '24 14:02 github-actions[bot]

Starting notebook with jupyter notebook --custom-css still seems to work with Notebook.

Testing with:

/* Modify Jupyter Styles */
#top-panel-wrapper,
#jp-top-bar {
  background-color: #aecad4 !important;
}

#menu-panel-wrapper,
#jp-MainMenu,
#menu-panel {
  background-color: #aecad4 !important;
}

.jp-NotebookPanel-toolbar {
  background-color: #aecad4 !important;
}
.lm-MenuBar-content {
  color: #02484d;
}

image

However it seems to be preventing lab to pick up the custom css (the top bar should be styled):

image

jtpio avatar Feb 02 '24 14:02 jtpio

Although setting the lab trait explicitly seems to be doing the trick: jupyter notebook --custom-css --LabApp.custom_css=True:

image

jtpio avatar Feb 02 '24 14:02 jtpio