Simple Machines Community Forum

Customizing SMF => Graphics and Templates => Theme Previews => Topic started by: TwitchisMental on October 16, 2021, 05:09:24 PM

Title: Project - No Name
Post by: TwitchisMental on October 16, 2021, 05:09:24 PM
So over the past few weeks I have been messing around with this project. It started off simple enough with me just tinkering around and trying different tips/tricks. I was then looking at dribbble for inspiration and well now I have a full on theme going on.

I am not 100% happy with it and not sure if I want to complete it. Feedback will probably help with that decision.

Shout out to Antechinus for the post area trick and Mick. for the font awesome icon by the forum title trick. Both tricks can be found in the tips and tricks section - https://www.simplemachines.org/community/index.php?board=72.0

Screenshots -

Board Index - nomessageboardindexx.png

Board Index Mobile - nonameboardindexmobile.png


Message Index - nonamemessageindex.png

Message Index Mobile - nonamemessageindexmobile.png

Post - nonamepost.png

Post Mobile - nonamepostmobile.png
Title: Re: Project - No Name
Post by: Mick. on October 16, 2021, 05:40:02 PM
Dude I dig the color palette and the user/avatar area on mobile in display template. Very nice. It sure looks like a variation nonetheless. Break out of it, and play with the header and main menu. It will change the looks of it dramatically. Even the footer as well but not necessary. Overall, I like it. It's nice. Don't quit.
Title: Re: Project - No Name
Post by: TwitchisMental on October 16, 2021, 06:11:02 PM
Quote from: Mick. on October 16, 2021, 05:40:02 PMDude I dig the color palette and the user/avatar area on mobile in display template. Very nice. It sure looks like a variation nonetheless. Break out of it, and play with the header and main menu. It will change the looks of it dramatically. Even the footer as well but not necessary. Overall, I like it. It's nice. Don't quit.
Thank you for the feedback.
Title: Re: Project - No Name
Post by: TwitchisMental on October 17, 2021, 05:34:39 PM
Well I am starting to figure this Font Awesome stuff out XD. I changed the Top Menu,Main Menu, and Board Stats icons to use some Font Awesome icons.
It is not the biggest change, but it looks much better.


fa.png
Title: Re: Project - No Name
Post by: TwitchisMental on October 18, 2021, 02:38:47 PM
Another small tweak - I moved the header and footer around.

Firefox_Screenshot_2021-10-18T18-37-01.949Z.png
Title: Re: Project - No Name
Post by: Diego Andrés on October 18, 2021, 02:41:11 PM
Less borders or less noticeable :D
And less opacity in some shadows or send them away  :P
Title: Re: Project - No Name
Post by: shadav on October 18, 2021, 02:53:39 PM
it's looking really nice
colorful yet still a dark theme

moving the footer and making it match the width of the content/wrapper helps flow better, might help to do the same with the header, instead of having it at 100% width
Title: Re: Project - No Name
Post by: TwitchisMental on October 18, 2021, 03:10:59 PM
Quote from: Diego Andrés on October 18, 2021, 02:41:11 PMLess borders or less noticeable :D
And less opacity in some shadows or send them away  :P
Thank you for your feedback. The borders are way less noticeable than when I first started trust me XD. Maybe I could knock them back another notch.. maybe lol.

Which shadows specifically? I thought they were pretty subtle to be honest.(Minus the wrapper and top section box-shadows)

Quote from: shadav on October 18, 2021, 02:53:39 PMit's looking really nice
colorful yet still a dark theme

moving the footer and making it match the width of the content/wrapper helps flow better, might help to do the same with the header, instead of having it at 100% width
Thank you for your feedback. Quick test of that -

V1 -

Firefox_Screenshot_2021-10-18T19-16-14.230Z.png

V2 (some margin on the sides) -

Firefox_Screenshot_2021-10-18T19-25-51.368Z.png
Title: Re: Project - No Name
Post by: Diego Andrés on October 18, 2021, 03:45:01 PM
Mainly text-shadows, e.g. category description.
For me it grabs more attention than the name of the category
Title: Re: Project - No Name
Post by: TwitchisMental on October 18, 2021, 04:01:31 PM
Quote from: Diego Andrés on October 18, 2021, 03:45:01 PMMainly text-shadows, e.g. category description.
For me it grabs more attention than the name of the category
Fair enough.

I have taken your advice and made a few adjustments. Thoughts ? -

Firefox_Screenshot_2021-10-18T20-00-20.831Z.png
Title: Re: Project - No Name
Post by: Diego Andrés on October 18, 2021, 04:13:38 PM
Very nice, looks better imo
Title: Re: Project - No Name
Post by: mickjav on October 18, 2021, 04:21:18 PM
I like the background, Might use it as an alterative for my support forum nice work.
Title: Re: Project - No Name
Post by: TwitchisMental on October 18, 2021, 04:24:15 PM
Quote from: Diego Andrés on October 18, 2021, 04:13:38 PMVery nice, looks better imo
Awesome, glad to hear it. Thank you for your feedback. 

I guess it is time that I start thinking about a name for it :). I want to complete this for sure now.
Quote from: mickjav on October 18, 2021, 04:21:18 PMI like the background, Might use it as an alterative for my support forum nice work.
Thank you for your feedback :).
Title: Re: Project - No Name
Post by: mickjav on October 18, 2021, 04:29:37 PM
Reminds me a bit of the Aurora Borealis  ;D  8)
Title: Re: Project - No Name
Post by: Mick. on October 18, 2021, 04:34:01 PM
I'm not a fan of text shadows but I use it on envy and feather themes for the jumbotron in case the admin apply white background images. Easier to read.
Title: Re: Project - No Name
Post by: TwitchisMental on October 18, 2021, 06:09:48 PM
Quote from: mickjav on October 18, 2021, 04:29:37 PMReminds me a bit of the Aurora Borealis  ;D  8)
Possible name for the theme hmmmm?

Made logo to test it -

Firefox_Screenshot_2021-10-18T22-09-05.013Z.png
Title: Re: Project - No Name
Post by: TwitchisMental on October 20, 2021, 12:03:36 PM
Got a few more minor things to do, but just about done hopefully XD.

Board Index Desktop -

auroraboardindex.png

Board Index iPad -

auroraboardindexipad.png 

Board Index Mobile -

auroraboardindexiphone.png

Message Index Desktop -

auroramessageindex.png 

Message Index iPad -

auroramessageindexipad.png 

Message Index iPhone -

auroramessageindexiphone.png 

Post Desktop :

aurorapost.png

Post Ipad :

aurorapostipad.png

Post iPhone :

aurorapostiphone.png
Title: Re: Project - No Name
Post by: TwitchisMental on October 20, 2021, 01:32:35 PM
Updated the editors colors -

aurora editor.png