Halloween

[TwitchisMental]

Link to the theme


Halloween Theme
A responsive black and orange halloween theme for SMF 2.1.

Important Note:
You will need to enable sGRB color profile in Chrome for certain oranges to show properly.
You can do this by typing chrome://flags/#force-color-profile into the address bar.
Choose sRGB for the Force color profile option.

Credits :
Shout out to Antechinus for the Alternative Admin CP Layout that is used in this theme.
Tutorial found here - https://www.simplemachines.org/community/index.php?topic=582354.

License:



SMF Version:


Patch Notes:

Code Select Expand

1.0 : Initial Release

Code Select Expand

1.0.1 :
Update: Updated for SMF 2.1.3
Bug Fix : Fixed a bug with the collapse not displaying properly for attachments.
Adjustment: Adjusted the breadcrumb so the arrows are even size.
Adjustment: Adjusted a few colors in the Admin CP.

[Steve]

Woot! Using this right now. Have found no issues. 

[Steve]

Found a minor issue. When looking at a topic and you select 'Move', the category titles are unreadable in the dropdown box. It's a real minor issue as the board names can be easily read.

[TwitchisMental]

Found a minor issue. When looking at a topic and you select 'Move', the category titles are unreadable in the dropdown box. It's a real minor issue as the board names can be easily read.

Hummm I see... I see....

Will fix this in a bit.

[Steve]

I wouldn't worry too much about it. But if you're willing to fix it ...

Or just post the needed change here. 

[TwitchisMental]

I wouldn't worry too much about it. But if you're willing to fix it ...

Or just post the needed change here. 

Try this for me -

Open index.css

Find

Code Select Expand

input, button, select, textarea {
 color: var(--white);
 font: 83.33%/150%  "Liberation Sans", Arial, sans-serif;
 background: var(--main_bg);
 outline: none;
 border: 1px solid var(--border_color_2);
 vertical-align: middle;
 border-radius: 3px;
 box-shadow: 1px 2px 1px rgba(160, 187, 221, 0.2) inset;
 padding: 0.3em 0.4em;
}
Replace with

Code Select Expand

input, button, select, textarea, optgroup {
 color: var(--white);
 font: 83.33%/150%  "Liberation Sans", Arial, sans-serif;
 background: var(--main_bg);
 outline: none;
 border: 1px solid var(--border_color_2);
 vertical-align: middle;
 border-radius: 3px;
 box-shadow: 1px 2px 1px rgba(160, 187, 221, 0.2) inset;
 padding: 0.3em 0.4em;
}


[Steve]

Works like a charm. 

Is adding: ,optgroup the only change (I don't see anything else different.).?

[TwitchisMental]

Works like a charm. 

Is adding: ,optgroup the only change (I don't see anything else different.).?

Yep

Fixed version is uploaded aswell.

[Steve]

Thanks my friend. 

[TwitchisMental]

Thanks my friend. 

No problem.

Thank you for reporting your findings.

[-Rock Lee-]

It's great that we started that part of the year   everyone is looking for something similar, the year has passed quickly, finally I'll go up another level. I went way out of my way to say great job!


Regards!

[TwitchisMental]

It's great that we started that part of the year   everyone is looking for something similar, the year has passed quickly, finally I'll go up another level. I went way out of my way to say great job!


Regards!

Thank you.

[TwitchisMental]

@Steve Hey buuuuuuudddy... wanna try the new version I uploaded? It should resolve that problem you reported earlier but via CSS this time lol.

[Steve]

If the ,optgroup is the only css change you made, I did it manually and it works like a charm.

If you've made other changes, of course I'll do that for you.

[TwitchisMental]

If the ,optgroup is the only css change you made, I did it manually and it works like a charm.

If you've made other changes, of course I'll do that for you.

No this is the issue with cat title and description not aligning properly due to you having those icons in the description.

This should solve that issue via CSS only.  Just to much to type out to give manual instructions lol.

[Steve]

Okay, hang on a few and I'll check it.

[Steve]

Perfect Twitch! 

Edit: okay, maybe not perfect. If you look at this image there is no space between the icon and the = sign. On the original Halloween theme and all my other themes there is.

You cannot view this attachment.

[TwitchisMental]

Perfect Twitch! 

Edit: okay, maybe not perfect. If you look at this image there is no space between the icon and the = sign. On the original Halloween theme and all my other themes there is.

You cannot view this attachment.

Easy fix on that part.

Find

Code Select Expand

.desc > .bbc_img {
    object-fit: contain;
    height: 16px;
    width: 16px;
}
Replace with

Code Select Expand

.desc > .bbc_img {
    object-fit: contain;
    height: 16px;
    width: 16px;
    margin: 0px 4px;
}

[Steve]

Thank ya!

[TwitchisMental]

Thank ya!

Thank you for the continuous bug reporting .

New Version has been uploaded.

Now includes a ReadMe explaining two ways to resolve the Chrome Orange Display issue.

Now back to being only CSS changes .