Simple Machines Community Forum

Link to the theme (https://custom.simplemachines.org/index.php?theme=2981)



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.
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.
1.2.3
Updated for SMF 2.1.4 and the Attachment UI changes.
Adjustment: Adjusted the background colors for various moderation specific styles.
Adjustment: Adjusted some text colors and background colors in the ACP to follow with the rest of the theme.
Adjustment: Adjusted several border colors to match the rest of the theme.

Sweet theme! Two thumbs up

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.


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

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.

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

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

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.

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.

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.

Scrub That Forgot It needed to update seem OK Now Thanks

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

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.

Hi Noticed A Few more Items

You cannot view this attachment.

You cannot view this attachment. 

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

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

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

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

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;

Got Last sorted thanks Just one more Thing lol

Would it be possible to remove this image

You cannot view this attachment.

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

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

Quote from: mickjav on February 19, 2022, 06:02:22 PMThanks Also removed this

Code Select Expand

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

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.

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.

Cool i'll just replace that file

Thanks

Nice colours

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.

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.

New Version Released:

1.2.3
Updated for SMF 2.1.4 and the Attachment UI changes.
Adjustment: Adjusted the background colors for various moderation specific styles.
Adjustment: Adjusted some text colors and background colors in the ACP to follow with the rest of the theme.
Adjustment: Adjusted several border colors to match the rest of the theme.


This is not a problem with the theme, But thought I would ask your advice.

@Diego Andrés did the hard bits, lol.

I haven't asked Diego, as he did a fantastic job, and it's only this theme that has the problem.

link to page using my default theme: https://www.databasedreams.co.uk/charts/gallery/?cat=35

The problem I'm having is with my aurora theme The update uses the following CSS which I am no good at.

As you can see in the image, some of the text is not centred.
.gallery_subcat {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}
.gallery_subcat .item {
    display: flex;
    flex-direction: column;
    text-align: center;
}
.gallery_subcat .item span {
    padding: 0 !important;
    width: 100% !important;
    flex-basis: 0;
}
All the best mick

in custom.css

Find :

.lastpost {
    width: 30%;
    font-size: 1em;
    padding-right: 6px;
    padding-top: 0px;
    text-align: right;
    margin: 0px
}
Remove:

text-align: right;

That or you could give that section its own unique class for the gallery. like .gallery_lastpost

Quote from: TwitchisMental on October 20, 2023, 10:45:05 PMRemove the text-align: right;

Thanks Done That, worked a treat

You're welcome.

Quote from: 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

You cannot view this attachment.

Open custom.css in your favorite editor

Find and remove this -

Code Select Expand

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

Allow me, if we want to replace the image, with one of mine, related to my forum topic, what should I do? and where?

You could in theory change it to a font awesome icon that matches your theme.

If you wanna remove the icon in general and just use your own image. The logo url setting should be what you need.