ettore.dreucci/cocoa-eh-hugo-theme
1
0
Fork 0
mirror of https://github.com/Noettore/cocoa-eh-hugo-theme.git synced 2025-10-15 19:56:41 +02:00
Code Issues Packages Projects Releases Wiki Activity

Add colors in the config

Browse Source
This commit is contained in:
Alexis Tacnet
2017-04-18 21:12:00 +02:00
parent 11632cc94b
commit 7726b3d5f7
3 changed files with 37 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
exampleSite/config.toml
View File

@@ -30,3 +30,16 @@ linkedin = "john-example-aa80ue8è"
twitter = "example" twitter = "example"
social_banner = "img/banner.png" social_banner = "img/banner.png"
posts_navigation = true posts_navigation = true
[params.colors]
identifier = "#527fc1f"
identifier_dark = "#1a3152"
trivial = "#6a7a8b"
foreground = "#181d2a"
background = "#f9f9f9"
background_dark = "#282a36"
code = "#87a5d2"
type = "#97d28b"
special = "#ffcb8d"
value = "#96c2d7"
statement = "#ff8e91"

34
exampleSite/static/css/colors.css → layouts/partials/colors.css
View File

@@ -1,61 +1,61 @@
a { a {
color: #527fc1; color: {{ .Param "colors.identifier" }};
} }
a:hover { a:hover {
color: #1a3152; color: {{ .Param "colors.identifier_dark" }};
} }
section.main .content .markdown, section.header .name, section.header nav ul li:hover { section.main .content .markdown, section.header .name, section.header nav ul li:hover {
color: #181d2a; color: {{ .Param "colors.foreground" }};
} }
section.header nav ul li { section.header nav ul li {
color: #6a7a8b; color: {{ .Param "colors.trivial" }};
} }
section.main .content .markdown code { section.main .content .markdown code {
background-color: #f9f9f9; background-color: {{ .Param "colors.background" }};
color: #527fc1; color: {{ .Param "colors.identifier" }};
} }
section.main .content .markdown pre, section.main .content .markdown pre code { section.main .content .markdown pre, section.main .content .markdown pre code {
background-color: #282a36; background-color: {{ .Param "colors.background_dark" }};
color: #87a5d2; color: {{ .Param "colors.code" }};
} }
.hljs, .hljs-subst, .hljs-variable { .hljs, .hljs-subst, .hljs-variable {
color: #87a5d2; color: {{ .Param "colors.code" }};
} }
.hljs-type { .hljs-type {
color: #97d28b; color: {{ .Param "colors.type" }};
} }
.hljs-quote { .hljs-quote {
color: #ffcb8d; color: {{ .Param "colors.special" }};
} }
.hljs-string, .hljs-number, .hljs-selector-id, .hljs-selector-class, .hljs-template-tag, .hljs-deletion { .hljs-string, .hljs-number, .hljs-selector-id, .hljs-selector-class, .hljs-template-tag, .hljs-deletion {
color: #96c2d7; color: {{ .Param "colors.value" }};
} }
.hljs-comment { .hljs-comment {
color: #9aacbf; color: {{ .Param "colors.trivial" }};
} }
.hljs-regexp, .hljs-symbol, .hljs-template-variable { .hljs-regexp, .hljs-symbol, .hljs-template-variable {
color: #ffcb8d; color: {{ .Param "colors.special" }};
} }
.hljs-keyword, .hljs-attribute, .hljs-meta-keyword, .hljs-doctag, .hljs-name { .hljs-keyword, .hljs-attribute, .hljs-meta-keyword, .hljs-doctag, .hljs-name {
color: #97d28b; color: {{ .Param "colors.type" }};
} }
.hljs-link, .hljs-selector-attr, .hljs-selector-pseudo, .hljs-title, .hljs-section { .hljs-link, .hljs-selector-attr, .hljs-selector-pseudo, .hljs-title, .hljs-section {
color: #ff8e91; color: {{ .Param "colors.statement" }};
} }
.hljs-built_in, .hljs-bullet, .hljs-code, .hljs-addition { .hljs-built_in, .hljs-bullet, .hljs-code, .hljs-addition {
color: #97d28b; color: {{ .Param "colors.type" }};
} }

6
layouts/partials/head_includes.html
View File

@@ -20,6 +20,12 @@
</style> </style>
{{ end }} {{ end }}
{{ if .Site.Params.colors }}
<style type="text/css" media="screen">
{{ partial "colors.css" . | safeCSS }}
</style>
{{ end }}
{{ range .Site.Params.extracssfiles }} {{ range .Site.Params.extracssfiles }}
<link rel="stylesheet" href="{{ . | absURL }}"> <link rel="stylesheet" href="{{ . | absURL }}">
{{ end }} {{ end }}