Make it easier to use SlidesTemplate

[MarcSkovMadsen]

Font-Size

The SlidesTemplate comes with a default, general --font-size of 12px. This is very small and not useful for slides. The documentation contains an example of increasing the font size via styles for a specific Markdown pane. But its quite cumbersome to set the font-size per component. Instead the default, general --font-size should be set correctly from the beginning.

Please

• Set a better default font size (reveal js uses 42px).
• document how to adjust the general font-size.

Workaround

You can manually adjust the font size via

STYLE_SHEET = """
:host {
    --font-size: 42px;
}
"""

pn.extension(raw_css=[STYLE_SHEET])

[MarcSkovMadsen]

Black Theme has black text color

When using the reveal_theme="black", then the text color is black and thus not visible. Please change the default color for the black reveal_theme to white.

Workaround

You can manually adjust the text color via.

STYLE_SHEET = """

:host,:root {
    --background-text-color: white;
    --design-background-text-color: white;
}
"""

pn.extension(raw_css=[STYLE_SHEET])

[ahuang11]

I see great potential in using Slides as a pipeline
#4902

[MarcSkovMadsen]

Code Formatting

Code formatting is not working. And text is aligned center which is not useful.

import panel as pn

code = """
Some code

```python
import panel as pn

pn.extension()

pn.panel("Hello World).servable()
```

"""

pn.template.SlidesTemplate(
    main=[code]
).servable()

Check out example on py.cafe