From ab5ed09a777e2dbf4e1f7ff751a6e492079157ac Mon Sep 17 00:00:00 2001
From: Mathieu Cornic <mathieu.cornic@gmail.com>
Date: Tue, 29 Mar 2016 00:35:18 +0200
Subject: [PATCH] feat: reset original colors + add note shortcode + split
favicon into partial
---
layouts/partials/favicon.html | 1 +
layouts/partials/header.html | 2 +-
layouts/shortcodes/note.html | 1 +
static/css/hugo-theme.css | 2 +-
static/css/theme.css | 32 ++++++++++++++++----------------
5 files changed, 20 insertions(+), 18 deletions(-)
create mode 100644 layouts/partials/favicon.html
create mode 100644 layouts/shortcodes/note.html
diff --git a/layouts/partials/favicon.html b/layouts/partials/favicon.html
new file mode 100644
index 0000000000..08d54111be
--- /dev/null
+++ b/layouts/partials/favicon.html
@@ -0,0 +1 @@
+<link rel="shortcut icon" href="/images/favicon.png" type="image/x-icon" />
diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index 679f7cb206..bdcc0ee3a4 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -2,7 +2,7 @@
<html lang="en" class="js csstransforms3d">
<head>
{{ partial "meta.html" . }}
- <link rel="shortcut icon" href="/images/favicon.ico" type="image/x-icon" />
+ {{ partial "favicon.html" . }}
{{ .Scratch.Add "title" "" }}{{ if isset .Site.Data.titles .Title }}{{ .Scratch.Set "title" (index .Site.Data.titles .Title).title }}{{ else }}{{ .Scratch.Set "title" .Title}}{{end}}
<title>{{ .Scratch.Get "title" }}</title>
{{ partial "head_includes.html" . }}
diff --git a/layouts/shortcodes/note.html b/layouts/shortcodes/note.html
new file mode 100644
index 0000000000..7aae121e74
--- /dev/null
+++ b/layouts/shortcodes/note.html
@@ -0,0 +1 @@
+<div class="notices note">{{ .Inner }}</div>
diff --git a/static/css/hugo-theme.css b/static/css/hugo-theme.css
index 7b5933c025..4d8a014ba9 100644
--- a/static/css/hugo-theme.css
+++ b/static/css/hugo-theme.css
@@ -47,7 +47,7 @@
content: "";
height: 1px;
width: 0%;
- background-color: #CE3B2F;
+ background-color: #0082a7; /*#CE3B2F*/
-webkit-transition: width 0.5s ease;
-moz-transition: width 0.5s ease;
-ms-transition: width 0.5s ease;
diff --git a/static/css/theme.css b/static/css/theme.css
index 3cdac6a072..39d009b292 100644
--- a/static/css/theme.css
+++ b/static/css/theme.css
@@ -52,10 +52,10 @@ body #chapter h1 {
}
}
a {
- color: #CE3B2F;
+ color: #00bdf3;
}
a:hover {
- color: #F77D73;
+ color: #0082a7;
}
pre {
position: relative;
@@ -79,7 +79,7 @@ b, strong, label, th {
fill: #fff !important;
}
#header {
- border-bottom: 4px solid #CE3B2F;
+ border-bottom: 4px solid #9c6fb6;
}
#sidebar {
font-weight: 300 !important;
@@ -96,11 +96,11 @@ textarea:hover, input[type="email"]:hover, input[type="number"]:hover, input[typ
border-color: #c4c4c4;
}
textarea:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="url"]:focus, input[type="color"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, select[multiple=multiple]:focus {
- border-color: #CE3B2F;
- box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 5px rgb(226, 190, 187);
+ border-color: #00bdf3;
+ box-shadow: inset 0 1px 3px rgba(0,0,0,.06),0 0 5px rgba(0,169,218,.7)
}
#header {
- background: #E55F54;
+ background: #8451a1;
color: #fff;
text-align: center;
padding: 1rem;
@@ -118,8 +118,8 @@ textarea:focus, input[type="email"]:focus, input[type="number"]:focus, input[typ
.searchbox {
margin-top: 0.5rem;
position: relative;
- border: 1px solid #F77D73;
- background: #CE3B2F;
+ border: 1px solid #915eae;
+ background: #764890;
border-radius: 4px;
}
.searchbox label {
@@ -170,7 +170,7 @@ textarea:focus, input[type="email"]:focus, input[type="number"]:focus, input[typ
}
}
#sidebar {
- background-color: #403130;
+ background-color: #322A38;
position: fixed;
top: 0;
width: 300px;
@@ -273,7 +273,7 @@ textarea:focus, input[type="email"]:focus, input[type="number"]:focus, input[typ
margin-top: 9px;
}
#sidebar ul.topics > li.parent, #sidebar ul.topics > li.active {
- background: #29201F;
+ background: #251f29;
margin-left: -1rem;
margin-right: -1rem;
padding-left: 1rem;
@@ -307,7 +307,7 @@ textarea:focus, input[type="email"]:focus, input[type="number"]:focus, input[typ
padding: 4px 0;
}
#sidebar ul li.visited > a .read-icon {
- color: #CE3B2F;
+ color: #9c6fb6;
display: inline;
}
#sidebar ul li li {
@@ -571,14 +571,14 @@ hr {
padding: 25px;
float: left;
clear: both;
- background: #CE3B2F;
+ background: #9c6fb6;
color: #fff;
}
#body a.anchor-link {
color: #ccc;
}
#body a.anchor-link:hover {
- color: #CE3B2F;
+ color: #9c6fb6;
}
#body-inner .tabs-wrapper.ui-theme-badges {
background: #1d1f21;
@@ -615,7 +615,7 @@ td {
border: 1px solid #eaeaea;
}
.button {
- background: #CE3B2F;
+ background: #9c6fb6;
color: #fff;
box-shadow: 0 3px 0 #00a5d4;
}
@@ -676,7 +676,7 @@ td {
}
.bullet-icon {
float: left;
- background: #CE3B2F;
+ background: #9c6fb6;
padding: 0.875rem;
width: 3.5rem;
height: 3.5rem;
@@ -686,7 +686,7 @@ td {
text-align: center;
}
.bullet-icon-1 {
- background: #CE3B2F;
+ background: #9c6fb6;
}
.bullet-icon-2 {
background: #00f3d8;