From f6992d90159c84d59910c114181aab1859f9b28d Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?benjamin=20melan=C3=A7on?= Date: Mon, 16 Mar 2020 01:44:58 -0400 Subject: [PATCH] Working custom theme oy vey that took hours and hours --- web/assets/agaric-blue.scss | 52 +++++++++++++++++++++++++ web/assets/stylesheets/agaric-blue.scss | 52 +++++++++++++++++++++++++ web/config.toml | 5 +++ 3 files changed, 109 insertions(+) create mode 100755 web/assets/agaric-blue.scss create mode 100755 web/assets/stylesheets/agaric-blue.scss diff --git a/web/assets/agaric-blue.scss b/web/assets/agaric-blue.scss new file mode 100755 index 0000000..fdb0af9 --- /dev/null +++ b/web/assets/agaric-blue.scss @@ -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"; +// --------------------------------------------- diff --git a/web/assets/stylesheets/agaric-blue.scss b/web/assets/stylesheets/agaric-blue.scss new file mode 100755 index 0000000..fdb0af9 --- /dev/null +++ b/web/assets/stylesheets/agaric-blue.scss @@ -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"; +// --------------------------------------------- diff --git a/web/config.toml b/web/config.toml index 9ebf2f7..d24e96a 100644 --- a/web/config.toml +++ b/web/config.toml @@ -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