Link to the theme (https://custom.simplemachines.org/index.php?theme=3033)
(https://custom.simplemachines.org/index.php?action=download;theme=3033;attach=290444;image;thumb)
GamingX
A multi color gaming inspired SMF theme.
Features :
Adjustable Forum Width
Customizable Footer
Remixed Info Center
Social Icons
Avatars on board index & message index.(Can be enabled or disabled)
Font Awesome Icons
License :
(https://img.shields.io/badge/license-MIT-blue)
Font Awesome License - https://fontawesome.com/license/free (https://fontawesome.com/license/free)
SMF Version :
(https://img.shields.io/badge/SMF-2.1-blue)
Patch Notes:
1.0: Initial Release
Awesome. Just downloaded it and will give it a look. :)
Quote from: Steve on January 23, 2024, 06:43:18 PMAwesome. Just downloaded it and will give it a look. :)
Is it Steve approved yet XD ?
Lol ... there is one tiny thing I'd like to change which I PM'ed you about on my forum. :P
Quote from: Steve on January 24, 2024, 03:42:05 PMLol ... there is one tiny thing I'd like to change which I PM'ed you about on my forum. :P
PM sent.
Incase anyone else is curious.
To remove the ! on the left side of the news slide.
Open boardindex.template.php
Find and remove -
<div class="news_section_left"><i class="fa-solid fa-exclamation"></i></div>
how can i fill logo image %100 ?
Quote from: Plus on January 25, 2024, 07:38:13 AMhow can i fill logo image %100 ?
You would need to make the logo the same size as the container which is 1200px by default.
That or you could add something like this to the index.css.
.forumtitle img {
width: 100%;
}Do note that this will stretch the image.
I approve, the portal (https://demo.dragomano.ru/index.php?theme=12) looks very stylish :)
Quote from: TwitchisMental on January 25, 2024, 09:38:57 AMQuote from: Plus on January 25, 2024, 07:38:13 AMhow can i fill logo image %100 ?
You would need to make the logo the same size as the container which is 1200px by default.
That or you could add something like this to the index.css.
.forumtitle img {
width: 100%;
}
Do note that this will stretch the image.
Thank you.
Hi TwitchisMental, congratulations on the new theme, I tried it and it's nice.
I'll ask you a question... If I wanted to eliminate the colors to just have it dark, is that possible? Or do you have to rewrite everything and it takes a long time?
Thanks in advance
Quote from: Lucarella on January 26, 2024, 01:14:14 PMHi TwitchisMental, congratulations on the new theme, I tried it and it's nice.
I'll ask you a question... If I wanted to eliminate the colors to just have it dark, is that possible? Or do you have to rewrite everything and it takes a long time?
Thanks in advance
All of the main colors are set by variables so it should be pretty easy to change. Just open up the main index.css and go down the list.
So for example the category bar background color is set by the variable --cat_bg_color.
I saw the 3 variables, but I don't understand anything...
How should I edit to have everything dark?
Thank you
Quote from: Lucarella on January 26, 2024, 01:38:50 PMI saw the 3 variables, but I don't understand anything...
How should I edit to have everything dark?
Thank you
Well this is where you would need some basic CSS knowledge.
You would need to change the colors that you want to the darkness that you want.
I was giving you a basic example to get you started.
Using your web browsers inspection tool can be very useful here. Then you just need to know what color you want to change things to. So if you want back for example. You would change x color to hsl(0, 0%, 0%) .
Quote from: Lucarella on January 26, 2024, 01:14:14 PMI'll ask you a question... If I wanted to eliminate the colors to just have it dark, is that possible? Or do you have to rewrite everything and it takes a long time?
Could you specify on this? Did you disable user variant selection?
In that case I believe you only need to edit the index.css, and modify the value of the variables.
For example:
--cat_bg_color: linear-gradient(180deg, hsl(214, 18%, 23%) 0%, hsl(214, 14%, 17%) 100%);--cat_bg_color: #000;It's similar to normal CSS properties.
You'd still need to use the inspector tool like
@TwitchisMental said, to identify the things you want to change.
@TwitchisMental - where the heck is the code for this line?
hr.jpg
Edit: Um, never mind, I had Dark Reader on. Oopsie.
Nice clean styled theme 8)
I love the theme. Already made some modification to fit our community a bit better.
But after 3 hours of messing aroudn with the theme, I can not find whatever color I have to change to remove this green highlight/background in a new post.
I don't get that on GamingX on my computer.
Using FF and W10.
Quote from: Steve on September 16, 2024, 08:43:41 AMI don't get that on GamingX on my computer.
Using FF and W10.
Click on the timestamp on a post, does that still not happen?
(This behaviour will happen if you have "return to topics" set after posting, where the URL points to a specific post, and this is the highlighting the post will have. Clicking the timestamp of a post functionally does the same thing.)
Quote from: Jelle Mees on September 15, 2024, 02:13:24 PMI love the theme. Already made some modification to fit our community a bit better.
But after 3 hours of messing aroudn with the theme, I can not find whatever color I have to change to remove this green highlight/background in a new post.
This color is set by the --window_target_bg_color variable. It will need to be adjusted for each color variant. Sorry for the late reply.
Quote from: TwitchisMental on September 16, 2024, 11:14:09 AMQuote from: Jelle Mees on September 15, 2024, 02:13:24 PMI love the theme. Already made some modification to fit our community a bit better.
But after 3 hours of messing aroudn with the theme, I can not find whatever color I have to change to remove this green highlight/background in a new post.
This color is set by the --window_target_bg_color variable. It will need to be adjusted for each color variant. Sorry for the late reply.
Thank you so much!
Quote from: Jelle Mees on September 17, 2024, 01:34:48 PMQuote from: TwitchisMental on September 16, 2024, 11:14:09 AMQuote from: Jelle Mees on September 15, 2024, 02:13:24 PMI love the theme. Already made some modification to fit our community a bit better.
But after 3 hours of messing aroudn with the theme, I can not find whatever color I have to change to remove this green highlight/background in a new post.
This color is set by the --window_target_bg_color variable. It will need to be adjusted for each color variant. Sorry for the late reply.
Thank you so much!
You're very welcome.
I was wondering, I have made several color changes to the blue background but how in the world do I get rid of the lighter gray color...I like my thems like 50 shades of grey for my eyeballs not to yelp in pain.
Quote from: DarkAngel612 on November 29, 2024, 06:46:28 PMI was wondering, I have made several color changes to the blue background but how in the world do I get rid of the lighter gray color...I like my thems like 50 shades of grey for my eyeballs not to yelp in pain.
You would look at the variables and change the color under --wrapper_bg_color and --wrapper_border_color. You will need to edit menu_border_color too.
I thought so too but even with changing those areas it refuses to cooperate with me.
Quote from: DarkAngel612 on November 29, 2024, 11:23:32 PMI thought so too but even with changing those areas it refuses to cooperate with me.
Do you have minimize JavaScript & css enabled? If so you will need to disable that option. Also are you editing the correct color variant?
I am not sure, could you please tell me where to find it.
Admin CP > Configuration > General > Minimize CSS and JavaScript files .
As for the color variant, that would just be whichever one you decided to edit. Purple is the default one.
The ones using this theme are happy with the blue color. The grayish area in that image is not a border or nay file in the set. not sure what it is. I used Web developer tools to show names and such but still nope...LOL
I got hold of the DarkModern by Crip (https://www.jpr62.com/theme/) and it is almost just right...LOL My eyes are happy. And that lighter "border" is ok since there was only 1 member that hurt his eyes too...he is now on this new dark one too.
Thanks sugar.
Quote from: DarkAngel612 on November 30, 2024, 06:19:39 PMThe ones using this theme are happy with the blue color. The grayish area in that image is not a border or nay file in the set. not sure what it is. I used Web developer tools to show names and such but still nope...LOL
I got hold of the DarkModern by Crip (https://www.jpr62.com/theme/) and it is almost just right...LOL My eyes are happy. And that lighter "border" is ok since there was only 1 member that hurt his eyes too...he is now on this new dark one too.
Thanks sugar.
Do you have a link to the site using the GamingX theme? I can assist you further that way. The border is for sure set via CSS.
Fantasy Attic (https://www.thefantasiesattic.net/attic/index.php?action=forum)
members only can post, and they start with the default unless it is changed by them.
Quote from: DarkAngel612 on December 02, 2024, 05:57:13 PMFantasy Attic (https://www.thefantasiesattic.net/attic/index.php?action=forum)
members only can post, and they start with the default unless it is changed by them.
I have made an account. When you approve me I can look further into this issue.
Alright it looks like you do still have Minimize CSS and Javascript still enabled.
I suggest disabling the minimize feature.
You should then be able to see your changes after a browser refresh. In addition to that I do notice on the default Purple one, you have removed all but one border. It is the border setup by -
#main_menu {
background:var(--menu_bg_color);
border:var(--menu_border_width) var(--menu_border_style) var(--menu_border_color);
border-left:none;
border-right:none;
border-top:none;
box-shadow:0 2px 1px -1px hsl(0,0%,0%)
}
Thank you so very much, I took care of the first part and will tackle the purple one tomorrow.
You're welcome :) .