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)
(https://custom.simplemachines.org/index.php?action=download;theme=2981;attach=276119;image;thumb)

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.


1.2 :
Update: Updated to work with SMF 2.1.0
Updated Board Icons To Some Recolored Bootstrap Icons
Adjustment: Adjusted some colors in the admin area and certain borders.

1.2.1 :
Adjustment: Fixed multiple color issues.
Bug Fix : Fixed certain icons not displaying.

1.2.2 :
Update : Updated for SMF 2.1.3
Adjustment: Fixed more color issues with the Admin CP borders, Quote Box, Code Box, and the Editor.
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.
Title: Re: Aurora
Post by: TwitchisMental on February 11, 2022, 12:27:53 AM
Version 1.2
Update: Updated to work with SMF 2.1.0
Updated Board Icons
Adjustment: Adjusted some colors in the admin area and certain borders.

auroraboardindex.png
Title: Re: Aurora
Post by: mickjav on February 11, 2022, 10:59:08 AM
Hi Noticed A Few more Items

2022-02-11 (1).png

2022-02-11.png 

Title: Re: Aurora
Post by: TwitchisMental on February 11, 2022, 11:03:55 AM
Quote from: mickjav on February 11, 2022, 10:59:08 AMHi Noticed A Few more Items

2022-02-11 (1).png

2022-02-11.png 

I would suggest updating to the latest version of SMF and the Aurora theme to see if you still have those issues first :).
Title: Re: Aurora
Post by: mickjav on February 11, 2022, 11:08:22 AM
Sorry didn't know there was a new version I'll Get That.

Just sorting the data files I need before I upgrade from 2.1 RC4 TO 2.1.0  :(
Title: Re: Aurora
Post by: TwitchisMental on February 11, 2022, 11:09:41 AM
Quote from: mickjav on February 11, 2022, 11:08:22 AMSorry didn't know there was a new version I'll Get That.

Just sorting the data files I need before I upgrade from 2.1 RC4 TO 2.1.0  :(
No worries it was just updated yesterday.

Pretty sure your issues will be resolved with the newest version. If not, just report what you find here :-).

If you need help updating to 2.1.0 be sure to make a support topic in the SMF 2.1 support section. :).
Title: Re: Aurora
Post by: mickjav on February 16, 2022, 05:00:18 PM
Hi I've created a New Test board. I'm sure you helped me with the Width of the forum but can't find the CSS in my code library.

I need to change the width from what it is at the moment to 100%

thanks mick
Title: Re: Aurora
Post by: TwitchisMental on February 16, 2022, 05:28:58 PM
Quote from: mickjav on February 16, 2022, 05:00:18 PMHi I've created a New Test board. I'm sure you helped me with the Width of the forum but can't find the CSS in my code library.

I need to change the width from what it is at the moment to 100%

thanks mick
You would need to find #top_section(line 107 of custom.css) #header(line 95 of custom.css) and #top_section .inner_wrap, #wrapper, #header, #footer .inner_wrap (line 101 of custom.css).

change
max-width: 1200px;
to
max-width: none;
Title: Re: Aurora
Post by: mickjav on February 17, 2022, 05:42:44 PM
Got Last sorted thanks Just one more Thing lol

Would it be possible to remove this image

2022-02-17.png

Title: Re: Aurora
Post by: TwitchisMental on February 17, 2022, 07:57:29 PM
Quote from: mickjav on February 17, 2022, 05:42:44 PMGot Last sorted thanks Just one more Thing lol

Would it be possible to remove this image

2022-02-17.png
Open custom.css in your favorite editor

Find and remove this -
h1.forumtitle a::before {
    font-family: "Font Awesome\ 5 Free";
    color: rgb(187,146,145);
    font-weight: 700;
    display: inline;
    margin-right: 10px;
    content: '\f109';
}
Title: Re: Aurora
Post by: mickjav on February 19, 2022, 06:02:22 PM
Thanks Also removed this

h1.forumtitle a:hover::before {
    font-family: "Font Awesome\ 5 Free";
    color: rgba(207,194,237,0.5);
    font-weight: 700;
    display: inline;
    margin-right: 10px;
    content: '\f109';
}
Title: Re: Aurora
Post by: TwitchisMental on February 19, 2022, 06:04:32 PM
Quote from: mickjav on February 19, 2022, 06:02:22 PMThanks Also removed this

h1.forumtitle a:hover::before {
    font-family: "Font Awesome\ 5 Free";
    color: rgba(207,194,237,0.5);
    font-weight: 700;
    display: inline;
    margin-right: 10px;
    content: '\f109';
}
Yep that would be needed aswell. Good callout :).
Title: Re: Aurora
Post by: TwitchisMental on February 22, 2022, 02:52:24 PM
A new version has been uploaded.

Fixed a few things for guest view in the top bar.  Mainly the login button, a border issue, and some padding.
Title: Re: Aurora
Post by: TwitchisMental on August 07, 2022, 04:41:57 PM
Minor update released. Just some color fixes in the calendar section, admin section, and random borders. Also fixed issues with certain icons not displaying properly.

All changes are just in the custom.css .


1.2.1 :
Adjustment: Fixed multiple color issues.
Bug Fix : Fixed certain icons not displaying.
Title: Re: Aurora
Post by: mickjav on August 07, 2022, 04:45:36 PM
Cool i'll just replace that file

Thanks
Title: Re: Aurora
Post by: Neoni on August 07, 2022, 05:02:35 PM
Nice colours
Title: Re: Aurora
Post by: TwitchisMental on August 07, 2022, 06:11:25 PM
Quote from: mickjav on August 07, 2022, 04:45:36 PMCool i'll just replace that file

Thanks
Be sure to add the other css files like calendar.css aswell.
Title: Re: Aurora
Post by: TwitchisMental on December 01, 2022, 05:32:09 PM
New Version Uploaded -

1.2.2 :
Update : Updated for SMF 2.1.3
Adjustment: Fixed more color issues with the Admin CP borders, Quote Box, Code Box, and the Editor.