Hydrogen: [DISCUSSION] Hydrogen CSS namespace
For the sake of readability in a user's config, we should start using a CSS (well, LESS) namespace for our outputs (and watch panel). Right now, as suggested in https://github.com/nteract/hydrogen/issues/160 to adjust the font-size you have to override bubble-output-container. Nested within other Atom stylesheets, it will begin to be unclear what bubble is when a user comes back to their stylesheet.
I'd love to see hydrogen in our class names and re-use existing styles where possible. We would still need to maintain the old classes for backwards compatibility, while moving ahead with new classes.
Thoughts?
rgbkrk
All 6 comments
rgbkrk
on 7 Apr 2016
hydrogen.less could do with a clean up (not only font sizes, colours as well).
In the long term, I'd like to make possible the creation of plugins and themes.
n-riesco
on 8 Apr 2016
Perhaps, we could add a setting to configure this font size.
n-riesco
on 8 Apr 2016
I agree. A cleanup of hydrogen.less is much needed!
lgeiger
on 8 Apr 2016
I have been experimenting w/ hydrogen.less in @lgeiger's fork #772, I was thinking of starting a README on namespace/styling hydrogen elements. This way we could have a reference for development and a guide for users who want to customize on their own styles,less.
BenRussert
on 15 May 2017
@BenRussert That's a excellent idea!
I would also love to have support for different themes, though I haven't looked at how we can do this in Atom.
lgeiger
on 15 May 2017
Related issues
nils-werner
路
3Comments
xmen1412
路
3Comments
HaoranXue
路
4Comments
neurotronix
路
4Comments
homocomputeris
路
4Comments
Most helpful comment
I have been experimenting w/ hydrogen.less in @lgeiger's fork #772, I was thinking of starting a README on namespace/styling hydrogen elements. This way we could have a reference for development and a guide for users who want to customize on their own styles,less.