doc for Logo Light / Dark Mode

README.md

@@ -49,6 +49,7 @@
 - [Membership](https://godofredo.ninja/ghost-theme/simply/members) Support using the new portal feature
 - Support for [different Languages](https://godofredo.ninja/ghost-theme/simply/languages)
 - Light Mode / Dark Mode
+- [Logo Light / Dark Mode](https://godofredo.ninja/ghost-theme/simply/settings/#logo-light--dark-mode)
 - [Social accounts link](https://godofredo.ninja/ghost-theme/simply/settings/#socialmedia)
 - [Fast search](https://godofredo.ninja/ghost-theme/simply/settings/#search/) functionality
 - [Layouts Header](https://godofredo.ninja/ghost-theme/simply/layouts/#header)

docs/README.md

@@ -7,6 +7,7 @@
 - [Membership](./members.md) Support using the new portal feature
 - Support for [different Languages](./languages.md)
 - Light Mode / Dark Mode
+- [Logo Light / Dark Mode](./settings.md#logo-light--dark-mode)
 - [Social accounts link](./settings.md#socialmedia)
 - [Fast search](./settings.md#search/) functionality
 - [Layouts Header](./layouts.md#header)

docs/settings.md

@@ -4,6 +4,7 @@
 
 - [Social Media](#social-media)
 - [Search](#search)
+- [Logo Light / Dark Mode](#logo-light--dark-mode)
 - [Comments](#comments)
 
 ## Social Media
@@ -208,6 +209,28 @@ The search engine that includes Simply is very powerful, supports almost all lan
 
 Read more about the search engine [Read More](https://github.com/HauntedThemes/ghost-search)
 
+## Logo Light / Dark Mode
+
+- Add your logo for dark mode in the folder `assets/images/logo-dark-mode.png`
+- Edit the file `./partials/layout/header.hbs` and uncomment this line
+
+```handlebars
+<img src="{{img_url @site.logo size="m"}}" class="header-logo-img max-h-8 logo-default" alt="{{@site.title}}" width="115" height="30"/>
+{{!-- <img src="{{asset "images/logo-dark-mode.png"}}" class="header-logo-img max-h-8 hidden logo-dark-mode" alt="" width="115" height="30"/> --}}
+```
+
+- Add the entyles in ➡️ `Dashboard -> Code injection -> Site Header`
+
+```html
+<style>
+  .is-head-transparent .logo-default,
+  .dark .logo-default { display: none !important }
+
+  .is-head-transparent:not(.has-menu) .logo-dark-mode,
+  .dark .logo-dark-mode { display: block }
+</style>
+```
+
 ## Comments
 
 If you need a quick way to make fully functional comments Simply has everything ready for you.

locales/en.json

@@ -6,9 +6,11 @@
   "Page": "Page",
   "Home": "Home",
   "More": "More",
+  "By": "By",
   "Posts Tagged": "Posts Tagged",
   "There are {total} posts in total": "There are {total} posts in total",
   "The full archive": "The full archive",
+  "Get Started": "Get Started",
   "Subscribe": "Subscribe",
   "Log in": "Log in",
   "Upgrade": "Upgrade",

locales/es.json

@@ -6,9 +6,11 @@
   "Page": "Página",
   "Home": "Inicio",
   "More": "Más",
+  "By": "Por",
   "Posts Tagged": "Tag",
   "There are {total} posts in total": "Hay {total} Artículos en total",
   "The full archive": "Archivo Completo",
+  "Get Started": "Empezar",
   "Subscribe": "Suscríbete",
   "Log in": "Iniciar sesión",
   "Upgrade": "Actualizar",