diff options
-rw-r--r-- | README.md | 8 | ||||
-rw-r--r-- | exampleSite/config.toml | 2 | ||||
-rw-r--r-- | layouts/partials/header.html | 2 | ||||
-rwxr-xr-x | static/css/colors-dark.css | 18 | ||||
-rw-r--r-- | static/css/colors-gray.css | 66 | ||||
-rwxr-xr-x | static/css/colors-light.css | 18 |
6 files changed, 94 insertions, 20 deletions
@@ -3,10 +3,10 @@ A minimalistic theme for [Hugo](https://gohugo.io/) blogs, fork of [Solar Theme for Ghost](https://github.com/mattvh/solar-theme-ghost). -It offers two color schemes: `light` and `dark`. Additional HTML can be injected -just before `</head>` and `</body>` by creating a `header.html` or `footer.html` -inside `layouts/partials/`. The default (empty) logo can be overwritten by -creating a `logo.svg` in `static/img/`. +It offers three color schemes: (Monokai) `light`, (Monokai) `dark` and `gray` +(default). Additional HTML can be injected just before `</head>` and `</body>` +by creating a `head.html` or `foot.html` inside `layouts/partials/`. The default +(empty) logo can be overwritten by creating a `logo.svg` in `static/img/`. ## Screenshot diff --git a/exampleSite/config.toml b/exampleSite/config.toml index 2d2ae81..42ba24b 100644 --- a/exampleSite/config.toml +++ b/exampleSite/config.toml @@ -3,7 +3,7 @@ theme = "solar-theme-hugo" paginate = 5 [params] - scheme = "dark" + scheme = "gray" description = "A wizard is never late" [menu] diff --git a/layouts/partials/header.html b/layouts/partials/header.html index 4766d1b..b249167 100644 --- a/layouts/partials/header.html +++ b/layouts/partials/header.html @@ -11,7 +11,7 @@ {{ end }} <link rel="stylesheet" href="{{ .Site.BaseURL }}css/hybrid.css"> <link rel="stylesheet" href="{{ .Site.BaseURL }}css/style.css"> - <link rel="stylesheet" href="{{ .Site.BaseURL }}css/colors-{{ .Site.Params.scheme | default "dark" }}.css"> + <link rel="stylesheet" href="{{ .Site.BaseURL }}css/colors-{{ .Site.Params.scheme | default "gray" }}.css"> {{ partial "head.html" . }} </head> diff --git a/static/css/colors-dark.css b/static/css/colors-dark.css index 9feca2b..5aeed99 100755 --- a/static/css/colors-dark.css +++ b/static/css/colors-dark.css @@ -1,6 +1,6 @@ html, body { - background-color: #222; + background-color: #002a35; color: #839496; } @@ -9,17 +9,17 @@ a:visited, a:active, a code { color: #2aa198; - border-color: #2b2b2b; + border-color: #073642; } a:hover { - background-color: #2b2b2b; - border-color: #2b2b2b; + background-color: #073642; + border-color: #073642; color: #2aa198; } hr { - border-color: #2b2b2b; + border-color: #073642; } h1, @@ -35,8 +35,8 @@ h1 a:active { } h1 a:hover { - background-color: #2b2b2b; - border-color: #2b2b2b; + background-color: #073642; + border-color: #073642; color: #cb4b16; } @@ -54,11 +54,11 @@ blockquote { #sidebar a:hover span { color: #2aa198; - background-color: #2b2b2b; + background-color: #073642; } #footer { - border-color: #2b2b2b; + border-color: #073642; } .hljs { diff --git a/static/css/colors-gray.css b/static/css/colors-gray.css new file mode 100644 index 0000000..9feca2b --- /dev/null +++ b/static/css/colors-gray.css @@ -0,0 +1,66 @@ +html, +body { + background-color: #222; + color: #839496; +} + +a, +a:visited, +a:active, +a code { + color: #2aa198; + border-color: #2b2b2b; +} + +a:hover { + background-color: #2b2b2b; + border-color: #2b2b2b; + color: #2aa198; +} + +hr { + border-color: #2b2b2b; +} + +h1, +h2, +h3 { + color: #cb4b16; +} + +h1 a, +h1 a:visited, +h1 a:active { + color: #cb4b16; +} + +h1 a:hover { + background-color: #2b2b2b; + border-color: #2b2b2b; + color: #cb4b16; +} + +article h1 a.anchor { + color: #2aa198; +} + +blockquote { + border-color: #cb4b16; +} + +#sidebar a:hover { + background-color: transparent; +} + +#sidebar a:hover span { + color: #2aa198; + background-color: #2b2b2b; +} + +#footer { + border-color: #2b2b2b; +} + +.hljs { + background: none; +} diff --git a/static/css/colors-light.css b/static/css/colors-light.css index e882f33..d4de4d2 100755 --- a/static/css/colors-light.css +++ b/static/css/colors-light.css @@ -1,9 +1,13 @@ -html, body { +html, +body { background-color: #fdf6e3; color: #839496; } -a, a:visited, a:active, a code { +a, +a:visited, +a:active, +a code { color: #2aa198; border-color: #eee8d5; } @@ -18,11 +22,15 @@ hr { border-color: #eee8d5; } -h1, h2, h3 { +h1, +h2, +h3 { color: #cb4b16; } -h1 a, h1 a:visited, h1 a:active { +h1 a, +h1 a:visited, +h1 a:active { color: #cb4b16; } @@ -52,7 +60,7 @@ blockquote { border-color: #eee8d5; } -pre code{ +pre code { background-color: #eee8d5; color: #657b83; border: 1px solid #d6ceb6; |