Home › Forums › WoodMart support forum › Is there a Dark Mode
Is there a Dark Mode
- This topic has 3 replies, 2 voices, and was last updated 2 years, 5 months ago by Luke Nielsen.
-
AuthorPosts
-
June 20, 2022 at 4:41 pm #384690
uttarakhand.vedaParticipantHi, Is there a way to enable dark mode on website to check the look of it.
June 20, 2022 at 5:21 pm #384712
Luke NielsenKeymasterHello,
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
June 20, 2022 at 5:23 pm #384713
uttarakhand.vedaParticipantGot 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.June 21, 2022 at 11:34 am #384927
Luke NielsenKeymasterHello,
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
-
AuthorPosts
- You must be logged in to create new topics. Login / Register