From 09b91845a0d2b276743d5f6f2eaa42d7b0f7533d Mon Sep 17 00:00:00 2001 From: George Cushen Date: Sat, 11 Nov 2017 17:55:42 +0000 Subject: [PATCH] themes: Add dark theme To use, set `color_theme = "dark"` in `config.toml`. See #299 and #139 --- README.md | 4 + data/themes/dark.toml | 20 ++++ exampleSite/config.toml | 2 +- exampleSite/content/post/getting-started.md | 3 + images/theme-dark.png | Bin 0 -> 21456 bytes layouts/partials/css/academic.css | 118 ++++++++++++++++++++ layouts/partials/css/parse_theme.css | 2 + layouts/partials/header.html | 24 ++-- static/css/highlight.min.css | 1 - 9 files changed, 162 insertions(+), 12 deletions(-) create mode 100644 data/themes/dark.toml create mode 100644 images/theme-dark.png delete mode 100644 static/css/highlight.min.css diff --git a/README.md b/README.md index 06864cac..3f092ffd 100644 --- a/README.md +++ b/README.md @@ -27,6 +27,10 @@ Academic is available in different color themes and font themes. | --- | --- | | ![forest theme](https://raw.githubusercontent.com/gcushen/hugo-academic/master/images/theme-forest.png) | ![coffee theme](https://raw.githubusercontent.com/gcushen/hugo-academic/master/images/theme-coffee-playfair.png) | +| `dark` | +| --- | +| ![dark theme](https://raw.githubusercontent.com/gcushen/hugo-academic/master/images/theme-dark.png) | + ## Getting Started 1. [Install Hugo](https://georgecushen.com/create-your-website-with-hugo/#installing-hugo) and create a new website by typing the following commands in your *Terminal* or *Command Prompt* app: diff --git a/data/themes/dark.toml b/data/themes/dark.toml new file mode 100644 index 00000000..953d9adb --- /dev/null +++ b/data/themes/dark.toml @@ -0,0 +1,20 @@ +# Theme metadata +name = "Dark" + +# Is theme light or dark? +light = false + +# Primary +primary = "hsl(339, 90%, 68%)" +primary_light = "hsl(339, 90%, 78%)" +primary_dark = "hsl(339, 90%, 58%)" + +# Menu +menu_primary = "rgb(20, 22, 34)" +menu_text = "rgba(255,255,255,0.6)" +menu_text_active = "rgba(255,255,255,1)" +menu_title = "#fff" + +# Home sections +home_section_odd = "hsla(231, 15%, 18%, 1)" +home_section_even = "hsla(231, 15%, 17%, 1)" diff --git a/exampleSite/config.toml b/exampleSite/config.toml index 35742421..ad8f2798 100644 --- a/exampleSite/config.toml +++ b/exampleSite/config.toml @@ -31,7 +31,7 @@ defaultContentLanguageInSubdir = false [params] # Color theme. - # Choose from `default`, `ocean`, `forest`, or `coffee`. + # Choose from `default`, `ocean`, `forest`, `coffee`, or `dark`. color_theme = "default" # Font style. diff --git a/exampleSite/content/post/getting-started.md b/exampleSite/content/post/getting-started.md index 2b91312b..b1061f52 100644 --- a/exampleSite/content/post/getting-started.md +++ b/exampleSite/content/post/getting-started.md @@ -102,6 +102,9 @@ The following color themes are available and can be set by the `color_theme` opt | --- | --- | | ![forest theme](https://raw.githubusercontent.com/gcushen/hugo-academic/master/images/theme-forest.png) | ![coffee theme](https://raw.githubusercontent.com/gcushen/hugo-academic/master/images/theme-coffee-playfair.png) | +| `dark` | +| --- | +| ![dark theme](https://raw.githubusercontent.com/gcushen/hugo-academic/master/images/theme-dark.png) | The following font styles are available and can be set by the `font` option in `config.toml`: diff --git a/images/theme-dark.png b/images/theme-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..a04ce143eb52b4a0c61aa4d9fea4590a5bd1e198 GIT binary patch literal 21456 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 literal 0 HcmV?d00001 diff --git a/layouts/partials/css/academic.css b/layouts/partials/css/academic.css index da081035..76b48753 100644 --- a/layouts/partials/css/academic.css +++ b/layouts/partials/css/academic.css @@ -144,11 +144,15 @@ figcaption h4 { pre, code { font-family: '{{ .Get "mono_font" }}', monospace; + color: #c7254e; + background-color: #f9f2f4; } pre { margin: 0 0 1rem 0; overflow: auto; + background-color: rgb(248, 248, 248); /* Match default highlight theme. */ + border-color: rgb(248, 248, 248); } hr { @@ -557,6 +561,12 @@ article { padding-right: 0; } +.article-style td img, +.article-style td video { + margin-top: 0; + margin-bottom: 0; +} + .article-style figure { margin-top: 60px; margin-bottom: 60px; @@ -1295,3 +1305,111 @@ div.alert a:hover { background-color: #f44336; /* Material Red500 */ border-color: #ebccd1; } + + +/************************************************* + * Dark themed components + **************************************************/ + +body.dark { + background-color: rgb(40, 42, 54); + color: rgb(248, 248, 242); +} + +.dark h1, +.dark h2, +.dark h3, +.dark h4, +.dark h5, +.dark h6 { + color: rgb(152, 166, 173); +} + +.dark pre, +.dark code { + color: rgb(139, 233, 253); + background-color: rgb(68, 71, 90); + +} + +.dark pre { + background-color: rgb(68, 71, 90); + border-color: rgb(68, 71, 90); +} + +.dark ul.share li a { + background-color: {{ .Get "primary" }}; +} + +.dark table table { + background-color: rgb(40, 42, 54); +} + +/* Table Striped */ +.dark table > tbody > tr:nth-child(odd) > td, +.dark table > tbody > tr:nth-child(odd) > th { + background-color: rgb(50, 52, 64); +} + +/* Table Hover */ +.dark table > tbody > tr:hover > td, +.dark table > tbody > tr:hover > th { + background-color: rgb(60, 62, 74); +} + +.dark .article-title a { + color: #fff; +} + +.dark #profile .portrait-title h2 { + color: #fff; +} + +.dark #profile .portrait-title h3 { + color: rgba(255, 255, 255, 0.54); +} + +.dark ul.ul-edu li .description p.institution { + color: rgba(255, 255, 255, 0.6); +} + +.dark .pub-icon { + color: rgba(255, 255, 255, 0.54); +} + +.dark .talk-metadata { + color: rgba(255, 255, 255, 0.54); +} + +.dark .pager li > a, .pager li > span { + background-color: rgb(40, 42, 54); + border: 1px solid #ddd; +} + +.dark .card { + background: rgb(10, 12, 24); + box-shadow: 0 2px 4px 0 rgba(255, 255, 255, 0.2); +} + +.dark .card h4 a { + color: {{ .Get "primary" }}; + border-bottom: solid 1px transparent; +} + +.dark .card .card-image.hover-overlay::before { + background: #666; +} + +.dark .card .card-image.hover-overlay::after { + color: #fff; +} + +.dark .navbar-default { + box-shadow: 0 0.125rem 0.25rem 0 rgba(255, 255, 255, .11); + border-color: #070707; +} + +.dark select { + background: rgb(40, 42, 54); + color: rgb(248, 248, 242); +} diff --git a/layouts/partials/css/parse_theme.css b/layouts/partials/css/parse_theme.css index 343a84e6..8e5c5bf2 100644 --- a/layouts/partials/css/parse_theme.css +++ b/layouts/partials/css/parse_theme.css @@ -19,6 +19,8 @@ {{ if isset .Site.Data.themes $theme_index }} {{ $theme := index .Site.Data.themes $theme_index }} + {{- $scr.Set "light" $theme.light -}} + {{- $scr.Set "primary" $theme.primary -}} {{- $scr.Set "primary_light" $theme.primary_light -}} {{- $scr.Set "primary_dark" $theme.primary_dark -}} diff --git a/layouts/partials/header.html b/layouts/partials/header.html index f46fea37..59f05af7 100644 --- a/layouts/partials/header.html +++ b/layouts/partials/header.html @@ -9,27 +9,33 @@ {{ .Hugo.Generator }} {{ with .Site.Params.name }}{{ end }} {{ with .Site.Params.role }}{{ end }} - + {{ range .Translations }} {{ end }} + {{ $scr := .Scratch }} + {{ partial "css/parse_theme.css" . }} {{ $sri := .Site.Data.sri }} {{/* Default to enabling highlighting, but allow the user to override it in .Params or .Site.Params. - Use $.Scratch to store "highlight_enabled", so that we can read it again in footer.html. */}} - {{ $.Scratch.Set "highlight_enabled" true }} + Use $scr to store "highlight_enabled", so that we can read it again in footer.html. */}} + {{ $scr.Set "highlight_enabled" true }} {{ if isset .Params "highlight" }} - {{ $.Scratch.Set "highlight_enabled" .Params.highlight }} + {{ $scr.Set "highlight_enabled" .Params.highlight }} {{ else if isset .Site.Params "highlight" }} - {{ $.Scratch.Set "highlight_enabled" .Site.Params.highlight }} + {{ $scr.Set "highlight_enabled" .Site.Params.highlight }} {{ end }} - {{ if $.Scratch.Get "highlight_enabled" }} + {{ if $scr.Get "highlight_enabled" }} {{ $v := $sri.js.highlight.version }} {{ with .Site.Params.highlight_style }} {{ else }} - + {{ if eq ($scr.Get "light") true }} + + {{ else }} + + {{ end }} {{ end }} {{ end }} {{ if not .Site.Params.disable_sri }} @@ -48,8 +54,6 @@ {{ end }} {{ end }} {{/* We cannot use SRI with Google Fonts because the CSS is dynamically generated according to the user agent */}} - {{- partial "css/parse_theme.css" . -}} - {{- $scr := .Scratch -}} {{ with ($scr.Get "google_fonts") }} {{ end }} @@ -117,4 +121,4 @@ {{ if not .IsHome }}{{ .Title }} | {{ end }}{{ .Site.Title }} - + diff --git a/static/css/highlight.min.css b/static/css/highlight.min.css deleted file mode 100644 index 5477a1b9..00000000 --- a/static/css/highlight.min.css +++ /dev/null @@ -1 +0,0 @@ -.hljs{display:block;overflow-x:auto;padding:0.5em;color:#333;background:#f8f8f8}.hljs-comment,.hljs-quote{color:#998;font-style:italic}.hljs-keyword,.hljs-selector-tag,.hljs-subst{color:#333;font-weight:bold}.hljs-number,.hljs-literal,.hljs-variable,.hljs-template-variable,.hljs-tag .hljs-attr{color:#008080}.hljs-string,.hljs-doctag{color:#d14}.hljs-title,.hljs-section,.hljs-selector-id{color:#900;font-weight:bold}.hljs-subst{font-weight:normal}.hljs-type,.hljs-class .hljs-title{color:#458;font-weight:bold}.hljs-tag,.hljs-name,.hljs-attribute{color:#000080;font-weight:normal}.hljs-regexp,.hljs-link{color:#009926}.hljs-symbol,.hljs-bullet{color:#990073}.hljs-built_in,.hljs-builtin-name{color:#0086b3}.hljs-meta{color:#999;font-weight:bold}.hljs-deletion{background:#fdd}.hljs-addition{background:#dfd}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:bold} \ No newline at end of file