agaric-presentations/when-not-a-module-for-that
1
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Working custom theme oy vey that took hours and hours

Browse source
This commit is contained in:
benjamin melançon 2020-03-16 01:44:58 -04:00
parent 9d38b27544
commit f6992d9015
3 changed files with 109 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

52
web/assets/agaric-blue.scss Executable file
View file

@ -0,0 +1,52 @@
/**
* 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 "reveal-js/css/theme/template/mixins";
@import "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: #193b68;
$mainColor: #f6f6f6;
$headingColor: #f6f6f6;
$mainFontSize: 42px;
$mainFont: 'Source Sans Pro', Helvetica, sans-serif;
$headingFont: 'Source Sans Pro', Helvetica, sans-serif;
$headingTextShadow: none;
$headingLetterSpacing: normal;
$headingTextTransform: uppercase;
$headingFontWeight: 600;
$linkColor: #55aade;
$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: #26599b;
}
}
.reveal blockquote {
border: dashed 5px #823a69;
}
// Theme template ------------------------------
@import "reveal-js/css/theme/template/theme";
// ---------------------------------------------

52
web/assets/stylesheets/agaric-blue.scss Executable file
View file

@ -0,0 +1,52 @@
/**
* 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 "reveal-js/css/theme/template/mixins";
@import "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: #193b68;
$mainColor: #f6f6f6;
$headingColor: #f6f6f6;
$mainFontSize: 42px;
$mainFont: 'Source Sans Pro', Helvetica, sans-serif;
$headingFont: 'Source Sans Pro', Helvetica, sans-serif;
$headingTextShadow: none;
$headingLetterSpacing: normal;
$headingTextTransform: uppercase;
$headingFontWeight: 600;
$linkColor: #55aade;
$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: #26599b;
}
}
.reveal blockquote {
border: dashed 5px #823a69;
}
// Theme template ------------------------------
@import "reveal-js/css/theme/template/theme";
// ---------------------------------------------

5
web/config.toml
View file

@ -7,3 +7,8 @@ theme = "reveal-hugo"
baseName = "index"
mediaType = "text/html"
isHTML = true
[params.reveal_hugo]
# theme = "blue"
custom_theme = "agaric-blue.scss"
custom_theme_compile = true