Theme G4-Midnight

Post

Posted
Rating:
Item has a rating of 5 Item has a rating of 5 Item has a rating of 5 Item has a rating of 5 Item has a rating of 5 (Liked by Chris GrahamLiked by Rajesh Kumar)
#2242 (In Topic #465)
I have been doing a lot of work on the theme on my site, there is still a bit of work to go yet, but once I have finished I will be uploading it to the themes area here. I am hoping to have it finished in about a week.

In the meantime I am looking for feedback and any suggestions on making it better. Website link in signature.

Last edit: by Paul Flavel

Post

Posted
Rating:
#2244
Excited!

I look forward for your theme getting uploaded and shared with the community.  

I visited the site and I liked the way the theme is designed. The colour scheme used is reader friendly.

My suggestion is to design a new theme header image.  Having a logo in the header image will be good for branding.

Feel free to quote me in this discussion, if you require any assistance in uploading the theme here.

Post

Posted
Rating:
#2251
Absolutely agree with the header logo. I am currently working on a new page background, so it's not so plain and a logo which best reflects what we are about.

Thankyou very much for the feedback.

Post

Posted
Rating:
Item has a rating of 5 Item has a rating of 5 Item has a rating of 5 Item has a rating of 5 Item has a rating of 5 (Liked by Chris Graham)
#2385
I have learnt a lot about composr and how the themes are SUPPOSED to be modified. I have made a lot of errors in the making of my sites theme, while it appears fine and functional, the changes I have made are not user friendly and not global. This is something that I learnt after making a LOT of changes.

With that being said I will be making another theme, very similar to the one I use and making it available. This time I will be using the correct image calls and commented theme and css files. I will also make it known that I only do fixed width themes (Generally around 1250px), that way I can be sure it will all look and work as intended. And I don't do black themes, maybe a dark navy blue though.

Once I have a couple of themes in the downloads area, there are a couple of blocks, and if I learn some more maybe a couple of addons I would like to make and contribute.

Anyway, thanks for your patience.

Post

Posted
Rating:
#2402
Really nice theme Paul, I would use it for sure. Not sure exactly what you learnt on your journey but if it is Tutorial worthy I would be interested to learn what you know :)

Post

Posted
Rating:
Item has a rating of 5 Item has a rating of 5 Item has a rating of 5 Item has a rating of 5 Item has a rating of 5 (Liked by Adam Edington)
#2403

KingBast said

Really nice theme Paul, I would use it for sure. Not sure exactly what you learnt on your journey but if it is Tutorial worthy I would be interested to learn what you know :)

It's all in the tutorials. But the biggest thing for me was the editing of the $THEME_WIZARD_COLOR at the start of the global css, instead of individual css edits. Deal the with $THEME_WIZARD_COLOR first, then fine tune with other edits. I am happy to give you the theme I am using on my site as is, do note that you will need to do a lot of tweaking.

In the meantime the link below is a theme I am working on to share with the community, hopefully doing it right this time. I went for a darkish theme first, so there was a least one available for download.

https://www.g4manic.com/pg/start?keep_theme=G4-Midnight

Post

Posted
Rating:
Item has a rating of 5 Item has a rating of 5 Item has a rating of 5 Item has a rating of 5 Item has a rating of 5 (Liked by Adam EdingtonLiked by Chris Graham)
#2404
So far, the theme as per link above has taken 30 mins to do. And nearly ready to release.
I will create a new post on how to have the news displayed as is on my site per footer link. That requires editing the theme file and a couple of css files. As it may not be the way people want their news displayed I didn't include it in the theme itself, but rather separate.

Post

Posted
Rating:
Item has a rating of 5 Item has a rating of 5 Item has a rating of 5 Item has a rating of 5 Item has a rating of 5 (Liked by Adam EdingtonLiked by Rajesh Kumar)
#2409
.0Ok. I will upload the theme here, and if one of the admins here is happy with the theme then please do feel free to add this to the downloads area. If anyone sees any issues with it please let me know and I will fix them and upload a new version.

I will call this one G4-Midnight
https://www.g4manic.com/pg/start?keep_theme=G4-Midnight

Made an incorrect call to a couple of images, fixed and new version attached. V1.03
Attachment

G4-Midnight-1-03.tar



And a couple of screenshots.

g4-midnight1.png g4-midnight2.png g4-midnight3.png g4-midnight4.png

Last edit: by Paul Flavel

Post

Posted
Rating:
#2410
If you do not want the image to show in your top level menu add the following to your menu_dropdown_css file:

Code

.menu_type__dropdown .toplevel_link img {
    display: none;
}


If you don't want to image to show on any level in your menu add the following in menu_dropdown_css file:

Code

.menu_type__dropdown img {
    display: none;
}

Post

Posted
Rating:
#2411
Two things I've noticed with the dark theme, the text on the login screen is still black and the timezone dropdown on profiles isn't showing text. It's nice though :)

Post

Posted
Rating:
#2412

KingBast said

Two things I've noticed with the dark theme, the text on the login screen is still black and the timezone dropdown on profiles isn't showing text. It's nice though :)

Cheers mate.
Should be fixed now. Also fixed some colours in the date dropdown.

Updated https://compo.sr/forum/topicview/findpost/2385.htm

Post

Posted
Rating:
#2414

Paul Flavel said

.0Ok. I will upload the theme here, and if one of the admins here is happy with the theme then please do feel free to add this to the downloads area. If anyone sees any issues with it please let me know and I will fix them and upload a new version.

I will call this one G4-Midnight
https://www.g4manic.com/pg/start?keep_theme=G4-Midnight

Made an incorrect call to a couple of images, fixed and new version attached. V1.02
Attachment

G4-Midnight-18042017-1104.tar



And a couple of screenshots.

g4-midnight1.png g4-midnight2.png g4-midnight3.png g4-midnight4.png


It's a great contribution, a BIG thanks to you, Paul Flavel!   :thumbs:

Let me download the TAR file, do a quick test and publish it on the Themes section.

Post

Posted
Rating:
#2415
Hi Paul,

I did a quick testing using the theme. Overall the theme is stable and nice.

I installed the theme over a fresh Composr install. I observe alignment issue among panels in the welcome block after login.

I am attaching the screenshots on before and after login.

BeforeLogin.png G4-Midnight-1-03.tar

Post

Posted
Rating:
#2416
Very strange. I am unable to replicate this.
https://www.g4manic.com/pg/start?keep_theme=G4-Midnight
I will continue to look into it.

Post

Posted
Rating:
#2417
Try a few different browsers and fiddling with the text size setting in the browser. Maybe could be a font size issue too, if system doesn't have the font it may choose one with another size, with different em sizing.

Post

Posted
Rating:
#2418

Chris Graham said

Try a few different browsers and fiddling with the text size setting in the browser. Maybe could be a font size issue too, if system doesn't have the font it may choose one with another size, with different em sizing.

Viewed in FF and Chrome, adjusted font size and still unable to replicate the alignment issue.

Post

Posted
Rating:
#2419
Ok I'll see if I can reproduce.

Post

Posted
Rating:
#2420

Chris Graham said

Ok I'll see if I can reproduce.

Cheers Chris, just so I can do the same mistake in the next theme, if there is an error.
Hoping to have another theme out in a couple of days.

Post

Posted
Rating:
#2421
I couldn't reproduce in the time I took, but I think I found the cause and could have with a bit more work.

Panels have 15em width (default is 13em):
134 views (42 KB)
Margins around the middle are 13.5 em:
128 views (39 KB)
So the middle section is overlapping with the panels, and something about Rajesh's test content means that the allocated space is being required, jutting off the panel to find the space above the middle area.

The padding you have makes it visually look okay on your site (and mine), but presumably because the content on your site isn't needing the space as 'hard' it isn't doing that jutting.

I'm sure there's a better explanation than I gave, but basically that's the cause, overlapping.

You can also see it using Google Chrome's inspect tool on the middle area, you can see it visually overlapping because Chrome will highlight the space.

Try increase margin-left/right to 15.5em and reducing the padding-left/right to 1.5em to compensate.

Post

Posted
Rating:
#2422
Thankyou Chris.
I have fixed the widths and uploaded a new version.
https://compo.sr/forum/topicview/findpost/2390.htm

Appreciate you looking into this. I will be installing a local server on my computer so I can see how the themes look with a default install, and hopefully avoid these issues in the new themes.
7 guests and 0 members have recently viewed this.