chore(examples): update intro slides

hiroppy · Feb 21, 2021 · af8540c · af8540c
1 parent afcfb21
commit af8540c
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 14 deletions.
diff --git a/samples/intro/slides/0-title.md b/samples/intro/slides/0-title.md
@@ -1,4 +1,5 @@
-<!-- classes: slide-title -->
+<!-- classes: title -->
+<!-- background: #f8f1f1 -->
 
 <!-- note
 Here is a speaker note.😎
@@ -17,4 +18,4 @@ Node.js values backward compatibility. However, Node.js already has a module sys
 It's very difficult to implement ESM so as not to break the existing code.
 -->
 
-# Introducing Fusuma 😎
+# Introducing Fusuma
diff --git a/samples/intro/slides/04-slide.md b/samples/intro/slides/04-slide.md
@@ -123,6 +123,8 @@ The class name of `<!-- block-start -->` isn't mandatory.
 
 ---
 
+<!-- classes: setting-background -->
+
 ## Setting Background
 
 <!-- background: '../assets/background.jpeg' -->

diff --git a/samples/intro/style.css b/samples/intro/style.css
@@ -6,24 +6,32 @@
   --black-color: #464646;
   --gray-color: #545454;
   --skin-color: #ffcc99;
-  --color-title: #3498db;
+}
+
+h1 {
+  color: #1687a7;
 }
 
 h2 {
+  color: #4a47a3;
   margin-bottom: 30px;
 }
 
-.slide-title {
-  background: var(--black-color);
-  color: var(--main-color);
+.section-title {
+  background: #faf3e0;
 }
 
-.section-title {
-  background: var(--gray-color);
-  color: var(--white-color);
+.setting-background {
+  & h2 {
+    color: #e7e6e1;
+  }
 }
 
 .end {
+  & h1 {
+    color: #faf3e0;
+  }
+
   color: var(--sub-color);
   background-image: linear-gradient(var(--black-color), var(--black-color)),
     url('https://media.giphy.com/media/ass2cYPZuBQ1q/giphy.gif');
@@ -35,8 +43,3 @@ h2 {
 .link {
   color: var(--sub-color);
 }
-
-.capture-screen-image {
-  border: 2px solid #333;
-  width: 70%;
-}