Dark mode?

justauser

I did take a look but am not seeing any that are 'dark' and I dont see a way to access the admin panel to explore the options etc 🙁

saguaros

You can try JA Conf template: https://www.joomlart.com/joomla/templates/ja-conf

justauser

That would have been good if it didn't ask me to subscribe again lol
Any that are free with jomsocial? This is all been a bit of a headache for me and I assume you just trying to get this to look right :/

saguaros

You're right, with your 'JS Pro' membership, you can have access to templates + themes listed here: https://www.joomlart.com/member/downloads/jomsocial

JA Conf template will require JA Pro membership or upgrade to Ultimate Developer membership.

justauser

And none of the ones that are free with jomsocial have a darkmode? .oO

saguaros

justauser The dark mode is actually additional style of template and it's supported by some template specific. Unfortunately, these templates in JomSocial directory don't have this mode. You will need to customize style a bit to achieve that.

justauser

Aww that is unfortunate - this could be added maybe? Darkmode is an option that most websites have these days 🙁
I have no idea how to code this. I am sure it could be simple enough for someone experienced, so would it be a problem to be added? 🙂

mikeymike

There are a couple of plugins on the JED that might help you. I personally haven't tried this and don't know if it's fully compatible with Jomsocial but it's worth a try considering it's free.
https://demo.extnbakers.com/extensions/eb-dark-mode

estacey2013

Good Topic,
I use a product called, 'Dark Reader' (for Chrome, Safari, Firefox, and Edge) on my browser. It properly darkens the view..
[https://darkreader.org/](https://)

saguaros

A new Jomsocial theme released in May supports the Dark style: https://js-game.demo.jomsocial.com/ you can check it out.

In case you want to customize to have dark style for JomSocial, I can refer you to one of our versatile developers who can assist with the customization. Let me know if you're interested.

estacey2013

saguaros Yes, thats a neat 'new' theme - but it's just DARK - is there a switch to turn it on and off? that's what Jomsocial needs..

saguaros

estacey2013 Unfortunately, that dark/light modes are not available at this moment, it will require customization to achieve that 🙂

estacey2013

saguaros - thank you for the response - extnbakers produces a dark mode mod - that when installed produces a switch that actually does, try to turn Jomsocial into dark mode.. However, it only has three colors, the screen looks, 'ok' but not as good as using Dark Reader on the browser. I'll survive...

estacey2013

I have discovered that the PurityIV template has a 'dark mode switch' that indeed, flips Jomsocial to Dark Mode.. Perhaps Jomsocial could look into how that's done for 'that' template, and make it available for ALL Templates people may want to use.. 😉

saguaros

At this moment, you can install JA Purity IV and assign it to JomSocial pages on your site 🙂

estacey2013

saguaros Is there a comprehension issue here? I just informed you that Purity does have a dark mode switch.. and that "Perhaps Jomsocial could work on that for other Templates". And you respond with, "For now you can install Purity" ? - The information sought here is, 'How to switch Jomsocial to dark or light' - Purity is a theme in the family of products covered here.. "How do THEY produce the switch" ?

justauser

Whooo! I just saw this and had to try it out. I switched socialize 2 to dark and activated the game theme in jomsocial. Looks good except for this weird bar across the screen and out of place magnifying/search option (outlined in red)
Also how to make the page stretch across (indicated by arrows)
Thanks! I'm also not sure that I need two sets of menus... maybe the site would look better without the top bar? Im not sure 🙂

saguaros

justauser It looks like toggle button, you can use this custom css to hide it when using Game theme:

.t3-community-toolbar button.toggle-button.toggle-no-header {
    display: none;
}

justauser

Any news on this? 🙂

justauser

Thanks! Where do I insert this? X
And so is it possible to stretch jomsocial to the edges ?