Simple Machines Community Forum

Customizing SMF => Graphics and Templates => Theme Site Themes => Topic started by: Shades. on February 16, 2022, 10:03:23 PM

Title: Alien Shades
Post by: Shades. on February 16, 2022, 10:03:23 PM
Link to the theme (https://custom.simplemachines.org/index.php?theme=2987)
(https://custom.simplemachines.org/index.php?action=download;theme=2987;attach=278268;image;thumb)

Description: A dark, black and green Alien-like theme.

Credits and shout outs to:


Thanks! 8)

Custom Top Menu:
If you want the Custom Top Menu that works with this theme, get it here (https://www.simplemachines.org/community/index.php?topic=578649.msg4096800#msg4096800).

Theme Demo (https://shadesweb.com/?theme=4)

(https://img.shields.io/badge/License-MIT-blue)
(https://img.shields.io/badge/SMF-2.1.2+-blue)
(https://img.shields.io/badge/Current%20Version-2.1.4b-green)

Changelog: (https://shadesweb.com/index.php?action=downloads;sa=view;id=4)

1. Version 2.1.4b : 07/18/2023
Cleaned up some codes & fixed responsive (no color changes)

1. Version 2.1.4 : 06/29/2023
Updated Theme for SMF 2.1.4 & minor color fixes

1. Version 2.1.3 : 11/27/2022
Updated Theme for SMF 2.1.3

Version 2.1.2c : 09/26/2022
1. Fixed background image links.

Version 2.1.2b : 05/16/2022
1. Fixed background image links

Version 2.1.2a : 05/13/2022
1. Added a folder (scripts) that was left out and causing errors

Version 2.1.2 : 05/12/2022
1. Updated for 2.1.2

Version 2.2 : 04/19/2022
1. Fixed code box/select issues in posts
04/09/2022 No Version Change (Current Version: Alien_Shades_21_2.zip)
1. Updated css for correct background link

03/20/2022 Version 2.1
This version does not have the admin sidebar.

1. Removed admin sidebar for responsive issues.

03/17/2022 Version 1.2b
1. Fixed a minor background image issue

03/09/2022 Version 1.2b
1. Fixed quickbuttons padding issue

03/06/2022 Version 1.2
1. Fixed colors for .windowbg.locked, .windowbg.sticky, .windowbg.sticky.locked

02/26/2022 Version 1.1
1. Fixed some css issues with cat_bar in index.css
2. Fixed some color issues in admin.css
1.0 : First Release for SMF 2.1.1
(https://shadesweb.com/downloads/1_16_05_22_3_15_41_0.png)
Title: Re: Alien Shades
Post by: Diego Andrés on February 16, 2022, 10:04:33 PM
The first of many??  :o
Title: Re: Alien Shades
Post by: TwitchisMental on February 16, 2022, 10:10:05 PM
Quote from: Shades. on February 16, 2022, 10:03:23 PMLink to the theme (https://custom.simplemachines.org/index.php?theme=2987)

home.png

A dark, black and green Alien-like theme.

I'd like to give credits to:

@Antechinus for The Custom Top Menu Bar (https://www.simplemachines.org/community/index.php?topic=578649.msg4096820#msg4096820) and for the Admin Side Menu Bar (https://www.simplemachines.org/community/index.php?topic=580417.msg4111375#msg4111375).

@TwitchisMental for Tips & Tricks in this thread (https://www.simplemachines.org/community/index.php?topic=580417.msg4108605#msg4108605).

@Mick for pointing me to @Antechinus thread to Disable Menu Icons (https://www.simplemachines.org/community/index.php?topic=578604.msg4096267#msg4096267).

@pulgoki & @Diego Andrés for the User Info Box trick. (https://www.simplemachines.org/community/index.php?topic=580500.0)

@shadav for helping rearrange the footer (https://www.simplemachines.org/community/index.php?topic=579061.msg4098665#msg4098665)

And everyone in this thread [Preview] Alien_Shades (https://www.simplemachines.org/community/index.php?topic=580417.0)

Thanks! 8)

1.0 : First Release for SMF 2.1.1
Glad to see this finally released :). Good job, told you it wasn't hard :p.
Title: Re: Alien Shades
Post by: Shades. on February 16, 2022, 10:37:17 PM
Quote from: TwitchisMental on February 16, 2022, 10:10:05 PMGlad to see this finally released :). Good job, told you it wasn't hard :p.
Thank you! I finally figured it out! ;D  8)
Title: Re: Alien Shades
Post by: Antechinus on February 16, 2022, 11:02:02 PM
Yeah, not hard at all. Piece of cake. Nothing to it. :D ;D :D
Good job. :)
Title: Re: Alien Shades
Post by: Shades. on February 16, 2022, 11:08:19 PM
Quote from: Antechinus on February 16, 2022, 11:02:02 PMYeah, not hard at all. Piece of cake. Nothing to it. :D ;D :D
Good job. :)
Thanks a million! Team effort!  ;)  8)
Title: Re: Alien Shades
Post by: Shades. on February 16, 2022, 11:31:26 PM
Quote from: Diego Andrés on February 16, 2022, 10:04:33 PMThe first of many??  :o
We shall see! :o But hopefully! ;)  8)
Title: Re: Alien Shades
Post by: pulgoki on February 19, 2022, 06:20:58 PM
What did you do about the 2.1 RC4 glitch?

Nice BTW.
Title: Re: Alien Shades
Post by: Shades. on February 19, 2022, 09:15:32 PM
Quote from: pulgoki on February 19, 2022, 06:20:58 PMWhat did you do about the 2.1 RC4 glitch?

Nice BTW.
I just started over with a new set of 2.1.1 theme files. ;)

Quote from: pulgoki on February 19, 2022, 06:20:58 PMNice BTW.
Thank you! 8)
Title: Re: Alien Shades
Post by: mickjav on February 26, 2022, 02:35:33 AM
To Be Honest When I first saw it I wasn't sure but yesterday decided to give it a go and was pleasantly surprised just how good it looks well done.


I only have one thing I would like to do and that is increase the width a bit more as the menus take up some space when I'm viewing things some of the text gets pushed to new lines.

https://www.databasedreams.co.uk/support/index.php?action=tasksmanager

Very nice job

mick
Title: Re: Alien Shades
Post by: Shades. on February 26, 2022, 04:55:31 AM
Quote from: mickjav on February 26, 2022, 02:35:33 AMTo Be Honest When I first saw it I wasn't sure but yesterday decided to give it a go and was pleasantly surprised just how good it looks well done.


I only have one thing I would like to do and that is increase the width a bit more as the menus take up some space when I'm viewing things some of the text gets pushed to new lines.

https://www.databasedreams.co.uk/support/index.php?action=tasksmanager

Very nice job

mick
Thank you! 8)

I use this mod here (https://custom.simplemachines.org/index.php?mod=4223) for forum width settings. ;)
Title: Re: Alien Shades
Post by: mickjav on February 26, 2022, 05:04:38 AM
Quote from: Shades. on February 26, 2022, 04:55:31 AM
Quote from: mickjav on February 26, 2022, 02:35:33 AMTo Be Honest When I first saw it I wasn't sure but yesterday decided to give it a go and was pleasantly surprised just how good it looks well done.


I only have one thing I would like to do and that is increase the width a bit more as the menus take up some space when I'm viewing things some of the text gets pushed to new lines.

https://www.databasedreams.co.uk/support/index.php?action=tasksmanager

Very nice job

mick
Thank you! 8)

I use this mod here (https://custom.simplemachines.org/index.php?mod=4223) for forum width settings. ;)

Worked A Treat Thanks
Title: Re: Alien Shades
Post by: mickjav on February 26, 2022, 08:33:31 AM
Hi I have notice one very small error please see the board descriptions and the line like like it's a strike out line

Title: Re: Alien Shades
Post by: Shades. on February 26, 2022, 08:44:55 AM
I noticed that earlier when viewing your site. I will see what I can do to fix it!

Thanks for the report! 8)
Title: Re: Alien Shades
Post by: Shades. on February 26, 2022, 11:04:31 AM
Theme updated to version 1.1

Changelog:

02/26/2022 Version 1.1
1. Fixed some css issues with cat_bar in index.css
2. Fixed some color issues in admin.css
Title: Re: Alien Shades
Post by: mickjav on February 26, 2022, 11:14:22 AM
Perfect Thanks  ;D
Title: Re: Alien Shades
Post by: Shades. on February 26, 2022, 11:19:19 AM
Quote from: mickjav on February 26, 2022, 11:14:22 AMPerfect Thanks  ;D
Your welcome and if you want to have links (up to 5) in the top bar above the search box you can download the mod here, (https://www.simplemachines.org/community/index.php?topic=578649.msg4096800#msg4096800) the css code is already pre-installed into the theme thanks to @Antechinus. ;)
Title: Re: Alien Shades
Post by: mickjav on February 26, 2022, 11:27:18 AM
Quote from: Shades. on February 26, 2022, 11:19:19 AM
Quote from: mickjav on February 26, 2022, 11:14:22 AMPerfect Thanks  ;D
Your welcome and if you want to have links (up to 5) in the top bar above the search box you can download the mod here, (https://www.simplemachines.org/community/index.php?topic=578649.msg4096800#msg4096800) the css code is already pre-installed into the theme thanks to @Antechinus. ;)

Thanks But I still Have A few mods I've planned to be built so Will need to see how much room I'm left with

My Mod Request, The Person Who Does most of my work is very busy otherwise I would ask him.
https://www.simplemachines.org/community/index.php?topic=581087.0
Title: Re: Alien Shades
Post by: mickjav on February 26, 2022, 03:03:05 PM
I have tried Repeating this on another Theme which seems OK

It Only started after A Added [Colour] Tages green

https://www.databasedreams.co.uk/support/index.php?topic=92.0

Once I move away from the record and comeback it's OK But even reloading/F5 don't change it.

It only seems to happen using the Modify Post then saving shows the image below.
Title: Re: Alien Shades
Post by: Shades. on February 26, 2022, 06:20:07 PM
Maybe someone else wiser than I can answer this cause I'm clueless about it!? ???
Title: Re: Alien Shades
Post by: TwitchisMental on February 26, 2022, 06:24:56 PM
Quote from: mickjav on February 26, 2022, 03:03:05 PMI have tried Repeating this on another Theme which seems OK

It Only started after A Added [Colour] Tages green

https://www.databasedreams.co.uk/support/index.php?topic=92.0

Once I move away from the record and comeback it's OK But even reloading/F5 don't change it.

It only seems to happen using the Modify Post then saving shows the image below.

Pretty sure what you are seeing is the

.windowbg:target

This is used to highlight posts.. Eg you click an alert about your post being liked. So your liked post will be highlighted with this class.

@Shades. 

Change
.windowbg:target {
  background: rgb(255, 255, 224);
}

to whatever background color that you see fit.
Title: Re: Alien Shades
Post by: Shades. on February 26, 2022, 11:14:41 PM
Quote from: TwitchisMental on February 26, 2022, 06:24:56 PM
Quote from: mickjav on February 26, 2022, 03:03:05 PMI have tried Repeating this on another Theme which seems OK

It Only started after A Added [Colour] Tages green

https://www.databasedreams.co.uk/support/index.php?topic=92.0

Once I move away from the record and comeback it's OK But even reloading/F5 don't change it.

It only seems to happen using the Modify Post then saving shows the image below.

Pretty sure what you are seeing is the

.windowbg:target

This is used to highlight posts.. Eg you click an alert about your post being liked. So your liked post will be highlighted with this class.

@Shades.

Change
.windowbg:target {
  background: rgb(255, 255, 224);
}

to whatever background color that you see fit.

Theme updated

Changed:
/* Highlight the target item */
.windowbg:target {
background: #ffffe0;
}

To:
/* Highlight the target item */
.windowbg:target {
background: #000;
}
Thanks @mickjav for the report and @TwitchisMental for the assist! ;)
Title: Re: Alien Shades
Post by: mickjav on February 27, 2022, 02:08:47 AM
Sorted Thanks @shades & @TwitchisMental
Title: Re: Alien Shades
Post by: TwitchisMental on February 27, 2022, 12:18:16 PM
Quote from: mickjav on February 27, 2022, 02:08:47 AMSorted Thanks @shades & @TwitchisMental
Always happy to help :).
Title: Re: Alien Shades
Post by: Shades. on March 01, 2022, 06:23:36 PM
Updated theme:

Did some more tweaking on cat_bar in index.css but nothing that noticable. ;)
Title: Re: Alien Shades
Post by: mickjav on March 06, 2022, 12:13:17 PM
Found Another minor Thing Lol
Title: Re: Alien Shades
Post by: Shades. on March 06, 2022, 12:40:49 PM
Quote from: mickjav on March 06, 2022, 12:13:17 PMFound Another minor Thing Lol

Thanks for the report! 8)

Theme Updated:
03/06/2022 Version 1.2
1. Fixed colors for .windowbg.locked, .windowbg.sticky, .windowbg.sticky.locked
Title: Re: Alien Shades
Post by: FrizzleFried on March 09, 2022, 09:49:58 AM
Hi!

Is this normal?  Seems that something is flushing the buttons only inside the editor itself to the right... both text and the button itself?

ScreenHunter 296.jpg

I notice the hairline across the top also runs to the border...which doesn't match the left side... not sure if intentional or not... figured I better point it out.

ScreenHunter 294.jpg

Thanks!

Title: Re: Alien Shades
Post by: Shades. on March 09, 2022, 03:49:11 PM
Quote from: FrizzleFried on March 09, 2022, 09:49:58 AMIs this normal?  Seems that something is flushing the buttons only inside the editor itself to the right... both text and the button itself?
I can't reproduce this but I did fix the padding issue and moved the buttons further away from the right border. See if that helps!


Theme Updated:
03/09/2022 Version 1.2a
1. Fixed quickbuttons padding issue
Title: Re: Alien Shades
Post by: Shades. on March 17, 2022, 02:53:26 AM
Theme Updated:

03/17/2022 Version 1.2b
1. Fixed a minor background image issue

Thanks to @TwitchisMental 8)
Title: Re: Alien Shades
Post by: Shades. on March 20, 2022, 01:57:44 PM
Updated Theme:

03/20/2022 Version 2.1
This version does not have the admin sidebar.

1. Removed admin sidebar for responsive issues.
Title: Re: Alien Shades
Post by: Antechinus on March 20, 2022, 05:32:01 PM
What "responsive issues" were there?
Title: Re: Alien Shades
Post by: Shades. on March 20, 2022, 07:25:44 PM
Quote from: Antechinus on March 20, 2022, 05:32:01 PMWhat "responsive issues" were there?
Well I had another theme I was trying to submit but the customizer said:

QuotePlease test the responsive view, there are some issues with the menus in actions such as admin and profile.
When using the responsive menus, the submenus/dropmenus are always on the same fixed position and not really below their parent element.

So I removed the admin sidebar and it fixed the problem until I could get you to fix it for me!? :P  O:)
Title: Re: Alien Shades
Post by: Diego Andrés on March 20, 2022, 07:32:22 PM
I believe the first issue is caused by using a different media query than the original from responsive.css.
The other one, probably needs to overwrite either the positioning or add a position relative. I didn't really test it much.
Title: Re: Alien Shades
Post by: Antechinus on March 20, 2022, 08:38:18 PM
Don't know about issues in admin or profile. My profile seems fine on this site. Give me a screenshot and I'll take a look.

The "other one" was a deliberate aesthetic choice on my part. I happen to prefer that presentation. It's called "custom theming". :D

But yes, it is easy to change (TBH I think the default 2.1 mobile menu is pretty crappy).
Title: Re: Alien Shades
Post by: Shades. on March 20, 2022, 09:09:48 PM
I posted a thumbnail here (https://www.simplemachines.org/community/index.php?topic=580417.new#new) so we don't dirty up this thread. :P
Title: Re: Alien Shades
Post by: Steve on March 22, 2022, 02:17:13 PM
So which of the 3 packages available for download is the latest?
Title: Re: Alien Shades
Post by: Shades. on March 22, 2022, 02:32:48 PM
Quote from: Steve on March 22, 2022, 02:17:13 PMSo which of the 3 packages available for download is the latest?
Alien_Shades_21_2.zip
Title: Re: Alien Shades
Post by: Steve on March 22, 2022, 04:30:56 PM
Thankee.  :)

Edit: Woah dude! That's a thing of beauty. Well done!
Title: Re: Alien Shades
Post by: Shades. on March 22, 2022, 05:08:45 PM
Quote from: Steve on March 22, 2022, 04:30:56 PMThankee.  :)

Edit: Woah dude! That's a thing of beauty. Well done!
You're welcome and Thank you! 8)
Title: Re: Alien Shades
Post by: Shades. on April 10, 2022, 12:12:21 AM
Theme Update:

04/09/2022 No Version Change (Current Version: Alien_Shades_21_2.zip)
1. Updated css for correct background link
Title: Re: Alien Shades
Post by: Shades. on April 20, 2022, 10:50:34 AM
Theme Updated:

Version 2.2 : 04/19/2022
1. Fixed code box/select issues in posts
Title: Re: Alien Shades
Post by: mickjav on May 07, 2022, 05:46:04 PM
Noticed That the Code window does not allow for wide text, I thought it was a general thing but when I was checking the installed templates I noticed one of them added a bar so the screen wasn't oversized.

would it be possible to do same with this theme?

2022-05-07 (1).png

2022-05-07.png 

Title: Re: Alien Shades
Post by: Antechinus on May 07, 2022, 06:17:55 PM
Looks like a screw up with flex or grid CSS.
Title: Re: Alien Shades
Post by: Shades. on May 07, 2022, 08:05:19 PM
Quote from: mickjav on May 07, 2022, 05:46:04 PMwould it be possible to do same with this theme?
Are you using the new version? This should've been fixed in the v2.2 from April 25th on! ;)

Let me know thanks! 8)
Title: Re: Alien Shades
Post by: mickjav on May 08, 2022, 02:16:21 AM
Quote from: Shades. on May 07, 2022, 08:05:19 PM
Quote from: mickjav on May 07, 2022, 05:46:04 PMwould it be possible to do same with this theme?
Are you using the new version? This should've been fixed in the v2.2 from April 25th on! ;)

Let me know thanks! 8)

That sorted it thanks  ;D
Title: Re: Alien Shades
Post by: Shades. on May 12, 2022, 10:24:22 PM
Theme Updated:

Version 2.1.2 : 05/12/2022
1. Updated for 2.1.2
Title: Re: Alien Shades
Post by: Shades. on May 13, 2022, 06:31:27 PM
Theme Updated: (again ::) )

Version 2.1.2a : 05/13/2022
1. Added a folder (scripts) that was left out and causing errors
Title: Re: Alien Shades
Post by: Shades. on May 16, 2022, 06:11:16 PM
Theme Updated:

Version 2.1.2b : 05/16/2022
1. Fixed background image links
Title: Re: Alien Shades
Post by: Shades. on September 26, 2022, 10:24:22 AM
Theme Updated:

Version 2.1.2c : 09/26/2022
1. Fixed background image links.
Title: Re: Alien Shades
Post by: Shades. on November 27, 2022, 10:12:32 AM
Theme Updated

1. Version 2.1.3 : 11/27/2022
Updated Theme for SMF 2.1.3
Title: Re: Alien Shades
Post by: Shades. on June 29, 2023, 07:27:54 PM
Theme Updated:

1. Version 2.1.4 : 06/29/2023
Updated Theme for SMF 2.1.4 & minor color fixes
Title: Re: Alien Shades
Post by: mickjav on July 15, 2023, 09:36:45 AM
Loving The Background on 2.1.4

Just Upgraded to see if an issue I'm seeing had been fixed

I just created a mod that uses a menu, but I have noticed With Alien shades There is no Menu Icon but all my other theme show my Icon.

@Diego Andrés did create a bit of code, but it still won't work with Alien shades

addInlineCss('
.main_icons.pledges::before {
background-position: 0;
background-image: url("' .$settings['default_images_url'] . '/icons/pledges.png");
background-size: contain;
}
');
Title: Re: Alien Shades
Post by: mickjav on July 15, 2023, 06:19:21 PM
Quote from: Shades. on July 15, 2023, 06:14:44 PM
Quote from: mickjav on July 15, 2023, 09:36:45 AMbackground-image: url("' .$settings['default_images_url'] . '/icons/pledges.png
Did you put the pledges.png image in the Themes/Alien_Shades/images/icons directory or in the default theme directory?

This was one of my first 2.1x theme so I don't remember what I changed to remove the buttons but I will have a look when I can.

Thanks,
Shades 8)

All images are in the Default DIR But Will check the theme DIR tomorrow soon as I can.

mick
Title: Re: Alien Shades
Post by: Shades. on July 15, 2023, 06:20:49 PM
Quote from: mickjav on July 15, 2023, 09:36:45 AMLoving The Background on 2.1.4

Just Upgraded to see if an issue I'm seeing had been fixed

I just created a mod that uses a menu, but I have noticed With Alien shades There is no Menu Icon but all my other theme show my Icon.

Diego Andrés (https://www.simplemachines.org/community/index.php?action=profile;u=254071) did create a bit of code, but it still won't work with Alien shades

In index.css try removing:

/* ---------------------------- */
/* Kill godforsaken menu icons. */
#main_menu .main_icons {
    display: none;
}
/* But don't kill mobile menu closing icon. */
.main_icons.hide_popup {
    display: block !important;
}

Reference: https://www.simplemachines.org/community/index.php?topic=578604.msg4096267#msg4096267
Title: Re: Alien Shades
Post by: mickjav on July 15, 2023, 06:27:15 PM
Quote from: Shades. on July 15, 2023, 06:20:49 PM
Quote from: mickjav on July 15, 2023, 09:36:45 AMLoving The Background on 2.1.4

Just Upgraded to see if an issue I'm seeing had been fixed

I just created a mod that uses a menu, but I have noticed With Alien shades There is no Menu Icon but all my other theme show my Icon.

Diego Andrés (https://www.simplemachines.org/community/index.php?action=profile;u=254071) did create a bit of code, but it still won't work with Alien shades

In index.css try removing:

/* ---------------------------- */
/* Kill godforsaken menu icons. */
#main_menu .main_icons {
    display: none;
}
/* But don't kill mobile menu closing icon. */
.main_icons.hide_popup {
    display: block !important;
}

Reference: https://www.simplemachines.org/community/index.php?topic=578604.msg4096267#msg4096267


OK, Will let u know soon as I can, not allowed on PC on Sundays unless I'm a good boy  ;D
Title: Re: Alien Shades
Post by: mickjav on July 16, 2023, 02:28:28 PM
Worked A Treat Thanks
Title: Re: Alien Shades
Post by: Shades. on July 18, 2023, 01:29:28 PM
Theme Updated:

1. Version 2.1.4b : 07/18/2023
Cleaned up some codes & fixed responsive (no color changes)
Title: Re: Alien Shades
Post by: mickjav on July 18, 2023, 02:30:38 PM
Just Updated My Librarian Forum to Version 2.1.4b but had to remove the code that prevents the menu Icons from showing, Not sure if you intended removing it or not?
Title: Re: Alien Shades
Post by: Shades. on July 18, 2023, 02:34:17 PM
Quote from: mickjav on July 18, 2023, 02:30:38 PMJust Updated My Librarian Forum to Version 2.1.4b but had to remove the code that prevents the menu Icons from showing, Not sure if you intended removing it or not?
No, I left it there on purpose to keep it with the original idea of the theme. I figured you could remove it if you wanted to. ;)  :P