Comments (8)
Sounds great!
I would also add:
- Coloring for headings and text in general
- Accordion heading and text styling with color, font-family and font-size
- Tabs styling with color, font-family and font-size
- More color options than (light, dark) for backgrounds
from marimo.
For anyone that comes to this issue, please list of the things you would like themed. Let me know if i am missing anything:
primaryBackgroundColor: (light, dark)
primaryForegroundColor: (light, dark)
accentBackgroundColor: (light, dark)
accentForegroundColor: (light, dark)
backgroundColor: (light, dark)
foregroundColor: (light, dark)
font
fontSize
headingFont
headingFontSize
favicon
from marimo.
Yeah, the heading formatting is so subdued they're not headings at all. I'm getting pushback from my teammate, an experienced Jupyter user, because the out of box experience visually is meh.
from marimo.
Direct HTML should be stylable in output, but markdown output looks very different from what you posted:
That being said, I wouldn't mind a san-serif styling. I wonder if there are any themes that marimo could directly hook into, to take the burden of trying to support theming directly. Maybe something like this? https://github.com/mkdocs/catalog
from marimo.
Ah yes, markdown defaults are better. Weird that html with no inline style is so different. Unfortunately md can't use f-strings.
Sooo, back to the main thread: how to get at the styles without forcing inline css styling?
(love your "Cariboos" btw! we should use that.)
from marimo.
Ah yes, markdown defaults are better. Weird that html with no inline style is so different. Unfortunately md can't use f-strings
@maphew , markdown can indeed use f-strings -- use mo.md
directly for that. There are many examples of using f-strings with marimo in our documentation and built-in tutorials (marimo tutorial markdown
): https://docs.marimo.io/guides/outputs.html#markdown
You can toggle a "markdown" cell to the underlying Python by clicking on the Python button in the top-right of the cell area. After that, you can manually insert an f
. We started with the markdown editor using mo.md(f"...")
, but there were too many edge cases to get that right.
I am open to having a dropdown on the markdown editor that lets you choose whether a markdown cell is a regular Python string or an f
-string.
EDIT: Link to additional documentation showing how to toggle the markdown editor on/off:
https://docs.marimo.io/guides/outputs.html#markdown-editor
from marimo.
Ah yes, markdown defaults are better. Weird that html with no inline style is so different. Unfortunately md can't use f-strings
@maphew , markdown can indeed use f-strings -- use
mo.md
directly for that. ...
Ah, thanks! I'm happy to be corrected and sorry for the noise for what is evident if I'd read more widely.
A drop down or toggle to switch between mo.md(r'''...''')
and mo.md(f'''...''')
sounds like a good idea. For now using ctrl-shift-m
twice in a row is convenient enough -- with the caveat that this is a oneway gate.
from marimo.
I've hidden my parts of the sub-thread on how to use f-strings in markdown as off-topic, to keep focus on the main idea:
how to get at and modify the stylesheets.
from marimo.
Related Issues (20)
- "Create permalink" delivers a link to intro tutorial, rather than my notebook HOT 1
- mo.callout neglects headings HOT 2
- support checking undefined name usage before running a cell HOT 3
- Broken links at https://docs.marimo.io/guides HOT 4
- LaTeX displayed as raw text instead of math formulae in plotly HOT 7
- Inline math not displaying correctly in slide mode HOT 1
- Content created through JS bypasses user defined CSS HOT 4
- Configuration option to display dataframes using plain formatter
- Create a Copy Notebook Option
- Interruptible RPCs
- use external editor (e.g. neovim) for writing code, hot-reload it in the marimo editor HOT 2
- docstring popup for functions when in brackets HOT 3
- Some Firefox keyboard shortcuts are captured, while some not HOT 4
- Headings with the same name are highlighted multiple time in the table of contents
- showing a polars dataframe with array column is slow HOT 2
- mo.mpl.interactive() leaves blank figures if you're not looking HOT 3
- lazy cells (re-work of disabled cells) HOT 3
- Show Python results in Python notation HOT 2
- ipyaladin viewer style sheet issue in marimo notebooks
- "no module named pandas" when plotting Polars DataFrame with Altair HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from marimo.