Dark Mode

Open to all! Ask other shopowners for help.
PBR Streetgang
Member
Posts: 48
Joined: Fri Nov 19, 2021 4:09 pm
Phoenix Version:
Has thanked: 24 times

Dark Mode

Post 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.


Join The Code Co-op to get access to your library in the Code Co-op Forum
Omar_one
Senior Contributor
Posts: 679
Joined: Fri Oct 25, 2019 5:06 pm
Phoenix Version: v1.0.8.16
Has thanked: 100 times
Been thanked: 56 times

Re: Dark Mode

Post 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/
PBR Streetgang
Member
Posts: 48
Joined: Fri Nov 19, 2021 4:09 pm
Phoenix Version:
Has thanked: 24 times

Re: Dark Mode

Post by PBR Streetgang »

Thanks Omar_one!
heatherbell
Senior Contributor
Posts: 2540
Joined: Mon Oct 07, 2019 4:39 am
Phoenix Version:
Has thanked: 35 times
Been thanked: 243 times

Re: Dark Mode

Post 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
PBR Streetgang
Member
Posts: 48
Joined: Fri Nov 19, 2021 4:09 pm
Phoenix Version:
Has thanked: 24 times

Re: Dark Mode

Post by PBR Streetgang »

Anybody know where the classes are that handle all the font end colors?
Dan Cole
Senior Contributor
Posts: 499
Joined: Fri Oct 25, 2019 2:14 pm
Phoenix Version: 1.0.8.21
Has thanked: 67 times
Been thanked: 61 times

Re: Dark Mode

Post 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
heatherbell
Senior Contributor
Posts: 2540
Joined: Mon Oct 07, 2019 4:39 am
Phoenix Version:
Has thanked: 35 times
Been thanked: 243 times

Re: Dark Mode

Post 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/
PBR Streetgang
Member
Posts: 48
Joined: Fri Nov 19, 2021 4:09 pm
Phoenix Version:
Has thanked: 24 times

Re: Dark Mode

Post 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.
You do not have the required permissions to view the files attached to this post.
Omar_one
Senior Contributor
Posts: 679
Joined: Fri Oct 25, 2019 5:06 pm
Phoenix Version: v1.0.8.16
Has thanked: 100 times
Been thanked: 56 times

Re: Dark Mode

Post by Omar_one »

something like this ? @PBR Streetgang
Animation.gif
You do not have the required permissions to view the files attached to this post.
PBR Streetgang
Member
Posts: 48
Joined: Fri Nov 19, 2021 4:09 pm
Phoenix Version:
Has thanked: 24 times

Re: Dark Mode

Post 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.


Join The Code Co-op to get access to your library in the Code Co-op Forum
Post Reply