Peter Knight Posted September 27, 2017 Share Posted September 27, 2017 Playing around with the UIKit theme this morning and tweaking it. It's called UIKit Classic and it's a nod to the Classic theme. For me the Classic theme always sticks in my mind as being most definitively Processwire-ey because It was my fist intro to PW I thought the colours were quite unique and like the mix of blue, pink and green. They're very distinctive and I'd hate for PW to look like just another WP install. In a crowded CMS marketplace I think it's good to differentiate visually. The two screengrabs are just the same screen. A before and an after. I put this together using the Chrome the web inspect tool so there's no fancy mixins or LESS etc. Actually there's not even any CSS now that I've refreshed the page. I do think there needs to be a detailed comprehensive through tutorial for people wishing to make their own themes. Probably 85% here don't need it and understand the directory structure and how it's all compiled but equally I think there's another 15% here with the design skills but not the tech chops to get this done. If we want designers to design themes then we need the process with screengrabs, list of software (I have CodeKit, Dreamweaver, Sublime etc). Anywho - just my 2€ worth The before shot below... 10 Link to comment Share on other sites More sharing options...
abdus Posted September 27, 2017 Share Posted September 27, 2017 That looks great. Somewhere between Reno, Default and UIKit, I like it. On 9/27/2017 at 8:37 AM, Peter Knight said: Actually there's not even any CSS now that I've refreshed the page. Expand Well, that sucks. But it looks like a simple mod, so it wouldn't take much time to rewrite. 1 Link to comment Share on other sites More sharing options...
Peter Knight Posted September 27, 2017 Author Share Posted September 27, 2017 On 9/27/2017 at 8:43 AM, abdus said: That looks great. Somewhere between Reno, Default and UIKit, I like it. Well, that sucks. But it looks like a simple mod, so it wouldn't take much time to rewrite. Expand It took me about 20 - 30 minutes so I imagine someone with the right skills wouldn't have an issue. The Colours are mainly inspected from another window with the original Classic theme open. It's also just a preview. There's probably a ton of detail that would need to be considered. Modals, alerts, image thumbs etc etc etc. I had it easy doing a single screen. Link to comment Share on other sites More sharing options...
Mike Rockett Posted September 27, 2017 Share Posted September 27, 2017 Was thinking of doing something like this the other day, but couldn't find the time. I might still get into it soon - you never know. Nice to see it outside of my imagination. ;-) Link to comment Share on other sites More sharing options...
Peter Knight Posted September 27, 2017 Author Share Posted September 27, 2017 On 9/27/2017 at 2:05 PM, Mike Rockett said: Was thinking of doing something like this the other day, but couldn't find the time. I might still get into it soon - you never know. Nice to see it outside of my imagination. ;-) Expand Go for it. Looking forward to seeing more themes (and tutorials) Link to comment Share on other sites More sharing options...
adrian Posted September 27, 2017 Share Posted September 27, 2017 Looks like @ryan has just put together a "Reno" colored version of the UiKit theme: https://github.com/ryancramerdesign/AdminThemeUikit/commit/25b6ac173b868a47ab90430e1d30efd8701f7ca0 Although I must admit that I would also like the version that @Peter Knight has shown above. 3 Link to comment Share on other sites More sharing options...
Mike Rockett Posted September 27, 2017 Share Posted September 27, 2017 On 9/27/2017 at 5:06 PM, adrian said: Looks like @ryan has just put together a "Reno" colored version of the UiKit theme: Expand Looks awesome! Though, it appears that, when I use a custom logo, a CSS filter makes it white. (filter: brightness(0) invert(1);) (Edit: issue opened) Link to comment Share on other sites More sharing options...
Peter Knight Posted September 27, 2017 Author Share Posted September 27, 2017 On 9/27/2017 at 5:06 PM, adrian said: Looks like @ryan has just put together a "Reno" colored version of the UiKit theme: https://github.com/ryancramerdesign/AdminThemeUikit/commit/25b6ac173b868a47ab90430e1d30efd8701f7ca0 Although I must admit that I would also like the version that @Peter Knight has shown above. Expand If you or anyone else wants to make this happen, let me know. Possibly wait until I know Ryan's plans. I don't want to duplicate work or have several almost identical themes. ? I can supply raw css. Just need someone who knows Git, Less and has time to collaborate etc. 1 Link to comment Share on other sites More sharing options...
ottogal Posted September 28, 2017 Share Posted September 28, 2017 On 9/27/2017 at 8:37 AM, Peter Knight said: For me the Classic theme always sticks in my mind as being most definitively Processwire-ey because It was my fist intro to PW I thought the colours were quite unique and like the mix of blue, pink and green. They're very distinctive and I'd hate for PW to look like just another WP install. In a crowded CMS marketplace I think it's good to differentiate visually. Expand I fully agree. Link to comment Share on other sites More sharing options...
abdus Posted September 29, 2017 Share Posted September 29, 2017 I guess @ryan agrees with @Peter Knight's vision. After latest commits, here's how the new UIKit theme looks: 5 Link to comment Share on other sites More sharing options...
Peter Knight Posted September 29, 2017 Author Share Posted September 29, 2017 @abdus That Might be a hybrid theme or a version of the RenoTheme. Either way - love his implementation. I was trying to figure out those little arrows on the drop down menus. Looks like Ryan has it in hand etc. Link to comment Share on other sites More sharing options...
MrSnoozles Posted September 29, 2017 Share Posted September 29, 2017 @Peter Knight I absolutely love the modifications you did. Looks super clean and unique. Thank you for that demo 1 Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now