Etusivu Tutki Apua
Rekisteröidy Kirjaudu sisään
oleg
/
reveal.js
peilaus alkaen https://github.com/hakimel/reveal.js.git
1
0
Fork 0
Tiedostot Ongelmat 0 Wiki
Haara: feature/vite
Haarat Tagit
reveal.js
/
css
/
theme
Hakim El Hattab a4130839ee migrated utils to ts, exclude filendings in imports 1 kuukausi sitten
..
fonts d712c148ec bake font into themes, fix broken test, switch tests to mjs 2 kuukautta sitten
template a4130839ee migrated utils to ts, exclude filendings in imports 1 kuukausi sitten
README.md faf8fb9c58 prettier config, format files 2 kuukautta sitten
beige.scss faf8fb9c58 prettier config, format files 2 kuukautta sitten
black-contrast.scss faf8fb9c58 prettier config, format files 2 kuukautta sitten
black.scss faf8fb9c58 prettier config, format files 2 kuukautta sitten
blood.scss f8a33e1929 rebuild assets and fix issues after master rebase 2 kuukautta sitten
dracula.scss 3d762539a3 remove source sans from themes where it isn't used 2 kuukautta sitten
league.scss faf8fb9c58 prettier config, format files 2 kuukautta sitten
moon.scss faf8fb9c58 prettier config, format files 2 kuukautta sitten
night.scss faf8fb9c58 prettier config, format files 2 kuukautta sitten
serif.scss 3d762539a3 remove source sans from themes where it isn't used 2 kuukautta sitten
simple.scss faf8fb9c58 prettier config, format files 2 kuukautta sitten
sky.scss faf8fb9c58 prettier config, format files 2 kuukautta sitten
solarized.scss faf8fb9c58 prettier config, format files 2 kuukautta sitten
white-contrast.scss faf8fb9c58 prettier config, format files 2 kuukautta sitten
white.scss faf8fb9c58 prettier config, format files 2 kuukautta sitten

README.md

Dependencies

Themes are written using Sass to keep things modular and reduce the need for repeated selectors across files. Make sure that you have the reveal.js development environment installed before proceeding: https://revealjs.com/installation/#full-setup

Creating a Theme

To create your own theme, start by duplicating a .scss file in /css/theme/source. It will be automatically compiled from Sass to CSS (see the gulpfile) when you run npm run build:styles.

Each theme file follows the same structure:

  1. Include /css/theme/template/mixins.scss
    Shared utility functions.

  2. Include /css/theme/template/settings.scss
    Declares a set of custom CSS variables that the template file (step 4) expects. Each of these variables can be overridden to customize the theme.

  3. Include /css/theme/template/theme.scss
    The template theme file which will generate final CSS output based on the currently defined variables.

  4. Optionally add custom fonts and/or additional styles