How can i change the code block cell color? #548
Comments
|
Thanks for opening your first issue here! Engagement like this is essential for open source projects! 🤗 |
|
Looks like this is undocumented but it looks like it is possible to set which will trigger a load of CSS via requirejs https://github.com/executablebooks/thebe/blob/master/src/render.js#L265 |
|
Thanks for the reply Steve! I forgot to mention that I am actually using However, I am still trying to work on this since the following is also not working… thebe_config = {
"codemirror-theme": "monokai",
"always_load": True,
}This is my import os
import sys
sys.path.insert(0, os.path.abspath('.'))
# -- Project information -----------------------------------------------------
project = 'oop-python-learning'
copyright = '2022, Fernando Carvalho Pacheco'
author = 'Fernando Carvalho Pacheco'
# The full version, including alpha/beta/rc tags
release = '0.0.1'
# -- General configuration ---------------------------------------------------
# Add any Sphinx extension module names here, as strings. They can be
# extensions coming with Sphinx (named 'sphinx.ext.*') or your custom
# ones.
extensions = [
"myst_nb",
"sphinx.ext.autodoc",
"sphinx.ext.napoleon",
"sphinx_autodoc_typehints",
"sphinx.ext.intersphinx",
"sphinx.ext.autosectionlabel",
"sphinx_design",
"sphinx_thebe",
]
myst_enable_extensions = [
"colon_fence",
]
# Make sure the explicity target is unique
autosectionlabel_prefix_document = True
autosectionlabel_maxdepth = 3
myst_heading_anchors = 3
source_suffix = {
'.ipynb': 'myst-nb',
'.myst': 'myst-nb',
'.md': 'myst-nb',
}
autosectionlabel_prefix_document = True
# Add any paths that contain templates here, relative to this directory.
templates_path = ['_templates']
# List of patterns, relative to source directory, that match files and
# directories to ignore when looking for source files.
# This pattern also affects html_static_path and html_extra_path.
exclude_patterns = ['_build', 'build', 'Thumbs.db', '.DS_Store', '.env', '**.ipynb_checkpoints']
pygments_style = 'sphinx'
pygments_dark_style = "monokai"
# -- Options for HTML output -------------------------------------------------
# The theme to use for HTML and HTML Help pages. See the documentation for
# a list of builtin themes.
#
html_theme = 'furo'
# Add any paths that contain custom static files (such as style sheets) here,
# relative to this directory. They are copied after the builtin static files,
# so a file named "default.css" will overwrite the builtin "default.css".
html_static_path = ['_static']
html_theme_options = {
"navigation_with_keys": True,
}
html_title = "OOP Python"
# -- Jupyter options ---------------------------------------------------------
jupyter_execute_notebooks = "auto"
thebe_config = {
"codemirror-theme": "monokai",
"always_load": True,
} |
Describe the bug
Context
When I click on the
Run codebutton, the code block cell color changes completely from my furo dark theme.This is the dark theme of furo before running
Run codebutton. Please check the repository hereThis is what happened after running the
Run codebutton.Expectation
I expected the code block color to be the same or match the furo dark theme (ps. the light theme has a wonderful match...) . I have already tried to change
pygments_dark_style = " "but the code block colors will not change. Also, I am a big fan of "monokai" style.Does anyone have any suggestions? Have a wonderful week/weekend =)
Reproduce the bug
Run codeList your environment
The text was updated successfully, but these errors were encountered: