Home Verkennen Help
Inloggen
wyoj
/
wyoj-raw
2
0
Vork 0
Bestanden Issues 0 Pull-aanvragen 0 Wiki
Aftakking: master
Aftakkingen Labels
wyoj-raw
/
css
/
reveal
/
theme
ryp 9b2096aad7 Initial commit 20260810 1 week geleden
..
source 9b2096aad7 Initial commit 20260810 1 week geleden
template 9b2096aad7 Initial commit 20260810 1 week geleden
README.md 9b2096aad7 Initial commit 20260810 1 week geleden
beige.css 9b2096aad7 Initial commit 20260810 1 week geleden
beige.css.map 9b2096aad7 Initial commit 20260810 1 week geleden
black.css 9b2096aad7 Initial commit 20260810 1 week geleden
black.css.map 9b2096aad7 Initial commit 20260810 1 week geleden
blood.css 9b2096aad7 Initial commit 20260810 1 week geleden
blood.css.map 9b2096aad7 Initial commit 20260810 1 week geleden
league.css 9b2096aad7 Initial commit 20260810 1 week geleden
league.css.map 9b2096aad7 Initial commit 20260810 1 week geleden
moon.css 9b2096aad7 Initial commit 20260810 1 week geleden
moon.css.map 9b2096aad7 Initial commit 20260810 1 week geleden
night.css 9b2096aad7 Initial commit 20260810 1 week geleden
night.css.map 9b2096aad7 Initial commit 20260810 1 week geleden
serif.css 9b2096aad7 Initial commit 20260810 1 week geleden
simple.css 9b2096aad7 Initial commit 20260810 1 week geleden
simple.css.map 9b2096aad7 Initial commit 20260810 1 week geleden
sky.css 9b2096aad7 Initial commit 20260810 1 week geleden
sky.css.map 9b2096aad7 Initial commit 20260810 1 week geleden
solarized.css 9b2096aad7 Initial commit 20260810 1 week geleden
solarized.css.map 9b2096aad7 Initial commit 20260810 1 week geleden
white.css 9b2096aad7 Initial commit 20260810 1 week geleden
white.css.map 9b2096aad7 Initial commit 20260810 1 week geleden

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 including the Grunt dependencies installed before proceding: https://github.com/hakimel/reveal.js#full-setup

You also need to install Ruby and then Sass (with gem install sass).

Creating a Theme

To create your own theme, start by duplicating any .scss file in /css/theme/source and adding it to the compilation list in the Gruntfile.

Each theme file does four things in the following order:

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

  2. Include /css/theme/template/settings.scss Declares a set of custom variables that the template file (step 4) expects. Can be overridden in step 3.

  3. Override This is where you override the default theme. Either by specifying variables (see settings.scss for reference) or by adding full selectors with hardcoded styles.

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

When you are done, run grunt css-themes to compile the Sass file to CSS and you are ready to use your new theme.