Dark Mode - Question | JoomShaper

Dark Mode

A

angelo

Template 4 years ago

I think that I bought everything from you. There are PLENTY of templates. I'm intrested on a template with a dark mode; Can you suggest me any of them that could be suitable for this task (dark mode)?

0
19 Answers
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 4 years ago #27957

Hi

Could you please explain it more? Or give me any demo what kind of you actually want?

-1
A
angelo
Accepted Answer
4 years ago #27965

My website https://www.rules-chess-strategies.com/en/ This site is in dark mode = https://www.chess.com/home I know this extention // https://extensions.joomla.org/extension/eb-dark-mode/ But it affect the graphics on my site. I don't like to use it.

I don't like a dark reader of a switcher. I have a permanent dark mode for website. maybe like this https://chrome.google.com/webstore/detail/dark-reader/eimadpbcbfnmbkopoojfekhnkhdbieeh

Another option could be to change the backround image; how can I change it?

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 4 years ago #27980

Hi

You can follow this

https://www.joomshaper.com/joomla-templates

There is no specific template like this

-1
A
angelo
Accepted Answer
4 years ago #27984

how can I change the backround image on this template: https://demo2.joomshaper.com/2021/shefund/

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 4 years ago #27989

Hi

Which one? Please give me a screenshot

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 4 years ago #27992

Hi there!

About the dark mode:

You can have a look into the Dylan template preview if it serves your purpose:

https://www.joomshaper.com/joomla-templates/dylan

You can have a HOME DARK menu there too as follows: https://prnt.sc/1oku4fd

Moreover, you may check out the following templates too:

http://demo.joomshaper.com/?template=themis

http://demo.joomshaper.com/?template=lightbox

Hope it helps!

Best Regards

2
A
angelo
Accepted Answer
4 years ago #27993

Thank you!! At least someone knows what you have on your templates! This looks really great http://demo.joomshaper.com/?template=themis

May I ask how hikashop will look like? I have some problems with my current template, LINK: https://www.rules-chess-strategies.com/en/all-course The favorite box in the left don't look good.

Can I modify some of the pages with SP Page Builder right?

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 4 years ago #28005

Hello,

You are most welcome and thanks for your appreciation:)

We have two old templates integrated with Hikashop. You can have a look into them, but they are outdated now.

https://www.joomshaper.com/joomla-templates/glamour

https://www.joomshaper.com/joomla-templates/organic-life

We have some updated eCommerce templates and they use J2store as a shop management extension, such as Unei, Arino, Indigo...etc

You may find them here: https://www.joomshaper.com/joomla-templates/category/products-gifts

And for your second query, You can only edit the pages build with SP Page Builder.

Best Regards

1
A
angelo
Accepted Answer
4 years ago #28007

Thank you very much for continue supporting me! Your templates looks good, thanks for sharing then. However I fell in love with this one http://demo.joomshaper.com/?template=themis By the way "themis" sound as a greek name, is it?

I install it on my website, LINK: https://www.rules-chess-strategies.com/es/ but I receve the error: 1054 Unknown column 'title_es' in 'field list' Could you please help me?

I'm sharing my log in information below.

Arino is very good as well! I have the same problem as you can see here, LINK: https://www.rules-chess-strategies.com/fr/

Thanks in advance, Angelo

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 4 years ago #28008

Hi,

Thanks for sharing your credentials.

Are you working with an existing site? It occurs due to database missmatch as per my knowledge.

I think the following blog may help you:

https://www.joomshaper.com/blog/how-to-fix-1054-unknown-column-t-published-after-joomla-migration

Best Regards

1
A
angelo
Accepted Answer
4 years ago #28011

Thank you very much for continue supporting and for fixxing my 1054 error! I apreciate it!

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 4 years ago #28118

I'm glad that I could help:)

You are always welcome...

0
AFRINIC Webmaster
AFRINIC Webmaster
Accepted Answer
4 years ago #29740

It would have been nice and practicle in terms of good UI and UX practice to have a proper fulfledge Dark Mode management feature built in in Helix Ultimate and have a simple dark-mode toggle like you have on https://demo.hotjoomlatemplates.com/dark_mode/index.php?style=4. Because right now having to juggle between 2 different templates to achieve a half baked solution is not worth it. Hope this feature makes it to prod in near future. Thanks.

0
A
angelo
Accepted Answer
4 years ago #29759

Hi Afrinic,

What is UI? What is UX?

I used this extention = https://extensions.joomla.org/extension/eb-dark-mode/ and it effect negatively some of my other extentions... I wasn't able to proper change correctly the collors and other graphics; for example it wasn't compatible with https://www.favthemes.com/

Thanks for sharing your website it looks nice! However, I have a lot of things on my website, a lot of different extention and this switcher of white and dark mode should work propertly to everything...

1
AFRINIC Webmaster
AFRINIC Webmaster
Accepted Answer
4 years ago #29791

Hi Angelos

Indeed I tried https://extensions.joomla.org/extension/eb-dark-mode/ which is really nice and simple but then it does not play well with Joomshaper Helix Ultimate.

That is why I have provided https://demo.hotjoomlatemplates.com/dark_mode/index.php?style=4 as an example where from the demo you can see that there is a dark-mode toggle swtich which allows the user to easily switch to dark/light mode. Except that you see the website logo in both case (Dark/Light) swtich seamlessly.

This is what is missing from Helix Ultimate currently. Otherwise you have to manage 2 different template + menu settings, especially 2 sets of all images used on the website.

0
A
angelo
Accepted Answer
4 years ago #29828

thank you! hopefully Joomshaper Helix Ultimate apply this function in the future!

1
Pavel
Pavel
Accepted Answer
4 years ago #29835

This is what is missing from Helix Ultimate currently. Otherwise you have to manage 2 different template + menu settings, especially 2 sets of all images used on the website.

Hi. Explore by the code inspector your example to understand what is happening. This is exactly what happens - switching between 2 different designs. And not some kind of magic transformation of white in black. That is, you must have two different designs to implement Dark Mode.

In the case of a basic universal template, how is Helix, I do not think it is possible to implement Dark Mode. This requires the unique static design, which is impossible for an universal template and will make it unsuitable for use with customized design.

You can easily make Dark Mode on your site by creating two types of design in CSS. CSS switching is implemented fairly simple JavaScript. An example of a script that can be hung on the click event for the button.

$('#change-reset').change(function() {
$('.reset-stylesheet').remove();
$('head').append('<link class="reset-stylesheet" rel="stylesheet" href="'+$(this).val()+'">');
});

You can easily find other script examples to switch CSS using Google upon request "Switching CSS Stylesheets Via JavaScript".

You can already configure one of the presets of Helix for Dark Mode. And make switching. But this will set only CSS colors. And you still have to change the images through the Custom Code.

1
AFRINIC Webmaster
AFRINIC Webmaster
Accepted Answer
4 years ago #29883

Hi Pavel - excatly my point.

Why go into modifying the code when all that can be taken care of via the Helix Template Style Manager, probably by simply having a Preset which consist of the light and dark mode. Like Preset 1(Light/Dark), Preset 2(Light/Dark) etc.

I do get your point though.

Thanks.

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 4 years ago #30241

Hi Afrinic,

Thanks for your interest.

I will add this as a feature request. Let's hope for the best:)

Kind Regards

1