Page 1 of 2
Dark Mode
Posted: Thu Mar 14, 2024 6:43 pm
by PBR Streetgang
I've looked through the addons and didn't see anything. Is there an addon that I didn't see or an easy way to switch a site to more of a dark mode? Also, working on a site for a firearms company and need some sort of age "are you 18?" verification.
Re: Dark Mode
Posted: Thu Mar 14, 2024 8:45 pm
by Omar_one
PBR Streetgang wrote: ↑Thu Mar 14, 2024 6:43 pm
and need some sort of age "are you 18?" verification.
created by
@burt
app.php/addons/paid_addon/verify_age/
Re: Dark Mode
Posted: Thu Mar 14, 2024 9:03 pm
by PBR Streetgang
Thanks Omar_one!
Re: Dark Mode
Posted: Fri Mar 15, 2024 6:10 am
by heatherbell
PBR Streetgang wrote: ↑Thu Mar 14, 2024 6:43 pmneed some sort of age "are you 18?" verification.
Another option for Age Verification
viewtopic.php?f=28&t=1686
Re: Dark Mode
Posted: Wed Mar 20, 2024 10:20 pm
by PBR Streetgang
Anybody know where the classes are that handle all the font end colors?
Re: Dark Mode
Posted: Wed Mar 20, 2024 11:47 pm
by Dan Cole
Changing colors are best handled by targeting the css selectors and there is an excellent summary on how to do that in the User Guide that you can find here.
https://phoenixcart.org/phoenixcartwiki ... and_Colour
Dan
Re: Dark Mode
Posted: Thu Mar 21, 2024 1:51 pm
by heatherbell
PBR Streetgang wrote: ↑Wed Mar 20, 2024 10:20 pm
Anybody know where the classes are that handle all the font end colors?
If this in reference to your previous question re Dark Mode, when Phoenix Cart upgrades to use Bootstrap 5.x (coming in the 1.0.9.x series), one of the many new features of Bootstrap 5.x is Dark Mode, so it will be possible to create an Addon to incorporate that feature into a store. Learn more here:
https://getbootstrap.com/docs/5.3/custo ... lor-modes/
Re: Dark Mode
Posted: Wed Apr 10, 2024 2:53 pm
by PBR Streetgang
I've figured out some myself, but I can't seem to get any further. I'm looking at the source and trying to identify the other classes, but nothing I do is changing them. This is my copy user.css in /templates/override/static.
Code: Select all
body {
color: #cdd3cc;
background: #3d3a3a;
}
a {
color: #cdd3cc;
text-decoration: none;
background-color: #3d3a3a;
}
You can see what I'm trying to do. Just trying to reverse dark and light colors.
Re: Dark Mode
Posted: Wed Apr 10, 2024 8:03 pm
by Omar_one
something like this ?
@PBR Streetgang
Animation.gif
Re: Dark Mode
Posted: Wed Apr 10, 2024 8:26 pm
by PBR Streetgang
Yes, but I want t have more control over each element. I've been trying to identify each by looking at the source. Whatever you're doing there seems to accomplish a lot.