Is there a Dark Mode

Hi, Is there a way to enable dark mode on website to check the look of it.

Hello,

Yep, we have an appropriate option in Theme Settings -> Styles and colors -> turn on the “Dark theme” option.

https://monosnap.com/file/GUG480KHXT8j99vN77xoB5w1lLJ2X0

If you are looking to explore other options of our theme, feel free to reach out to me at any time. I will be more than happy to assist you.

Kind Regards

Got the dark mode, is it possible to make only menu, cart, and login/signup screen black in mobile as shown in screenshots, and whole website in normal white. Thanks in advance.

Attachments:

You must be logged in to view attached files.

Hello,

Yep, it’s possible with the help of the below code. Enter it to the “Custom CSS for mobile” area that is situated in Theme Settings -> Custom CSS.

.cart-widget-side,
.login-form-side,
.mobile-nav {
    --color-gray-100: rgba(255,255,255,0.1);
    --color-gray-200: rgba(255,255,255,0.2);
    --color-gray-300: rgba(255,255,255,0.5);
    --color-gray-400: rgba(255,255,255,0.6);
    --color-gray-500: rgba(255,255,255,0.7);
    --color-gray-600: rgba(255,255,255,0.8);
    --color-gray-700: rgba(255,255,255,0.9);
    --color-gray-800: #fff;
    --color-gray-900: #fff;
    --bgcolor-white-rgb: 0,0,0;
    --bgcolor-white: #0f0f0f;
    --bgcolor-gray-100: #0a0a0a;
    --bgcolor-gray-200: #121212;
    --bgcolor-gray-300: #141414;
    --brdcolor-gray-200: rgba(255,255,255,0.1);
    --brdcolor-gray-300: rgba(255,255,255,0.15);
    --brdcolor-gray-400: rgba(255,255,255,0.25);
    --wd-text-color: rgba(255,255,255,0.8);
    --wd-title-color: #fff;
    --wd-widget-title-color: var(--wd-title-color);
    --wd-entities-title-color: #fff;
    --wd-entities-title-color-hover: rgba(255,255,255,0.8);
    --wd-link-color: rgba(255,255,255,0.9);
    --wd-link-color-hover: #fff;
    --wd-form-brd-color: rgba(255,255,255,0.2);
    --wd-form-brd-color-focus: rgba(255,255,255,0.3);
    --wd-form-placeholder-color: rgba(255,255,255,0.6);
    --wd-form-chevron: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNSIgaGVpZ2h0PSIyNSIgZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2U9InJnYmEoMjU1LCAyNTUsIDI1NSwgMC42KSI+PHBhdGggZD0iTTYgOWw2IDYgNi02Ii8+PC9zdmc+);
    --wd-main-bgcolor: #1a1a1a;
    color: var(--wd-text-color);
}

.mobile-nav .wd-nav-mob-tab[class*="wd-style-underline"] {
		--nav-color: white;
    --nav-color-hover: white;
    --nav-color-active: white;
}

.create-account-question .btn.btn-color-primary {
	color: white!important;
}

Let me know if there is anything else I can help and have a good day!

Kind Regards

[Author]

Posts