News:

Wondering if this will always be free?  See why free is better.

Main Menu

Aurora

Started by TwitchisMental, October 23, 2021, 05:34:27 PM

Previous topic - Next topic

TwitchisMental

Link to the theme

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 :

Font Awesome License - https://fontawesome.com/license/free

SMF Version :


Screenshots :

Board Index Desktop : 



Board Index Tablet :



Board Index Phone :



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.



Mick.

Sweet theme! Two thumbs up

TwitchisMental

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.

mickjav

Very Nice Job Just installed on my Support Site Looks smooth  ;D

Home of Chart Tracker Elite, Apollo & DJ 2020, Coming soon The Librarian.

TwitchisMental

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.

mickjav

Found A Couple Of errors

The Right of the calendar gets cut off
You cannot view this attachment.

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
You cannot view this attachment.

All the best mick

Home of Chart Tracker Elite, Apollo & DJ 2020, Coming soon The Librarian.

Diego Andrés

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

SMF Tricks - Free & Premium Responsive Themes for SMF.

TwitchisMental

Quote from: mickjav on January 10, 2022, 05:03:02 PMFound A Couple Of errors

The Right of the calendar gets cut off
You cannot view this attachment.

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
You cannot view this attachment.

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.

TwitchisMental

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.

mickjav

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.

Home of Chart Tracker Elite, Apollo & DJ 2020, Coming soon The Librarian.

mickjav

Scrub That Forgot It needed to update seem OK Now Thanks

Home of Chart Tracker Elite, Apollo & DJ 2020, Coming soon The Librarian.

TwitchisMental

Fixed version has been uploaded. Thanks again mick for reporting these issues.

TwitchisMental

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.

You cannot view this attachment.

mickjav

Hi Noticed A Few more Items

You cannot view this attachment.

You cannot view this attachment. 


Home of Chart Tracker Elite, Apollo & DJ 2020, Coming soon The Librarian.

TwitchisMental

#14
Quote from: mickjav on February 11, 2022, 10:59:08 AMHi Noticed A Few more Items

You cannot view this attachment.

You cannot view this attachment. 

I would suggest updating to the latest version of SMF and the Aurora theme to see if you still have those issues first :).

mickjav

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  :(

Home of Chart Tracker Elite, Apollo & DJ 2020, Coming soon The Librarian.

TwitchisMental

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. :).

mickjav

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

Home of Chart Tracker Elite, Apollo & DJ 2020, Coming soon The Librarian.

TwitchisMental

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;

mickjav

Got Last sorted thanks Just one more Thing lol

Would it be possible to remove this image

You cannot view this attachment.


Home of Chart Tracker Elite, Apollo & DJ 2020, Coming soon The Librarian.

TwitchisMental

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

You cannot view this attachment.
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';
}

mickjav

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';
}

Home of Chart Tracker Elite, Apollo & DJ 2020, Coming soon The Librarian.

TwitchisMental

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 :).

TwitchisMental

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.

Advertisement: