Ver código fonte

make theme "simple" use white titles on dark backgrounds

This is similar to what is done in the "white" theme.
Vincent Bernat 10 anos atrás
pai
commit
a9566dfbd4
2 arquivos alterados com 8 adições e 0 exclusões
  1. 3 0
      css/theme/simple.css
  2. 5 0
      css/theme/source/simple.scss

+ 3 - 0
css/theme/simple.css

@@ -7,6 +7,9 @@
  */
  */
 @import url(https://fonts.googleapis.com/css?family=News+Cycle:400,700);
 @import url(https://fonts.googleapis.com/css?family=News+Cycle:400,700);
 @import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
 @import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
+section.has-dark-background, section.has-dark-background h1, section.has-dark-background h2, section.has-dark-background h3, section.has-dark-background h4, section.has-dark-background h5, section.has-dark-background h6 {
+  color: #fff; }
+
 /*********************************************
 /*********************************************
  * GLOBAL STYLES
  * GLOBAL STYLES
  *********************************************/
  *********************************************/

+ 5 - 0
css/theme/source/simple.scss

@@ -31,6 +31,11 @@ $linkColor: #00008B;
 $linkColorHover: lighten( $linkColor, 20% );
 $linkColorHover: lighten( $linkColor, 20% );
 $selectionBackgroundColor: rgba(0, 0, 0, 0.99);
 $selectionBackgroundColor: rgba(0, 0, 0, 0.99);
 
 
+section.has-dark-background {
+	&, h1, h2, h3, h4, h5, h6 {
+		color: #fff;
+	}
+}
 
 
 
 
 // Theme template ------------------------------
 // Theme template ------------------------------