mirror/reveal.js
1
0
Fork 0
mirror of https://github.com/hakimel/reveal.js.git synced 2025-09-08 21:50:48 +02:00
Code Issues Releases Wiki Activity

refactored all themes to latest sass syntax, fixes deprecation warnings

Browse Source
This commit is contained in:
Hakim El Hattab
2024-11-05 19:21:39 +01:00
parent 294d7c2486
commit 94a86f466d
36 changed files with 589 additions and 574 deletions
Download Patch File Download Diff File Expand all files Collapse all files

72
css/theme/beige.scss
View File

@@ -4,41 +4,49 @@
* Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se
*/
// Default mixins and settings -----------------
// Load utils
@use "sass:color";
@import "../template/mixins";
@import "../template/settings";
// ---------------------------------------------
@use "template/mixins" as mixins;
$active-color: #8b743d;
// Inject theme variables (with some overrides)
@use "template/settings" with (
$background-color: #f7f3de,
$background: radial-gradient( rgba(255,255,255,1), rgba(247,242,211,1) ),
$main-font: #{'Source Sans Pro', Helvetica, sans-serif},
$main-font-size: 42px,
$main-color: #333,
$heading-color: #333,
$heading-font: #{'Source Sans Pro', Helvetica, sans-serif},
$heading-font-weight: 600,
$heading1-text-shadow: #{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)},
$heading1-size: 2.5em,
$heading2-size: 1.6em,
$heading3-size: 1.3em,
$heading4-size: 1.0em,
$link-color: $active-color,
$link-color-hover: color.scale( $active-color, $lightness: 20% ),
$selection-color: #333,
$selection-background-color: color.scale( $active-color, $lightness: 35% ),
$overlay-element-bg-color: #{0, 0, 0},
$overlay-element-fg-color: #{240, 240, 240}
);
// Inject the theme template
@use "template/theme";
// Include theme-specific fonts
@import url("./fonts/league-gothic/league-gothic.css");
@import url("https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic");
// Override theme settings (see ../template/settings.scss)
$mainColor: #333;
$headingColor: #333;
$headingTextShadow: none;
$backgroundColor: #f7f3de;
$linkColor: #8b743d;
$linkColorHover: color.scale($linkColor, $lightness: 20%);
$selectionBackgroundColor: rgba(79, 64, 28, 0.99);
$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, 0.1),
0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3),
0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25),
0 20px 20px rgba(0, 0, 0, 0.15);
$overlayElementBgColor: 0, 0, 0;
$overlayElementFgColor: 240, 240, 240;
// Background generator
@mixin bodyBackground() {
@include radial-gradient(rgba(247, 242, 211, 1), rgba(255, 255, 255, 1));
}
// Change text colors against dark slide backgrounds
@include dark-bg-text-color(#fff);
// Theme template ------------------------------
@import "./template/theme";
// ---------------------------------------------
// Change text colors against light slide backgrounds
@include mixins.dark-bg-text-color(#fff);