[nodebb-theme-designer] Customize your NodeBB theme on-the-fly
-
Just pushed 0.0.2 and updated screenshot in OP. Lots of bug fixing and more user friendly. Right click an element multiple times to cycle through parents/children, this should make life easier if you're trying to edit a specific element. Added a button to show all modified CSS so you can just edit anything you want on the page if you know what you're doing.
I was thinking of adding some WYSIWYG to this (ex. drag and drop, colour pickers, etc.) but this may be going too far I dunno. Lets see
@Scuzz what's your workflow when theming? Are you making a child theme based off vanilla or lavender, or are you directly modifying the base theme in itself?
-
@psychobunny Making a child theme from Vanilla. Followed that guide about creating a basic themes. Everything was working fine until the recent updates. Icons disappeared and the new ones didn't show. Some reply buttons didnt show.
The only thing I edited really was a variables.less file to change some of the colours, no templates or anything else.
I will probably try again with these updates so everything is nice and clean.
-
did you run
./nodebb upgrade?
-
@psychobunny yup, it wouldnt run without one.
-
could it be cache? if it was just the variables.less file, yeah you might be able to just get away with starting afresh and copying that file in
-
@psychobunny Nah, I have learnt my lesson with NodeBB and caching, ask @Mr_Waffle
I'll give it a go again soon.
-
Latest version implements some basic WYSIWYG, ability to drag and drop stuff around. I'll have to figure out how to add the ability to customize css for each viewport breakpoint and then we'll really be rocking.
-
haha yeah, the more you right click on an element, the more general it becomes. Probably should implement something like breadcrumbs ala browser inspector to quickly select the element you're looking for
-
Not working on this until plugin weekend v4 at least (really don't have the time to). Until then this is open to requests etc. What would you like to see in this? I imagine more WYSIWYG kinda tools, colour pickers, etc. At least that's the direction I'm looking towards. Let me know
-
@psychobunny said:
Not working on this until plugin weekend v4 at least (really don't have the time to). Until then this is open to requests etc. What would you like to see in this? I imagine more WYSIWYG kinda tools, colour pickers, etc. At least that's the direction I'm looking towards. Let me know
I dunno if i'd go through all of that. Tumblr is about as easy as it gets when it comes to making changes on the fly to the html, css, and developers can add in color wheel options, images uploads etc if they want... but it's not necessary. Wordpress basically does the same thing. The css and html files are right there for you to play with so users unfamiliar with ftp or ssh are fine.
-
@kevin said:
@psychobunny said:
Not working on this until plugin weekend v4 at least (really don't have the time to). Until then this is open to requests etc. What would you like to see in this? I imagine more WYSIWYG kinda tools, colour pickers, etc. At least that's the direction I'm looking towards. Let me know
I dunno if i'd go through all of that. Tumblr is about as easy as it gets when it comes to making changes on the fly to the html, css, and developers can add in color wheel options, images uploads etc if they want... but it's not necessary. Wordpress basically does the same thing. The css and html files are right there for you to play with so users unfamiliar with ftp or ssh are fine.
I feel that Tumblr like theme editing would be a little bit too ambitious for this plugin though
@psychobunny will forever win the plugin weekends if he pulls it off though. -
@Mr_Waffle said:
I feel that Tumblr like theme editing would be a little bit too ambitious for this plugin though
@psychobunny will forever win the plugin weekends if he pulls it off though.lol really? I thought i was giving him an easier option! Working directly with style sheets and html is easy once you know what label goes with what.
-
@kevin said:
lol really? I thought i was giving him an easier option! Working directly with style sheets and html is easy once you know what label goes with what.
Actually opened up the theme editor again. I was recalling it from memory earlier. While it's pretty straightforward, I think it'd still be quite a challenge internally.
-
@kevin if the icon isn't showing up, you might have an older version of NodeBB - this plugin requires you to be on edge
As far as tumblr-like editing? I'll look into it, haven't used tumblr in a reaaally long while so I don't remember
-
@psychobunny, i'm running 0.3.1. Could be im on a mac? I dunno. Do you have a screenshot of the icon working?
