blob: b5a86796fc52fe0dd5c2441aeba26c6d0a1f83a2 [file] [log] [blame]
JJ Allaireefa6ad42016-01-30 13:12:05 -05001/**
2 * Blood theme for reveal.js
3 * Author: Walther http://github.com/Walther
4 *
5 * Designed to be used with highlight.js theme
6 * "monokai_sublime.css" available from
7 * https://github.com/isagalaev/highlight.js/
8 *
9 * For other themes, change $codeBackground accordingly.
10 *
11 */
12
13 // Default mixins and settings -----------------
14@import "../template/mixins";
15@import "../template/settings";
16// ---------------------------------------------
17
18// Include theme-specific fonts
19
20@import url(https://fonts.googleapis.com/css?family=Ubuntu:300,700,300italic,700italic);
21
22// Colors used in the theme
23$blood: #a23;
24$coal: #222;
25$codeBackground: #23241f;
26
27$backgroundColor: $coal;
28
29// Main text
30$mainFont: Ubuntu, 'sans-serif';
JJ Allaireefa6ad42016-01-30 13:12:05 -050031$mainColor: #eee;
32
33// Headings
34$headingFont: Ubuntu, 'sans-serif';
35$headingTextShadow: 2px 2px 2px $coal;
36
37// h1 shadow, borrowed humbly from
38// (c) Default theme by Hakim El Hattab
39$heading1TextShadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 20px 20px rgba(0,0,0,.15);
40
41// Links
42$linkColor: $blood;
43$linkColorHover: lighten( $linkColor, 20% );
44
45// Text selection
46$selectionBackgroundColor: $blood;
47$selectionColor: #fff;
48
Christophe Dervieuxe1893ae2021-10-07 17:09:02 +020049// Change text colors against dark slide backgrounds
50@include light-bg-text-color(#222);
51
JJ Allaireefa6ad42016-01-30 13:12:05 -050052
53// Theme template ------------------------------
54@import "../template/theme";
55// ---------------------------------------------
56
57// some overrides after theme template import
58
59.reveal p {
60 font-weight: 300;
61 text-shadow: 1px 1px $coal;
62}
63
Christophe Dervieuxe1893ae2021-10-07 17:09:02 +020064section.has-light-background {
65 p, h1, h2, h3, h4 {
66 text-shadow: none;
67 }
68}
69
JJ Allaireefa6ad42016-01-30 13:12:05 -050070.reveal h1,
71.reveal h2,
72.reveal h3,
73.reveal h4,
74.reveal h5,
75.reveal h6 {
76 font-weight: 700;
77}
78
79.reveal p code {
80 background-color: $codeBackground;
81 display: inline-block;
82 border-radius: 7px;
83}
84
85.reveal small code {
86 vertical-align: baseline;
87}