summaryrefslogtreecommitdiffhomepage
path: root/css/theme
diff options
context:
space:
mode:
Diffstat (limited to 'css/theme')
-rw-r--r--css/theme/README.md2
-rw-r--r--css/theme/beige.css2
-rw-r--r--css/theme/black.css8
-rw-r--r--css/theme/blood.css2
-rw-r--r--css/theme/league.css2
-rw-r--r--css/theme/moon.css2
-rw-r--r--css/theme/night.css2
-rw-r--r--css/theme/serif.css2
-rw-r--r--css/theme/simple.css2
-rw-r--r--css/theme/sky.css2
-rw-r--r--css/theme/solarized.css2
-rw-r--r--css/theme/source/black.scss2
-rw-r--r--css/theme/template/settings.scss4
-rw-r--r--css/theme/template/theme.scss6
-rw-r--r--css/theme/white.css2
15 files changed, 22 insertions, 20 deletions
diff --git a/css/theme/README.md b/css/theme/README.md
index 8ae164b..5ebe72a 100644
--- a/css/theme/README.md
+++ b/css/theme/README.md
@@ -4,7 +4,7 @@ Themes are written using Sass to keep things modular and reduce the need for rep
## Creating a Theme
-To create your own theme, start by duplicating a ```.scss``` file in [/css/theme/source](https://github.com/hakimel/reveal.js/blob/master/css/theme/source). It will be automatically compiled by Grunt from Sass to CSS (see the [Gruntfile](https://github.com/hakimel/reveal.js/blob/master/Gruntfile.js)) when you run `npm run build -- css-themes`.
+To create your own theme, start by duplicating a ```.scss``` file in [/css/theme/source](https://github.com/hakimel/reveal.js/blob/master/css/theme/source). It will be automatically compiled by Grunt from Sass to CSS (see the [Gruntfile](https://github.com/hakimel/reveal.js/blob/master/gruntfile.js)) when you run `npm run build -- css-themes`.
Each theme file does four things in the following order:
diff --git a/css/theme/beige.css b/css/theme/beige.css
index fb5f137..615dd6d 100644
--- a/css/theme/beige.css
+++ b/css/theme/beige.css
@@ -153,7 +153,7 @@ body {
font-family: monospace;
line-height: 1.2em;
word-wrap: break-word;
- box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3); }
+ box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15); }
.reveal code {
font-family: monospace;
diff --git a/css/theme/black.css b/css/theme/black.css
index dec6385..7dd88c2 100644
--- a/css/theme/black.css
+++ b/css/theme/black.css
@@ -11,8 +11,8 @@ section.has-light-background, section.has-light-background h1, section.has-light
* GLOBAL STYLES
*********************************************/
body {
- background: #222;
- background-color: #222; }
+ background: #191919;
+ background-color: #191919; }
.reveal {
font-family: "Source Sans Pro", Helvetica, sans-serif;
@@ -149,7 +149,7 @@ body {
font-family: monospace;
line-height: 1.2em;
word-wrap: break-word;
- box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3); }
+ box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15); }
.reveal code {
font-family: monospace;
@@ -270,4 +270,4 @@ body {
*********************************************/
@media print {
.backgrounds {
- background-color: #222; } }
+ background-color: #191919; } }
diff --git a/css/theme/blood.css b/css/theme/blood.css
index 15e6c20..5cbd488 100644
--- a/css/theme/blood.css
+++ b/css/theme/blood.css
@@ -152,7 +152,7 @@ body {
font-family: monospace;
line-height: 1.2em;
word-wrap: break-word;
- box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3); }
+ box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15); }
.reveal code {
font-family: monospace;
diff --git a/css/theme/league.css b/css/theme/league.css
index 9dfa2ce..f8fba4d 100644
--- a/css/theme/league.css
+++ b/css/theme/league.css
@@ -155,7 +155,7 @@ body {
font-family: monospace;
line-height: 1.2em;
word-wrap: break-word;
- box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3); }
+ box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15); }
.reveal code {
font-family: monospace;
diff --git a/css/theme/moon.css b/css/theme/moon.css
index 52b3f67..d18f526 100644
--- a/css/theme/moon.css
+++ b/css/theme/moon.css
@@ -153,7 +153,7 @@ body {
font-family: monospace;
line-height: 1.2em;
word-wrap: break-word;
- box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3); }
+ box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15); }
.reveal code {
font-family: monospace;
diff --git a/css/theme/night.css b/css/theme/night.css
index 51a3dd3..f5ccb52 100644
--- a/css/theme/night.css
+++ b/css/theme/night.css
@@ -147,7 +147,7 @@ body {
font-family: monospace;
line-height: 1.2em;
word-wrap: break-word;
- box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3); }
+ box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15); }
.reveal code {
font-family: monospace;
diff --git a/css/theme/serif.css b/css/theme/serif.css
index ea01066..6514a6f 100644
--- a/css/theme/serif.css
+++ b/css/theme/serif.css
@@ -149,7 +149,7 @@ body {
font-family: monospace;
line-height: 1.2em;
word-wrap: break-word;
- box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3); }
+ box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15); }
.reveal code {
font-family: monospace;
diff --git a/css/theme/simple.css b/css/theme/simple.css
index 8432d84..a7a29a6 100644
--- a/css/theme/simple.css
+++ b/css/theme/simple.css
@@ -152,7 +152,7 @@ body {
font-family: monospace;
line-height: 1.2em;
word-wrap: break-word;
- box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3); }
+ box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15); }
.reveal code {
font-family: monospace;
diff --git a/css/theme/sky.css b/css/theme/sky.css
index 6f60a1d..d8734c9 100644
--- a/css/theme/sky.css
+++ b/css/theme/sky.css
@@ -156,7 +156,7 @@ body {
font-family: monospace;
line-height: 1.2em;
word-wrap: break-word;
- box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3); }
+ box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15); }
.reveal code {
font-family: monospace;
diff --git a/css/theme/solarized.css b/css/theme/solarized.css
index fe81f09..f1a2b9e 100644
--- a/css/theme/solarized.css
+++ b/css/theme/solarized.css
@@ -153,7 +153,7 @@ body {
font-family: monospace;
line-height: 1.2em;
word-wrap: break-word;
- box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3); }
+ box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15); }
.reveal code {
font-family: monospace;
diff --git a/css/theme/source/black.scss b/css/theme/source/black.scss
index 84e8d9a..4720c8a 100644
--- a/css/theme/source/black.scss
+++ b/css/theme/source/black.scss
@@ -16,7 +16,7 @@
// Override theme settings (see ../template/settings.scss)
-$backgroundColor: #222;
+$backgroundColor: #191919;
$mainColor: #fff;
$headingColor: #fff;
diff --git a/css/theme/template/settings.scss b/css/theme/template/settings.scss
index 63c02cf..5a917f8 100644
--- a/css/theme/template/settings.scss
+++ b/css/theme/template/settings.scss
@@ -28,6 +28,8 @@ $heading2Size: 2.11em;
$heading3Size: 1.55em;
$heading4Size: 1.00em;
+$codeFont: monospace;
+
// Links and actions
$linkColor: #13DAEC;
$linkColorHover: lighten( $linkColor, 20% );
@@ -40,4 +42,4 @@ $selectionColor: #fff;
// to return a background image or gradient
@mixin bodyBackground() {
background: $backgroundColor;
-} \ No newline at end of file
+}
diff --git a/css/theme/template/theme.scss b/css/theme/template/theme.scss
index a8f142d..9ccfaf5 100644
--- a/css/theme/template/theme.scss
+++ b/css/theme/template/theme.scss
@@ -162,16 +162,16 @@ body {
text-align: left;
font-size: 0.55em;
- font-family: monospace;
+ font-family: $codeFont;
line-height: 1.2em;
word-wrap: break-word;
- box-shadow: 0px 0px 6px rgba(0,0,0,0.3);
+ box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15);
}
.reveal code {
- font-family: monospace;
+ font-family: $codeFont;
text-transform: none;
}
diff --git a/css/theme/white.css b/css/theme/white.css
index 27e44a1..43ef2c7 100644
--- a/css/theme/white.css
+++ b/css/theme/white.css
@@ -149,7 +149,7 @@ body {
font-family: monospace;
line-height: 1.2em;
word-wrap: break-word;
- box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3); }
+ box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15); }
.reveal code {
font-family: monospace;