Simple Machines Community Forum

Customizing SMF => Graphics and Templates => Theme Site Themes => Topic started by: TwitchisMental on October 23, 2021, 05:34:27 PM

Title: Aurora
Post by: TwitchisMental on October 23, 2021, 05:34:27 PM
Link to the theme (https://custom.simplemachines.org/index.php?theme=2981)

Aurora SMF Theme
A colorful, modern, and responsive SMF theme.

Features :
Responsive Design
Flat Style
Updated board index
Updated post area
Font Awesome icons
Colorful dark theme

License :
(https://img.shields.io/badge/license-MIT-blue)
Font Awesome License - https://fontawesome.com/license/free

SMF Version :
(https://img.shields.io/badge/SMF-2.1-blue)

Screenshots :

Board Index Desktop : 

(https://i.imgur.com/Lg0cLn2.png)

Board Index Tablet :

(https://i.imgur.com/i5e9EiY.png)

Board Index Phone :

(https://i.imgur.com/xGLPJDU.png)

Shoutouts :
Shoutout to Antechinus for the post area trick. https://www.simplemachines.org/community/index.php?topic=578882.0

Shoutout to Mick. for the font-awesome trick.  https://www.simplemachines.org/community/index.php?topic=579226.0

Thank you to everyone who offered their input here - https://www.simplemachines.org/community/index.php?topic=579339.0

Thank you to mickjav for the theme name idea.


Release Notes :

1.0 : Original Release

1.1 :
*Fixed theme preview
*Fixed the icon display issue in the profile settings text.
*Fixed last post not showing up correctly on smaller resolutions.
*Fixed the editor colors being to hard to read.
*Fixed the events calendar not showing properly.

Title: Re: Aurora
Post by: Mick. on October 23, 2021, 05:54:34 PM
Sweet theme! Two thumbs up
Title: Re: Aurora
Post by: TwitchisMental on November 06, 2021, 04:26:30 PM
New Version 1.1

*Fixed theme preview
*Fixed the icon display issue in the profile settings text.
*Fixed last post not showing up correctly on smaller resolutions.
Title: Re: Aurora
Post by: mickjav on January 03, 2022, 12:57:19 PM
Very Nice Job Just installed on my Support Site Looks smooth  ;D
Title: Re: Aurora
Post by: TwitchisMental on January 03, 2022, 12:58:30 PM
Quote from: Mick. on October 23, 2021, 05:54:34 PMSweet theme! Two thumbs up

Quote from: mickjav on January 03, 2022, 12:57:19 PMVery Nice Job Just installed on my Support Site Looks smooth  ;D

Thank you both for the compliments.
Title: Re: Aurora
Post by: mickjav on January 10, 2022, 05:03:02 PM
Found A Couple Of errors

The Right of the calendar gets cut off
2022-01-08 (6).png

Would It be possible to make the entry box a little lighter or make the text white as it's difficult to see the text
2022-01-10 (5).png

All the best mick
Title: Re: Aurora
Post by: Diego Andrés on January 10, 2022, 05:05:11 PM
Quote from: mickjav on January 10, 2022, 05:03:02 PMWould It be possible to make the entry box a little lighter as it's difficult to see the text

I think the text should be lighter instead since it's a dark theme  ;D
Title: Re: Aurora
Post by: TwitchisMental on January 10, 2022, 11:29:59 PM
Quote from: mickjav on January 10, 2022, 05:03:02 PMFound A Couple Of errors

The Right of the calendar gets cut off
2022-01-08 (6).png

Would It be possible to make the entry box a little lighter or make the text white as it's difficult to see the text
2022-01-10 (5).png

All the best mick
Calendar issue : I will look into this. Haven't really messed with the calendar events much lol.

The entry box though, I could have sworn I had this as white already. I will fix this soon.

Thank you for reporting these issues.
Title: Re: Aurora
Post by: TwitchisMental on January 10, 2022, 11:48:01 PM
Okay I have a fix for both.

To solve the Calendar issue add this to the bottom of the custom.css

/*Calendar Stuff */
.ui-widget {
    font-family: "Oswald", sans-serif;
    font-size: 1em;
}

To resolve the Editor issue go to line 1907 of the custom.css.

Find -

.sceditor-container textarea {
    line-height: normal;
    border: 0;
    outline: none;
    font-size: 14px;
    color: rgb(17, 17, 17);
    box-sizing: border-box;
    padding: 0 5px;
    margin: 0px;
    resize: none;
    background: rgba(0,0,0,.2);
    display: flex;
    flex-basis: 175px;
    flex-grow: 1;
    min-width: 100%;
    max-width: 100%;
    height: 175px;
    min-height: 1px;
    max-height: 100%;
}

Replace With -

.sceditor-container textarea {
    line-height: normal;
    border: 0;
    outline: none;
    font-size: 14px;
    color: rgb(252, 252, 252);
    box-sizing: border-box;
    padding: 0 5px;
    margin: 0px;
    resize: none;
    background: rgba(0,0,0,.2);
    display: flex;
    flex-basis: 175px;
    flex-grow: 1;
    min-width: 100%;
    max-width: 100%;
    height: 175px;
    min-height: 1px;
    max-height: 100%;
}

Thank you for reporting these issues. I will upload the updated package soon.
Title: Re: Aurora
Post by: mickjav on January 11, 2022, 02:27:34 AM
Thanks Sorted Also noticed the colour Problem with the quick reply editor did look see if I could find it but Wasn't able too.
Title: Re: Aurora
Post by: mickjav on January 11, 2022, 02:32:53 AM
Scrub That Forgot It needed to update seem OK Now Thanks
Title: Re: Aurora
Post by: TwitchisMental on January 11, 2022, 12:58:40 PM
Fixed version has been uploaded. Thanks again mick for reporting these issues.