Materialize Dark theme

User avatar
c0mp0ser
Posts: 67
Joined: Mon Jan 02, 2017 11:59 am

Materialize Dark theme

Post by c0mp0ser »

Materialize Dark theme is finally ready.

You can find the theme on Github:
https://github.com/pawell0/materialize-dark

I also made a theme site, based on Wonder CMS, where you can find all the information about the theme, how to use it and Tips and Tricks: https://materialize-wcms.m00n.link

Any questions or comments about the theme and the documentation welcome in this thread. Enjoy! πŸ‘πŸ˜‰

AND

If you have created a site based on Materialize Dark theme - share it in this thread! πŸ‘
Last edited by c0mp0ser on Mon Jun 27, 2022 11:30 am, edited 1 time in total.
It's just me, an unmeasurable particle of the cosmos ...
https://pawelkruzel.m00n.link
https://m00n.link
https://materialize-wcms.m00n.link

OneManLaptop
Developer
Posts: 68
Joined: Tue Mar 16, 2021 3:29 pm

Re: Materialize Dark theme

Post by OneManLaptop »

Outstanding work sir, truly, the time you've put into this and the accompanying documentation is incredible.

Sadly, because of the localhost bug in the current version of WCMS I've not been able to test it yet but I can see from your test site that it's all there and works very well. Poor yourself a glass of whatever you fancy and toast to a job well done bud, I'm sure a lot of WCMS community members will make use of your work.

User avatar
c0mp0ser
Posts: 67
Joined: Mon Jan 02, 2017 11:59 am

Re: Materialize Dark theme

Post by c0mp0ser »

OneManLaptop wrote: ↑
Wed Jun 22, 2022 6:16 pm
Outstanding work sir, truly, the time you've put into this and the accompanying documentation is incredible.
Thanks for your kind words. πŸ‘πŸ˜‰
Materialize CSS framework is an extensive project and has a lot of possibilities. I had to first check on my own how best to combine it with Wonder CMS. I decided that because of a lot of information, it would be best to do a "live example" - documentation in Wonder CMS and Materialize Dark theme.

There will always be something to improve or enhance. I look forward to your comments.

In the near future I will add live examples of unusual content compositions to the documentation. Stay tuned ...

If you are willing, I will develop a second version of the theme - Materialize Light, with the white color as dominant.

BTW - what's all about that "WCMS on localhost" bug? I've tested the newest (3.3.2) version on my MAMP and noticed nothing ... Can I find anything about this on the forum?
It's just me, an unmeasurable particle of the cosmos ...
https://pawelkruzel.m00n.link
https://m00n.link
https://materialize-wcms.m00n.link

OneManLaptop
Developer
Posts: 68
Joined: Tue Mar 16, 2021 3:29 pm

Re: Materialize Dark theme

Post by OneManLaptop »

Ah, that's interesting. Yeah, there's a colon in my URL that causes the main URL string to mess up, can't do much with WCMS right now but I have my hands plenty full with other stuff so no harm done, haha.

User avatar
c0mp0ser
Posts: 67
Joined: Mon Jan 02, 2017 11:59 am

Re: Materialize Dark theme

Post by c0mp0ser »

I find the link regarding your problem with MAMP.

viewtopic.php?t=3256&sid=7e882fda4a1a86 ... 35876157da

I am using the free MAMP, but in my installation I set the default port (80) for http. Because of this, I have not noticed the problem mentioned in the above topic. πŸ˜‰
It's just me, an unmeasurable particle of the cosmos ...
https://pawelkruzel.m00n.link
https://m00n.link
https://materialize-wcms.m00n.link

User avatar
c0mp0ser
Posts: 67
Joined: Mon Jan 02, 2017 11:59 am

Re: Materialize Dark theme

Post by c0mp0ser »

New version of the theme: 1.0.2
Changes: changed styles for buttons

There is a new page in the documentation: Buttons:
https://materialize-wcms.m00n.link/mate ... ms/buttons
It's just me, an unmeasurable particle of the cosmos ...
https://pawelkruzel.m00n.link
https://m00n.link
https://materialize-wcms.m00n.link

User avatar
wiz
Admin
Posts: 749
Joined: Sat Oct 30, 2010 12:23 am

Re: Materialize Dark theme

Post by wiz »

Hey c0mp0ser, this looks AMAZING!

Can you please provide a few words why it's not working with the plugins you mentioned?
Summernote Air Editor 3.2.0
Social Bar 3.2.1
Contact form 3.0.1

User avatar
c0mp0ser
Posts: 67
Joined: Mon Jan 02, 2017 11:59 am

Re: Materialize Dark theme

Post by c0mp0ser »

wiz wrote: ↑
Wed Jun 29, 2022 5:10 am
Hey c0mp0ser, this looks AMAZING!

Can you please provide a few words why it's not working with the plugins you mentioned?
Summernote Air Editor 3.2.0
Social Bar 3.2.1
Contact form 3.0.1
Thanks for the kind words ... πŸ˜‰
  • Summernote Air Editor 3.2.0 - the plugin installs and does not edit the content. The interface of the plugin is showing up. Besides, editing content in Materialize Dark theme requires access to Code View tool, which Summernote Air Editor does not provide.
  • Social Bar - this plugin with this theme is redundant. Just place the graphic icons and add links to them manually using code or by Code View tool in Summernote Editor, which is how I did it - in the Subside section, next to the bottom menu. Icons in the form of images can be easily downloaded from the internet and easily placed on the page. It is also possible to make a button with an icon, but this is much more complicated than adding an image and a link to it. Besides, I removed Material Icons from my materialize.css compilation for this theme - more about it - here: https://materialize-wcms.m00n.link/mate ... components. Using simple images with links seemed more logical to me than using a plugin that, once installed, requires the user to dig around in code of the plugin (!!!). More about the links on images here: https://materialize-wcms.m00n.link/mate ... ote-editor πŸ˜‰
  • Contact Form - I have not worked yet on compatibility with this plugin.
It's just me, an unmeasurable particle of the cosmos ...
https://pawelkruzel.m00n.link
https://m00n.link
https://materialize-wcms.m00n.link

User avatar
c0mp0ser
Posts: 67
Joined: Mon Jan 02, 2017 11:59 am

Re: Materialize Dark theme

Post by c0mp0ser »

Quick messages:

1. Materialize Dark theme has reached version 1.0.6. I added some new CSS classes, cleaned up the whole thing. 😊
2. Information about all changes will appear regularly at https://materialize-wcms.m00n.link. πŸ˜‰πŸ‘
3. Among other things, I added classes for Summernote Editor Lite (https://github.com/pawell0/summernote-editor-lite), so that the edited content displays correctly after logging in. If you need CSS classes of this editor for your theme - let me know. And if you don't, don't. πŸ˜‰
4. A new version of the Summernote Editor Lite plug-in has also been released. AND IT WORKS at last.‼️ More - here: viewtopic.php?p=6652#p6652 πŸ‘

Happy Wonder-ing! πŸ˜€
It's just me, an unmeasurable particle of the cosmos ...
https://pawelkruzel.m00n.link
https://m00n.link
https://materialize-wcms.m00n.link

User avatar
c0mp0ser
Posts: 67
Joined: Mon Jan 02, 2017 11:59 am

Re: Materialize Dark theme

Post by c0mp0ser »

Hi everybody!

Materialize Dark theme has a new version - 1.0.7
Changes:

1. Added og:image meta tag in SEO section of the theme.php file. Common open graph image file (open-graph-logo.jpg) now can be loaded to the website files and will be automaticly displayed by Facebook or Twitter posts. More about the images on Facebook: https://dustinstout.com/facebook-image-sizes/
2. More changes in the meta SEO: og:url now will be properly parsed by Facebook and Twitter. See topic viewtopic.php?t=3382

Any questions, suggestions and comments are welcome. πŸ‘πŸ˜‰
It's just me, an unmeasurable particle of the cosmos ...
https://pawelkruzel.m00n.link
https://m00n.link
https://materialize-wcms.m00n.link

Post Reply