feat: Add new custom theme

This commit is contained in:
Simon 2020-05-10 14:58:15 +02:00
parent 7cd8748e20
commit 9ad9b209a0
1 changed files with 54 additions and 0 deletions

54
assets/themes/blue.scss Normal file
View File

@ -0,0 +1,54 @@
/**
* Black theme for reveal.js. This is the opposite of the 'white' theme.
*
* By Hakim El Hattab, http://hakim.se
*/
// Default mixins and settings -----------------
@import "../../themes/reveal-hugo/assets/reveal-js/css/theme/template/mixins";
@import "../../themes/reveal-hugo/assets/reveal-js/css/theme/template/settings";
// ---------------------------------------------
// Include theme-specific fonts
// @import url(../../lib/font/source-sans-pro/source-sans-pro.css);
// Override theme settings (see ../template/settings.scss)
$backgroundColor: #00a9e2;
$mainColor: #fff;
$headingColor: #fff;
$mainFontSize: 32px;
$mainFont: 'Source Sans Pro', Helvetica, sans-serif;
$headingFont: 'Source Sans Pro', Helvetica, sans-serif;
$headingTextShadow: none;
$headingLetterSpacing: normal;
$headingTextTransform: none;
$headingFontWeight: 600;
$linkColor: #42affa;
$linkColorHover: lighten( $linkColor, 15% );
$selectionBackgroundColor: lighten( $linkColor, 25% );
$heading1Size: 2.5em;
$heading2Size: 1.6em;
$heading3Size: 1.3em;
$heading4Size: 1.0em;
section.has-light-background {
&, h1, h2, h3, h4, h5, h6 {
color: #222;
}
}
section.present.bottom {
top: auto !important;
bottom: 0;
}
// Theme template ------------------------------
@import "../../themes/reveal-hugo/assets/reveal-js/css/theme/template/theme";
// ---------------------------------------------