Version 0.1.5

* Add themeable border at top of body.
* Add themeable input buttons for forms.
* Improve readability with bigger larger font for tablets and desktops.
* Adjust widths.

CHANGELOG.md

@@ -1,18 +1,25 @@
+## Daring 0.1.5
+
+* Add themeable border at top of body.
+* Add themeable input buttons for forms.
+* Improve readability with bigger larger font for tablets and desktops.
+* Adjust widths.
+
 ## Daring 0.1.4
 
-* Fix styling for tag page descriptions to make them stand out from the tag name
+* Fix styling for tag page descriptions to make them stand out from the tag     name.
 
 ## Daring 0.1.3
 
-* Fix bug in main navigation list items
+* Fix bug in main navigation list items.
 
 ## Daring 0.1.2
 
-* Add responsive styling
+* Add responsive styling.
 
 ## Daring 0.1.1
 
-* Tidy up author template
-* Add license
-* Add changelog
-* Add Facebook link
+* Tidy up author template.
+* Add license.
+* Add changelog.
+* Add Facebook link.

assets/css/daring.css

@@ -3,21 +3,22 @@
  */
 html {
   color: #4a4a4a;
-  font-family: "PT Sans", Helvetica, Arial, sans-serif;
+  font-family: Lora, Helvetica, Arial, sans-serif;
 }
+
 @media (min-width: 48em) {
   html {
     font-size: 14px;
   }
 }
 @media (min-width: 58em) {
   html {
-    font-size: 18px;
+    font-size: 20px;
   }
 }
 
 h1, h2, h3, h4, h5, h6, nav > ul {
-  font-family: "Oswald", sans-serif;
+  font-family: Oswald, sans-serif;
 }
 
 /*
@@ -30,8 +31,8 @@ h1, h2, h3, h4, h5, h6, nav > ul {
 
 nav {
   float: left;
-  padding: 3%;
-  width: 32%;
+  padding: 2%;
+  width: 30%;
 }
 @media (max-width: 48em) {
   nav {
@@ -42,8 +43,8 @@ nav {
 
 main {
   float: left;
-  padding: 3%;
-  width: 65%;
+  padding: 2%;
+  width: 66%;
 }
 @media (max-width: 48em) {
   main {
@@ -66,9 +67,9 @@ main {
 }
 
 h1 {
-  font-size: 2.8rem;
+  font-size: 3rem;
   font-weight: bold;
-  padding-left: 35%;
+  padding-left: 32%;
   position: relative;
 }
 @media (max-width: 48em) {
@@ -152,6 +153,7 @@ article.post-index {
 .post header h2, .tag-head h2 {
   margin-top: 0px;
   margin-bottom: 0.5rem;
+  font-size: 1.8rem;
 }
 
 .post-index blockquote, .post blockquote {
@@ -210,30 +212,3 @@ article hr {
   padding: 1rem 0 0 0;
   border-top: #d8d8d8 1px solid;
 }
-
-/*
- * Themes
- */
-.red a {
-  color: #ab4642;
-}
-
-.orange a {
-  color: #dc9656;
-}
-
-.green a {
-  color: #a1b56c;
-}
-
-.purple a {
-  color: #ba8baf;
-}
-
-.brown a {
-  color: #a16946;
-}
-
-.blue a {
-  color: #7cafc2;
-}

assets/css/themes.css

@@ -0,0 +1,81 @@
+/*
+ * Themes
+ */
+.red a {
+  color: #ab4642;
+}
+
+body.red {
+  border-top: 4px solid #ab4642;
+}
+
+input[type='submit'].button-primary {
+  background-color: #ab4642;
+  border-color: #ab4642;
+}
+
+.orange a {
+  color: #dc9656;
+}
+
+body.orange {
+  border-top: 4px solid #dc9656;
+}
+
+input[type='submit'].button-primary {
+  background-color: #dc9656;
+  border-color: #dc9656;
+}
+
+.green a {
+  color: #a1b56c;
+}
+
+body.green {
+  border-top: 4px solid #a1b56c;
+}
+
+input[type='submit'].button-primary {
+  background-color: #a1b56c;
+  border-color: #a1b56c;
+}
+
+.purple a {
+  color: #ba8baf;
+}
+
+body.purple {
+  border-top: 4px solid #ba8baf;
+}
+
+input[type='submit'].button-primary {
+  background-color: #ba8baf;
+  border-color: #ba8baf;
+}
+
+.brown a {
+  color: #a16946;
+}
+
+body.brown {
+  border-top: 4px solid #a16946;
+}
+
+input[type='submit'].button-primary {
+  background-color: #a16946;
+  border-color: #a16946;
+}
+
+.blue a {
+  color: #7cafc2;
+}
+
+body.blue {
+  border-top: 4px solid #7cafc2;
+}
+
+
+input[type='submit'].button-primary {
+  background-color: #7cafc2;
+  border-color: #7cafc2;
+}

default.hbs

@@ -13,13 +13,14 @@
 
     <link rel="manifest" href="{{@blog.url}}/manifest.json">
 
+    {{! Ghost's own important styles and meta data }}
+    {{ghost_head}}
+
     {{! Styles & Scripts }}
-    <link href="http://fonts.googleapis.com/css?family=Oswald:700|PT+Sans:400,700italic" rel="stylesheet" type="text/css" />
+    <link href="http://fonts.googleapis.com/css?family=Oswald:700|Lora:400,400italic" rel="stylesheet" type="text/css" />
     <link rel="stylesheet" href="{{asset "css/poole.css"}}" />
     <link rel="stylesheet" href="{{asset "css/daring.css"}}" />
-
-    {{! Ghost's own important styles and meta data }}
-    {{ghost_head}}
+    <link rel="stylesheet" href="{{asset "css/themes.css"}}" />
 
     <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
     <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
@@ -28,7 +29,7 @@
       <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
     <![endif]-->
   </head>
-  <body class="blue {{body_class}} {{#is 'index, tag, author'}}user{{/is}} {{#is 'post'}}{{#unless post.image}}noimage{{/unless}}{{/is}}">
+  <body class="red {{body_class}} {{#is 'index, tag, author'}}user{{/is}} {{#is 'post'}}{{#unless post.image}}noimage{{/unless}}{{/is}}">
 
     <div class="container">
       <header>

package.json

@@ -1,4 +1,4 @@
 {
   "name": "Daring",
-  "version": "0.1.4"
-}
+  "version": "0.1.5"
+}