Comments (15)
Yes, it is a know problem because of the notebook css... the easiest solution is theming you slides in the custom.css
with a dark background... I will publish my custom.css
soon, so you can take a customization example from there... btw, I will let this open until figured out the best solution.
from rise.
I think I isolated to one line in the CSS file. I made a copy of moon.css, and I added the background section from sky.css. This line makes the background work in Chromium on Xubuntu:
background: -webkit-radial-gradient(center, circle cover, #00121d 0%, #002b36 100%);
If I comment out that line, then the background is white.
from rise.
ok, I will take a look into this... if it is usable in the other darker themes, we can probably include it in the RISE main.css
.
from rise.
Here's where I inserted:
https://github.com/damianavila/live_reveal/blob/master/livereveal/reveal.js/css/theme/moon.css#L25
It seems that moon.css
doesn't have all the needed definitions.
from rise.
I think the main.css
should also tweak the code cell colors to fit a dark background.
I'm looking at your blog about changing IPython themes, but that method seems to be incompatible with RISE.
from rise.
I'm looking at your blog about changing IPython themes, but that method seems to be incompatible with RISE.
Did you see my talk at SciPy2014?
from rise.
OK, so I borrowed one of Jan T. Sott's custom.css
files (Bespin Dark) from the 48 themes for IPython. I added it to the end of moon.css
.
It's halfway there. In[ ]
and Out[ ]
are still blue and red, and the output text is black (not good on a dark background.)
Also, the borders around cells are too bright.
Know where I can get a whole list of Notebook elements?
from rise.
I did see your talk, but I don't remember all the details.
from rise.
I added you on G+ / Hangouts. Contact me there. I'm going to be away from the computer now.
from rise.
Tomorrow I will post my custom.css
... which is also applicable to RISE... so, you will get all the details about the things to modify... it is a little bit late here, and I have to take some rest ;-)
from rise.
Another trouble with dark backgrounds is that they make the bright-colored border of the IPython Notebook "pager" area very conspicuous.
Usually the pager area is collapsed along the bottom edge, so it appears as a light-grey border along the bottom of the slide. This looks like a mistake when the rest of the slide is dark in color.
Am I splitting hairs?
from rise.
You are not splitting hairs... thanks for your input... it makes the things better... btw, you are right... the customization is probably something without end. I will try to help you with the customization as long as I can ;-) Probably, moving forward, we can post some guidelines in the wiki and so on...
from rise.
Hey @damianavila , did you post your custom.css
somewhere? (sorry if I couldn't find it). I'm trying to modify things, but not sure where to start (this is a great project by the way, salud!)
from rise.
I did not posted anywhere yet (not time to do it), but you can get some ideas/guidelines from this old blog post about customizing the IPython "static" slides... http://www.damian.oquanta.info/posts/customizing-your-ipython-slides.html
from rise.
We can eventually ship some custom css to help the darker themes. I will open an issue for this general enhancement, close this one and make the corresponding reference.
from rise.
Related Issues (20)
- Weird layout when commands output large amounts of text HOT 6
- The slide does not adjust the height of a cell. Rather, it cuts down the view without enabling the scroll bar. HOT 3
- Vertical scrollbar not exported to HTML HOT 4
- Is it possible to remove left padding from code output cells? HOT 6
- RISE and Jupyterhub 3.x HOT 1
- Conda installation fails HOT 5
- Create a jupyter-slides (name to be discussed ;-) organization to house several Jupyter slideshows projects HOT 7
- Theme text color gets overwritten
- Missing example: header-footer.ipynb HOT 1
- Cannot autolaunch slideshow in Google Cloud Platform (GCP)
- Expand output cells to use available vertical space HOT 5
- Possible duplicate: Is there a way to edit settings for individual cells/slides, rather than for the entire notebook? HOT 2
- Lost custom css style when downloading as reveal.js slides html HOT 1
- Does this module allow interactive blocks? HOT 1
- RISE not showing because install uses notebook version 7 HOT 5
- RISE is obsolete and this should be made clear in the doc - redirect to jupyterlab-rise HOT 1
- RISE & Jupyter Notebook 7 HOT 1
- link to the documntation in read me file is broken
- Scrolling not activated "on the fly" when executing cell with an output making the slide longer.
- Searching for a workaround : is it possible to make scrollbar systematically present even on slides too small for it to have a use ? HOT 1
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 rise.