News:

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

Main Menu

Halloween

Started by TwitchisMental, September 26, 2022, 08:53:24 AM

Previous topic - Next topic

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:
1.0 : Initial Release
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.

1.0.2
Updated for SMF 2.1.4 and the Attachment UI changes.
Bug Fix: Fixed a bug where when you minimize a category, the collapse/expand button would shift to the left.
Adjustment: Adjusted the background colors for various moderation specific styles.
Adjustment: Adjusted the background color of the noticebox and infobox.
Adjustment: Adjusted the hover background color in the calendar.

Steve

Woot! Using this right now. Have found no issues.  ;D
DO NOT pm me for support!

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.
DO NOT pm me for support!

TwitchisMental

Quote from: Steve on September 26, 2022, 11:16:12 AMFound 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.  ;D
DO NOT pm me for support!

TwitchisMental

Quote from: Steve on September 26, 2022, 03:01:08 PMI wouldn't worry too much about it. But if you're willing to fix it ...

Or just post the needed change here.  ;D
Try this for me -

Open index.css

Find
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

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.  ;D

Is adding: ,optgroup the only change (I don't see anything else different.).?
DO NOT pm me for support!

TwitchisMental

Quote from: Steve on September 26, 2022, 04:24:01 PMWorks like a charm.  ;D

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

Fixed version is uploaded aswell.

Steve

Thanks my friend.  ;D
DO NOT pm me for support!

TwitchisMental

Quote from: Steve on September 26, 2022, 06:59:14 PMThanks my friend.  ;D
No problem.

Thank you for reporting your findings.

-Rock Lee-

It's great that we started that part of the year :P  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! 8)


Regards!
¡Regresando como cual Fenix! ~ Bomber Code
Ayudas - Aportes - Tutoriales - Y mucho mas!!!

TwitchisMental

Quote from: -Rock Lee- on September 26, 2022, 08:06:04 PMIt's great that we started that part of the year :P  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! 8)


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. :)
DO NOT pm me for support!

TwitchisMental

Quote from: Steve on September 30, 2022, 05:41:49 AMIf 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.
DO NOT pm me for support!

Steve

#16
Perfect Twitch!  ;D

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.
DO NOT pm me for support!

TwitchisMental

Quote from: Steve on September 30, 2022, 05:03:38 PMPerfect Twitch!  ;D

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
.desc > .bbc_img {
    object-fit: contain;
    height: 16px;
    width: 16px;
}

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




Steve

DO NOT pm me for support!

TwitchisMental

Quote from: Steve on September 30, 2022, 05:26:38 PMThank 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 :).

Advertisement: