Simple Machines Community Forum

Customizing SMF => Graphics and Templates => Theme Site Themes => Topic started by: Diego Andrés on August 05, 2022, 11:39:45 PM

Title: NameX
Post by: Diego Andrés on August 05, 2022, 11:39:45 PM
Link to the theme (https://custom.simplemachines.org/index.php?theme=3003)
(https://custom.simplemachines.org/index.php?action=download;theme=3003;attach=282820;image;thumb)

(https://smftricks.com/logos/logo.png) (https://smftricks.com/)
Free & Premium Themes for SMF

NameX
Developed by: Diego Andrés (https://smftricks.com/index.php?action=profile;u=1)
Designed by: Harold Zapata (https://smftricks.com/index.php?action=profile;u=17)

(https://img.shields.io/github/v/release/SMFTricks/NameX.svg?style=flat&logo=github&color=green) (https://github.com/SMFTricks/NameX) (https://img.shields.io/badge/License-MIT-248049) (https://img.shields.io/badge/SMF-2.1-3f73a0) (https://img.shields.io/badge/Color%20Variants-Yes-6041a3) (https://img.shields.io/badge/Dark%20Mode-Yes-4d827f) (https://img.shields.io/badge/RLT%20Support-Yes-bf9d73)


Preview:
(https://raw.githubusercontent.com/SMFTricks/NameX/main/_assets/preview.gif)
Demo Online (http://demo21.smftricks.com/index.php?theme=4)
☑️ Features

📦 Installation
It is installed as a traditional SMF Theme for SMF 2.1.x, just grab the latest release of the package and go to: Admin > Configuration > Themes and Layout > Install a New Theme > From an Archive > Select File > Upload.

You can find detailed instructions and/or more documentation about the process in Installation - How do I install a theme (https://wiki.simplemachines.org/smf/Installation_-_How_do_I_install_a_theme).

🌐 Localization
Translations are all based off the Theme Customs (https://github.com/SMFTricks/Theme-Customs) strings, and you can contribute directly on Crowdin (https://crowdin.com/project/smf-theme-customs).

🔨 Changelog
Review the changes and patches from the different releases/versions of the package in the Changelog (https://github.com/SMFTricks/NameX/blob/main/CHANGELOG.md)
Title: Re: NameX
Post by: TwitchisMental on August 06, 2022, 01:18:02 AM
This is a beautiful theme. Great work :).
Title: Re: NameX
Post by: Speed King on August 06, 2022, 05:47:57 AM
Nice theme  :o
But how to change "NameX" logo with Forum title?
Title: Re: NameX
Post by: ForumSever on August 06, 2022, 07:26:19 AM
Güzel tema, elinize sağlık.
Title: Re: NameX
Post by: Diego Andrés on August 06, 2022, 10:54:29 AM
Quote from: Speed King on August 06, 2022, 05:47:57 AMNice theme  :o
But how to change "NameX" logo with Forum title?

You'd have to set a logo url in the theme settings.
Title: Re: NameX
Post by: Steve on August 07, 2022, 09:30:03 AM
I gotta say, for a light theme, this is pretty awesome! Lots of handy little changes or tricks.
Title: Re: NameX
Post by: Speed King on August 07, 2022, 10:55:48 PM
There is a problem with code blocks - the code text is not wrapped:

Click => (https://i.postimg.cc/872Zc2jz/2022-08-08.png) (https://postimg.cc/872Zc2jz)
Title: Re: NameX
Post by: Diego Andrés on August 07, 2022, 11:08:58 PM
Try new package. Update the css/custom/app.css file and let me know.
Title: Re: NameX
Post by: Speed King on August 08, 2022, 01:29:19 AM
Thanks, now code block layout is OK :)

Click => (https://i.postimg.cc/sv8kP0vt/2022-08-08-1.png) (https://postimg.cc/sv8kP0vt)
Title: Re: NameX
Post by: @rjen on August 08, 2022, 05:28:10 AM
Just testing the theme, and I get this error on the message index..


'xxxxxx_smftest.meml.avatar' isn't in GROUP BY
File: /home/xxxxxx/domains/fjr-club.nl/public_html/test/Sources/MessageIndex.php
Line: 361


Version Information:
Forum version: SMF 2.1.2 (more detailed)
Current SMF version: SMF 2.1.2
GD version: 2.2.5
MySQL engine: MariaDB
MySQL version: 10.5.15-MariaDB-cll-lve-log
SMF file based caching: 2.1.2
SQLite3 database based caching: 3.26.0
PHP: 7.4.30 (more detailed)
Server version: Apache
Title: Re: NameX
Post by: Diego Andrés on August 08, 2022, 07:58:30 AM
That should be a combination of various things since the theme is evidently not using queries.
Could you provide more details about this issue? Mods installed, topics or posts from guests, etc?
Title: Re: NameX
Post by: radu81 on August 08, 2022, 08:31:11 AM
That's a really nice theme, congrats!
Title: Re: NameX
Post by: @rjen on August 08, 2022, 09:32:55 AM
Quote from: Diego Andrés on August 08, 2022, 07:58:30 AMThat should be a combination of various things since the theme is evidently not using queries.
Could you provide more details about this issue? Mods installed, topics or posts from guests, etc?

It is a test forum that is direct copy of my productive forum, number of mods, different themes. All themes work ok, except this one, so it is something this theme does / uses differetnly from standard...

But here you go...

Mod Name   Version
Remove "Last Edit"   1.1
Simple Audio Video Embedder   7.0
Sticky Topics Order FJR   0.6
Automatic Attachment Rotation (and Resize)   6.16
Thumbnail Topic Mod   4.2
FJR-club Menu-opties   1.3
Alternate User Posting   2.1.1
Quick Reply Attachments Button   1.0
TinyPortal   2.2.3
Spiders Don't Increase Topic Views   2.0
EU Cookie SMF2.1   2.1
AJAX Recent Topics for SMF2.1   2.1
Message Bookmarks   0.9.2
Thumbnail Topic Mod   4.1
Forum Width Setting   1.2
Mod Version Checker   1.1
Stupid bouncy BBC   2.1.9
Redis Cache   1.0
Unlimited Attachments Permission   1.1
Message Bookmarks   0.9.3
Users Online Today   2.1.2
Downloads System   3.0.13
Title: Re: NameX
Post by: Diego Andrés on August 08, 2022, 06:32:13 PM
It's the avatars setting, which is a default in SMF but most themes aren't implementing it.
And it's an issue with the Thumbnail Topic Mod, I'll flag it over there.
Title: Re: NameX
Post by: vbgamer45 on August 08, 2022, 11:18:45 PM
Have posted an update to the thumbnail topic mod that hopefully will help.
Title: Re: NameX
Post by: jsx on August 13, 2022, 04:47:02 AM
A very nice, modern theme. Great work. Thanks. :)

Title: Re: NameX
Post by: Speed King on August 19, 2022, 04:34:57 PM
Is it possible to increase font size for Replies/Views column in Unread Topics index?

Click => (https://i.postimg.cc/TLhn5XN5/2022-08-19-1.png) (https://postimg.cc/TLhn5XN5)
Title: Re: NameX
Post by: Diego Andrés on August 19, 2022, 07:13:14 PM
Mmmm that's a nice catch.

Replace this in css/customs/app.css
Code (Search) Select
/* MessageIndex */
#topic_header {
border-radius: 4px;
}
#topic_header .board_stats,
#topic_container .board_stats {
text-align: right;
margin-right: 15px;
}
#topic_container .board_stats p strong {
font-size: initial;
}
#topic_container .board_stats p {
font-size: 0.68em;
}
#topic_container .lastpost {
display: flex;
align-items: center;
gap: 10px;
padding: 5px 10px;
}
#topic_container .lastpost a.avatar,
#topic_container .lastpost img.avatar_dot {
display: flex;
align-items: flex-end;
}
#topic_container .lastpost img.avatar_dot {
width: 40px;
height: 40px;
}
#topic_container .lastpost,
#topic_header .lastpost {
width: 22%;
}
#topic_container .up_contain {
min-height: 30px;
}
#topic_container .up_contain:first-child {
border-radius: 0;
}
#topic_container .info p {
font-size: 0.9em;
}

Code (Replace) Select
/* MessageIndex */
#messageindex #topic_header {
border-radius: 4px;
}
#messageindex #topic_header .board_stats,
#messageindex #topic_container  .board_stats {
text-align: right;
margin-right: 15px;
}
#messageindex #topic_container  .board_stats p strong {
font-size: initial;
}
#messageindex #topic_container  .board_stats p {
font-size: 0.68em;
}
#messageindex #topic_container  .lastpost {
display: flex;
align-items: center;
gap: 10px;
padding: 5px 10px;
}
#messageindex #topic_container  .lastpost a.avatar,
#messageindex #topic_container  .lastpost img.avatar_dot {
display: flex;
align-items: flex-end;
}
#messageindex #topic_container  .lastpost img.avatar_dot {
width: 40px;
height: 40px;
}
#messageindex #topic_container  .lastpost,
#messageindex #topic_header .lastpost {
width: 22%;
}
#messageindex #topic_container  .up_contain {
min-height: 30px;
}
#messageindex #topic_container  .up_contain:first-child {
border-radius: 0;
}
#messageindex #topic_container  .info p {
font-size: 0.9em;
}

Will fix it in the package later
Title: Re: NameX
Post by: Speed King on August 19, 2022, 10:56:07 PM
Thanks, now font size is OK :)

Click => (https://i.postimg.cc/VJXVN2dF/2022-08-20.png) (https://postimg.cc/VJXVN2dF)
Title: Re: NameX
Post by: Chen Zhen on August 20, 2022, 12:09:12 AM

This is a nice theme, great work!

I noticed something peculiar with some of the CSS regarding borders (possibly for tabular display?).
At first I saw it on a few of my mods so I checked some of SMF's default templates which showed the same result. I don't think this is the intended effect but I may be wrong.

An example of my report would be navigating to the SMF admin news template.
The attachment/image shows the border issue.

This is on a test installation with no mods and only this theme installed/enabled.
 
Title: Re: NameX
Post by: Diego Andrés on August 20, 2022, 12:12:57 AM
The double border on titles is intended in some places, just to provide more context on the section title for tables.
Title: Re: NameX
Post by: jsx on August 28, 2022, 11:10:02 AM
@Diego Andrés

Is there an easy way to change the colors in this theme? I like the current green color, but I would like to add a slightly different green color in the header, I would like to change this whole long green bar to a different green along with the other color so that the green blends with the dark. I mean something like this:

(https://i.imgur.com/lL1NAlv.png)

I want to implement this color here:

(https://i.imgur.com/5ZXcYJl.png)

And I would also like to implement such a grandient in the category bar.
Title: Re: NameX
Post by: Diego Andrés on August 28, 2022, 11:53:29 AM
Yes I made it so that it's relatively "easy".
Let me get to my computer later and I can provide you some instructions.

Do you want to keep the same green variant or add a new variant?
Title: Re: NameX
Post by: jsx on August 29, 2022, 06:23:57 AM
I want to keep the current green variant, but on this bar at the top instead of the bright green I want to enter the green color as on the category bar. And I would like this green color to have a gradient applied, such a slight blending of green and dark color, e.g. black.
Title: Re: NameX
Post by: TeamKC on September 01, 2022, 05:19:32 AM
Goodmorning Diego,

First of all; We think your theme is awesome!
But we do have one question: We've made a change in the index.template, but it doesn't show on mobile devides. Does the Theme call for the mobile devices from another source?

Kind regards,
Chris
Title: Re: NameX
Post by: Diego Andrés on September 01, 2022, 07:56:30 AM
Shouldn't be an issue.
Where did you put this code?
Title: Re: NameX
Post by: TeamKC on September 01, 2022, 09:33:21 AM
Hello Diego,

I put the code directly after the <head>, it works on desktop, but not on mobile.

Regards,
Chris
Title: Re: NameX
Post by: Diego Andrés on September 01, 2022, 10:32:31 AM
What code, do you have a link?
I can't give any specific advice by just guessing what your issue would be.
Title: Re: NameX
Post by: Diego Andrés on September 16, 2022, 03:06:11 PM
1.0.4 - 16 September 2022
Title: Re: NameX
Post by: Diego Andrés on October 18, 2022, 08:45:24 PM
1.0.6 - 23 October 2022

1.0.5 - 16 October 2022
Title: Re: NameX
Post by: Ninja ZX-10RR on October 25, 2022, 01:10:57 PM
Hello, thanks for the amazing theme :)

2 things, if I may:
1) where was the "Added option to choose 'Auto' for mode selection." added and how? I customized 1.0.5 and can't really write it off at the moment.
2) Tiny bug in /css/custom/icons.css, you're missing .fa-people::before, for content: "\f0c0"; in Members declaration, which causes groups icon to be missing in the profile dropdown (top left).
Title: Re: NameX
Post by: Diego Andrés on October 25, 2022, 01:19:33 PM
It's under the color settings, default mode = auto. And the same for the user in their profile.

I thought this would be the best option, so if users are still allowed to select a mode, they're not "stuck" with either.
Of course, it's a compromise on the toggle because you can't toggle 3 options. Might add something to select options instead, as an alternative.
But basically if they manually save "auto" in their profile, this mode is locked unless they toggle again to dark or light.

Feedback is welcome, or course.


Thanks for the icon report, will check on it.
Title: Re: NameX
Post by: Diego Andrés on October 25, 2022, 07:39:01 PM
Quote from: Ninja ZX-10RR on October 25, 2022, 01:10:57 PM1) where was the "Added option to choose 'Auto' for mode selection." added and how? I customized 1.0.5 and can't really write it off at the moment.
If you meant on how to update it yourself, you can just replace the files in themecustoms and dark.js
You can also check this commit (https://github.com/SMFTricks/NameX/commit/e29e9a1fc55e7054891033b829a17059dabbb6d8) to see in more detail.

Quote from: Ninja ZX-10RR on October 25, 2022, 01:10:57 PMin Members declaration, which causes groups icon to be missing in the profile dropdown (top left).
I'll still add this in an update, but not sure what I'm looking at. Where is it missing exactly?
Title: Re: NameX
Post by: Diego Andrés on October 25, 2022, 09:37:16 PM
1.0.7 - 25 October 2022
Title: Re: NameX
Post by: Ninja ZX-10RR on October 26, 2022, 07:45:23 AM
Quote from: Diego Andrés on October 25, 2022, 07:39:01 PM
Quote from: Ninja ZX-10RR on October 25, 2022, 01:10:57 PM1) where was the "Added option to choose 'Auto' for mode selection." added and how? I customized 1.0.5 and can't really write it off at the moment.
If you meant on how to update it yourself, you can just replace the files in themecustoms and dark.js
You can also check this commit (https://github.com/SMFTricks/NameX/commit/e29e9a1fc55e7054891033b829a17059dabbb6d8) to see in more detail.
Yes I ended up doing exactly that and updated it manually.
Quote from: Diego Andrés on October 25, 2022, 07:39:01 PM
Quote from: Ninja ZX-10RR on October 25, 2022, 01:10:57 PMin Members declaration, which causes groups icon to be missing in the profile dropdown (top left).
I'll still add this in an update, but not sure what I'm looking at. Where is it missing exactly?
Attached :) It appeared after I added the code there, which you added as well with the last version. Thanks for the prompt response! (Recent Topics is my own doing).
groups.jpg
Title: Re: NameX
Post by: Diego Andrés on October 31, 2022, 01:37:31 AM
1.0.8 - 31 October 2022

It includes quiz and shop icon along with some minimal improvements removing duplicated selectors or joined selectors targeting same icon.
Title: Re: NameX
Post by: jsx on November 06, 2022, 04:52:39 PM
@Diego Andrés

I have TinyPortal installed, so the forum is in the Forum tab and there is no icon here. I want to add an icon, please can you help me?

On the site fontawesome.com/icons I found an icon with this code:

f086
Title: Re: NameX
Post by: Diego Andrés on November 06, 2022, 05:55:27 PM
Included it in latest update

1.0.9 - 06 November 2022


You can change the code in icons.css, search for \f07c
Title: Re: NameX
Post by: jsx on November 07, 2022, 09:45:41 AM
Diego, thanks for adding the icon for the Forum tab. The icon you added is fine.

I am testing Light Portal and noticed that NameX has this icon for the Forum tab:

(https://i.imgur.com/v1zBst9.png)

When I clicked on this icon via Inspect element, this is the reference:

<span class="main_icons im_on"></span>
You added this icon?

EzPortal adds its own little icon to the Forum tab:

(https://i.imgur.com/UxwrcMT.png)

You know why I added a mention of the icons on these portals, as it might be worth adding the same icon for LP, EzPortal, that you added for TinyPortal. This is just a small suggestion. :D And these three portal add-ons are TOP 3 for SMF 2.1
Title: Re: NameX
Post by: Diego Andrés on November 07, 2022, 10:41:41 AM
I wouldn't know about it, it's just that the portal mods are using different icons, not that I'm defining different for each.

It'd seem LP is using main_icons.im_icon, while EZP is not adding a class, is just inserting the icon image, and TP is using something else too, but using the main_icons class.

Not much can be done.
Title: Re: NameX
Post by: jsx on November 07, 2022, 11:45:07 AM
I understand, thanks for the clarification. :)
Title: Re: NameX
Post by: Han on November 07, 2022, 08:57:25 PM
We really love your theme. Its so great that we can set the width of the forum!
I hope you can help us adjust 2 things.

On the topic-list:
Is it possible to not change the color of a closed topic to dark grey but leave it white?

In a topic:
Is it possible to reduce the fontsize.
Title: Re: NameX
Post by: Diego Andrés on November 07, 2022, 09:02:38 PM
Title: Re: NameX
Post by: Han on November 07, 2022, 09:36:43 PM
Tnx for the quick reply. Im gonna process what you told me. :)

PS) That worked like a charm. Tnx again!
Title: Re: NameX
Post by: Han on November 07, 2022, 10:39:12 PM
One more question. Now that we have resized topic font to 95%, we have a slight problem with the signature.
The font size of the signature is now the same size as the message so it seems the the signature is part of the message. Can I reduce the fontsize of the signature also, so that the difference between message and signature is clear again.

I included an example
Title: Re: NameX
Post by: Diego Andrés on November 07, 2022, 11:06:21 PM
It's not affected by that afaik.
You could just add another rule at the end of the file and change it:

.post_wrapper .signature { font-size: 10px; }
Title: Re: NameX
Post by: Han on November 07, 2022, 11:16:39 PM
That worked! Tnx again.  :) 
Title: Re: NameX
Post by: Alxender on November 17, 2022, 04:28:05 AM
This theme looks cool . I'm impressed. Thank you for the serving.
Title: Re: NameX
Post by: jsx on November 21, 2022, 04:45:38 PM
Hi @Diego Andrés

When I want to update the forum from 2.1.2 to 2.1.3, I get an error during the update and these from NameX also appeared:

(https://i.imgur.com/dd6FFpv.png)

./Themes/NameX/Themes.template.php

1.

Code (Find) Select Expand
* @version 2.1.0
Code (Replace) Select Expand
* @version 2.1.3

2.

Code (Find) Select Expand
            echo ' name="', !empty($setting['default']) ? 'default_' : '', 'options[', $setting['id'], ']" id="', $setting['id'], '" value="', $setting['value'], '"', $setting['type'] == 'number' ? ' size="5"' : (empty($setting['size']) ? ' size="40"' : ' size="' . $setting['size'] . '"'), '>
Code (Replace) Select Expand
            echo ' name="', !empty($setting['default']) ? 'default_' : '', 'options[', $setting['id'], ']" id="options_', $setting['id'], '" value="', $setting['value'], '"', $setting['type'] == 'number' ? '' : (empty($setting['size']) ? ' size="40"' : ' size="' . $setting['size'] . '"'), '>

./Themes/NameX/index.template.php

Code (Find) Select Expand
                    <a href="', $scripturl, '?action=profile"', !empty($context['self_profile']) ? ' class="active"' : '', ' id="profile_menu_top" onclick="return false;">';
Code (Replace) Select Expand
                    <a href="', $scripturl, '?action=profile"', !empty($context['self_profile']) ? ' class="active"' : '', ' id="profile_menu_top">';

Should I make the change manually or just check the box and agree to the update?

(https://i.imgur.com/5TWSf7z.png)
Title: Re: NameX
Post by: Diego Andrés on November 21, 2022, 05:15:32 PM
It's normal it's how we set up the patch, template updates are skippable unless they are absolutely necessary like security fixes or complementary changes to specific bugs, those aren't. That's why it says 'Ignore Errors'.
Certain changes from the patch were already on this theme long before, it's how I discovered some of them.

As a side note, the theme package was updated earlier to accommodate 2.1.3, no relevant changes for the changelog.
Title: Re: NameX
Post by: jsx on November 22, 2022, 03:53:15 AM
Thank you for your message. I made these changes to the files manually.
Title: Re: NameX
Post by: Diego Andrés on November 26, 2022, 09:21:38 PM
Added new package with some fixes for Theme Customs.
No changelog as there are no relevant changes for the theme itself.
Title: Re: NameX
Post by: Speedy007 on November 29, 2022, 01:29:01 PM
A great theme, thanks!
Unfortunately I noticed that, even at the login screen, it is loading google fonts from remote servers.
This is a big issue at the moment in Germany, as it is (might be) apparently not GDPR compliant.

Is there any easy way around this,for a SMF newbie?
It's only 1 font which should be easy to host locally.
The original theme does not load any remote fonts, so it's our fallback for now.
Title: Re: NameX
Post by: Diego Andrés on November 29, 2022, 01:57:57 PM
I'll look into it, and add some options for it.
Title: Re: NameX
Post by: Diego Andrés on November 29, 2022, 09:09:05 PM
Done  8)
Package is now a bit heavier because this theme uses 2 fonts.

1.1.0 - 29 November 2022
Title: Re: NameX
Post by: jsx on December 02, 2022, 04:05:32 AM
I noticed that after installing a theme via Themes and Layout > Install a New Theme > From an archive, the version of the theme is displayed next to the theme name.

(https://i.imgur.com/59jYCYq.png)

I didn't notice this after installing other themes using this method, so I wanted to share it with you @Diego Andrés
Title: Re: NameX
Post by: Diego Andrés on December 02, 2022, 08:03:13 AM
It's normal, SMF uses the name of the package when uploading themes. Might or might not be a bug, SMF 2.0 did the same.
Title: Re: NameX
Post by: AppleCrazy on December 04, 2022, 06:47:24 PM
I have a detail with the icons

https://imgur.com/55p7dZq

https://imgur.io/tm19dST
Title: Re: NameX
Post by: Diego Andrés on December 04, 2022, 06:54:11 PM
Don't think that's necessarily a theme issue?
How would you reproduce the issue? Did you cause it with some settings, mods or other file edits?
Title: Re: NameX
Post by: rezz on December 25, 2022, 03:46:10 PM
merhama teşekkürler tema için


Bu numaralandırmayı css kullanmadan kaldırmak istiyorum

ayrıca top 10 istatistik mod var mı en günceli bu temaya uygun ?
Title: Re: NameX
Post by: Diego Andrés on December 25, 2022, 07:33:58 PM
Remove it from Themes/default/Display.template.php

', !empty($message['counter']) ? '<span class="page_number floatright">#' . $message['counter'] . '</span>' : '', '
Title: Re: NameX
Post by: Steve on December 26, 2022, 07:15:01 AM
@rezz - please use English if possible. Thanks.

I've already run your post through a translator so no need to post what you said.
Title: Re: NameX
Post by: rezz on December 26, 2022, 05:47:58 PM
Quote from: Steve on December 26, 2022, 07:15:01 AM@rezz - please use English if possible. Thanks.

I've already run your post through a translator so no need to post what you said.

Ben türküm neden ingilizce konuşmamı istiyorsunuz (: Paylaşımınız global - özelden sizin dilinizi konuşabilirim
Title: Re: NameX
Post by: Diego Andrés on December 26, 2022, 05:51:46 PM
Other languages are allowed in themes and mods support topics if the author speaks it, I do not know Turkish so please use English.
Title: Re: NameX
Post by: fave on January 02, 2023, 03:48:22 PM
as requested here: Click! (https://www.simplemachines.org/community/index.php?topic=581386.msg4142308#msg4142308)

2 questions, the whole name (bookmarks) in topic view
and the missing icon in the main menu.

btw great theme, only struggeling with multiple mods on colours because dark and light settings
Title: Re: NameX
Post by: Diego Andrés on January 05, 2023, 07:11:33 PM
I added a new file with the updated icon.
Replace the new file from css/custom/icons.css and it should fix your issue.
That's the only bit of issue for the theme part?


Afaik the mod does not put text next to the icon.
You can add it by editing Sources/Class-MessageBookmarks.php

Code (Search) Select
$buttons = array(
'mb_add' => array(
'label' => $add_label,
'javascript' => ' title="' . $txt['mb_add_bookmark'] . '"',
'href' => $scripturl . '?action=mb;sa=add;topic=' . $context['current_topic'] . ';msg=' . $output['id'],
'show' => empty($message['bookmark_id'])
),
'mb_remove' => array(
'label' => $del_label,
'javascript' => ' title="' . $txt['mb_remove_bookmark'] . '"',
'href' => $scripturl . '?action=mb;sa=del;item=' . $message['bookmark_id'] . ';' . $context['session_var'] . '=' . $context['session_id'],
'show' => !empty($message['bookmark_id'])
)
);
Code (Replace) Select
$buttons = array(
'mb_add' => array(
'label' => $add_label . ' ' . $txt['mb_add_bookmark'],
'javascript' => ' title="' . $txt['mb_add_bookmark'] . '"',
'href' => $scripturl . '?action=mb;sa=add;topic=' . $context['current_topic'] . ';msg=' . $output['id'],
'show' => empty($message['bookmark_id'])
),
'mb_remove' => array(
'label' => $del_label . ' ' . $txt['mb_remove_bookmark'],
'javascript' => ' title="' . $txt['mb_remove_bookmark'] . '"',
'href' => $scripturl . '?action=mb;sa=del;item=' . $message['bookmark_id'] . ';' . $context['session_var'] . '=' . $context['session_id'],
'show' => !empty($message['bookmark_id'])
)
);
Title: Re: NameX
Post by: fave on January 06, 2023, 05:54:07 AM
very small changes but makes it so much better!
thanks for looking in and come up with the changes, I wish I was better in this.

The only thing what I don't really like is how the sub boards are displayed, I think it should be shift to the right so it's really a child of the main board to start with.
 2023-01-06 11_49_36-STC Vrije Vogels - Forumindex and 3 more pages - Work - Microsoft� Edge.png
Title: Re: NameX
Post by: bayonetbrant on January 22, 2023, 03:03:16 PM
This looks pretty cool, and we might end up switching to this theme in our upcoming forum update, if we can't get our other theme updated to be 2.1.x compatible  8)

A question on the footer...  we currently have some FA icons that link to associated places off-site

Does this theme have the ability to replicate that?

Also, how granular can you make the different background color options?  Asking b/c we have a specific shade of green in our logo that we re-use in a lot of places and it would be nice to coordinate the forums with that, too.
Title: Re: NameX
Post by: Diego Andrés on January 22, 2023, 03:16:23 PM
The theme already has an option for social networks. I added some social links to the demo so they are now visible there.
Currently it does not have a steam field.

It has theme variants so you can just use the green variant and disable color selection.
Additionally, you can tweak colors in the theme_colors file to adjust your prefered HSL, or choose a slightly different green. Though this can be a bit tricky and definitely requires a bit of CSS knowledge.
Title: Re: NameX
Post by: bayonetbrant on January 22, 2023, 03:53:49 PM
Quote from: Diego Andrés on January 22, 2023, 03:16:23 PMThe theme already has an option for social networks. I added some social links to the demo so they are now visible there.
Currently it does not have a steam field.
I hadn't installed on our QA server before asking.  I'm playing w/ it now :)

While there's no Steam field, is there an option to self-define a field and then apply the icon / link manually?


Quote from: Diego Andrés on January 22, 2023, 03:16:23 PMIt has theme variants so you can just use the green variant and disable color selection.
I've played w/ that, I'm not sure that's quite what I'm after.  It certainly is easy for someone who is OK w/ that color, though!


Quote from: Diego Andrés on January 22, 2023, 03:16:23 PMAdditionally, you can tweak colors in the theme_colors file to adjust your prefered HSL, or choose a slightly different green. Though this can be a bit tricky and definitely requires a bit of CSS knowledge.

So I have some rudimentary CSS knowledge, but it's mostly around typography, and not much else.

The color we're working with is HSL 108/16.9/54.7
if there's a way to use that as the accent color overlaid on the dark theme, similar to the blue in the attached shot, that would great.
Screenshot 2023-01-22 at 15.52.47.png

What I didn't see was an obvious place to put it in the files, but I was likely looking in the wrong place.

I haven't yet changed out the logo, but I know how to do that one :)


Fuller context:
We're coming up on some necessary upgrades to our forums, which are 4-1/2 years old.  Rather than just continuing to apply duct-tape to old code, I'm fine with upgrading everything we can to the latest SMF build and replace those mods/themes that are now out of date.
We're fortunate that we have a clone of our forums to use as a QA server, so I want to get everything as "set" as I can before I ask some of the forum members to poke around the 'new' version of the site for feedback.
What that means is that I've got a target look-&-feel I'm aiming for that's not 100% recreating the old site, but can't also be 100% new, either.

Thanks for indulging some off-the-wall questions :)
Title: Re: NameX
Post by: Diego Andrés on January 22, 2023, 10:42:39 PM
I'll see about adding Steam, it has to be added manually.

Quote from: bayonetbrant on January 22, 2023, 03:53:49 PMif there's a way to use that as the accent color overlaid on the dark theme, similar to the blue in the attached shot, that would great.

Well there's no 'direct' way of doing it per say, mostly is just the hue that is defined for each color. Green variant is currently using 115, so you'd just change it to 108 in the variants.css file, specifically for the green variant.
But the rest of the colors would definitely need to be tweaked individually by trial and error, or using the inspector tool in the browser.
Title: Re: NameX
Post by: bayonetbrant on January 23, 2023, 01:30:51 PM
thanks. I'm playing around with it some now.  I'm not 100% sure we're upgrading to where we would have to put htis theme in place, but it's a very nice-looking one if we get to that point.
Title: Re: NameX
Post by: jsx on January 24, 2023, 11:35:23 AM
Diego, I'm wondering if it's easy to set the social media buttons to appear in the top right of the theme. What do you think about it?

(https://i.imgur.com/hteY3nu.png)

I think the social media buttons will be more visible at the top, but I also want to keep the social media buttons at the bottom.
Title: Re: NameX
Post by: Diego Andrés on January 24, 2023, 11:57:22 PM
Where exactly?
Title: Re: NameX
Post by: jsx on January 25, 2023, 06:32:22 AM
I think the place I showed in the screenshot is appropriate:

(https://i.imgur.com/TPwb8xa.jpg)

And if you are planning to add a Steam button, I saw a request to add this button, it would look like this:

(https://i.imgur.com/3anuhBk.jpg)
Title: Re: NameX
Post by: hottakes on January 30, 2023, 04:52:56 PM
First of all, congrats. This is one of the best looking SMF themes.

Couple of questions:
1. What is the "hamburger" menu button supposed to do? It does nothing here.
2. Is it possible to have a dark background for the text entry field when dark mode is enabled?



The main thing that I don't like are all the different font styles. Like, if you just open a topic you see text elements with 7 or so different font sizes, colors, weights, italics... it's too much and it looks amateurish. I remember reading some graphic design guidelines that said you shouldn't have too many different fonts or text styles and now I see why.
And the same for some other graphic elements, like the "Go Down" button and the page number button have a different size/style/alignment, it looks a bit weird.

But to be fair, this is not just a problem with this theme, it's a problem with SMF in general, including the default theme.
Title: Re: NameX
Post by: Diego Andrés on January 30, 2023, 05:13:22 PM
Quote from: jsx on January 25, 2023, 06:32:22 AMI think the place I showed in the screenshot is appropriate:

And if you are planning to add a Steam button, I saw a request to add this button, it would look like this:

It might be there already, I don't remember if I attached a new package but the changes are on GitHub.
I'm still adding a few more thinking LinkedIn, and perhaps something else.
For the socials on top I'll provide you some instructions soon.


Quote from: hottakes on January 30, 2023, 04:52:56 PMCouple of questions:
1. What is the "hamburger" menu button supposed to do? It does nothing here.
2. Is it possible to have a dark background for the text entry field when dark mode is enabled?

Could you attach screenshots so I understand the context of your questions?
The hamburger menu should do whatever SMF is doing, I don't recall "adding" anything extra. Is this a bug with the theme?

I'll look into your font comments. However this is indeed pretty much a curve variation, would be great to have it into consideration for SMF itself.
Title: Re: NameX
Post by: hottakes on January 31, 2023, 03:42:07 AM
If dark mode (the moon icon) is enabled for the theme, the reply text field background is still white. Unless "source view" is enabled for the reply, then the background is dark.
namex dark mode.png

The "hamburger menu" (three horizontal stripes icon) seems to be a JS toggle button, but it doesn't do anything. I don't see it in most SMF themes.
Title: Re: NameX
Post by: jsx on January 31, 2023, 01:31:14 PM
Quote from: Diego Andrés on January 30, 2023, 05:13:22 PMFor the socials on top I'll provide you some instructions soon.

Great, then I'm waiting. :)
Title: Re: NameX
Post by: Diego Andrés on January 31, 2023, 09:50:33 PM
Quote from: hottakes on January 31, 2023, 03:42:07 AMIf dark mode (the moon icon) is enabled for the theme, the reply text field background is still white. Unless "source view" is enabled for the reply, then the background is dark.
namex dark mode.png

This is not doable at this time, it is an SMF/sceditor limitation where it only allows to load a single css file.
I could load any file I wanted, but styles are split in multiple files, including variants and dark.
I will log it on GitHub and perhaps it could be looked into in the future.
Title: Re: NameX
Post by: hottakes on February 02, 2023, 03:53:57 AM
Thanks. Another place where the dark theme has a small problem is the registration form. After you type the username and then move to the email field there's light text on light background:
namex dark theme registration.png


And what about that "hamburger menu" button? I saw that it's also there on your forum (smftricks.com).
It's not a big problem, but if it doesn't do anything I think it's better to remove it.
Title: Re: NameX
Post by: Diego Andrés on February 02, 2023, 07:40:00 AM
I'll look into the registration form.
I still don't see the issue with the hamburger menu, or I'm not sure what you mean.
Title: Re: NameX
Post by: Diego Andrés on February 02, 2023, 08:35:24 AM
Perhaps you are referring to the link tree/breadcrumbs?
If so, in mobile (perhaps tablet too, can't recall), this button will expand the rest of the navigation.
Title: Re: NameX
Post by: bod22 on February 02, 2023, 11:01:41 AM
Great theme :) In my opinion one of the best here.


However I have a few suggestions about it.

1. I think you should consider changing the way of showing sub-boards:

(https://i.imgur.com/J6UDW9G.png)

In my opinion they look strange, completely separated from the main boards.

It would better to have sth similiar to this:

(https://i.imgur.com/69qfCXq.png)

2. @jsx is right as far as social buttons are concerned. They would look great at the top.

3. Perhaps, it would be possible to replace these words like messages etc. (next to numbers) with icons?

I mean this

(https://i.imgur.com/gn7psji.png)

Into sth like this

(https://i.imgur.com/vmeWbO3.png)

In my opinion it looks better and it's more practical :)

These are only my suggestions :)


However, I have also one question.
When I use a light version with a set light image background, is it possible in dark version to automatically replace it with a set colour or different image while turning it on? 
Title: Re: NameX
Post by: Diego Andrés on February 02, 2023, 11:07:49 AM
Quote from: bod22 on February 02, 2023, 11:01:41 AMWhen I use a light version with a set light image background, is it possible in dark version to automatically replace it with a set colour or different image while turning it on? 

How did you add it?
Yes you can change it when switching mode. Add the background in css/custom/theme_colors.css
/* Background */
--body-bg: hsl(var(--primary-color-hue), 40%, 85%);

Change the value of the var with your background.
And for the dark mode you edit dark.css and search for --body-bg: and apply a different background for it.
Title: Re: NameX
Post by: bod22 on February 02, 2023, 11:26:34 AM
Thanks! I haven't done it yet :) I'm talking about future but it's good to know that it's possible.

What do you think about my other suggestions?
Title: Re: NameX
Post by: Diego Andrés on February 02, 2023, 11:58:04 AM
I don't think I'll be making changes to the theme at this point.
However, I'm okay providing assistance in accomplishing certain things.

Hopefully this weekend I'll be able to provide some instructions for some of the requests.
Additionally, I think I'll add a 'dummy' file to the structure so that people can add their custom css changes in a file, without having to search for them on every update.
Title: Re: NameX
Post by: hottakes on February 02, 2023, 12:57:34 PM
Quote from: Diego Andrés on February 02, 2023, 08:35:24 AMPerhaps you are referring to the link tree/breadcrumbs?
If so, in mobile (perhaps tablet too, can't recall), this button will expand the rest of the navigation.
That's it, yes. Okay, at least it has a function. :D


Speaking of mobile: it made me realize that many elements are too big. For example, it looks like there's an entire empty line above the text in a post.
The "Started by..." text below the topic title is also too big. If it's possible to remove it with CSS, I'll just do that (if someone wants that information they can look at the first post).
Title: Re: NameX
Post by: Diego Andrés on February 02, 2023, 07:31:28 PM
1.1.1 - 02 February 2023
Title: Re: NameX
Post by: hottakes on February 03, 2023, 09:36:12 AM
Nice. I think the poster area should also have slightly smaller fonts, for example .poster {font-size: 0.8rem;} looks better IMO. And the topic title text could be smaller too.

But I don't want to annoy you too much with all the details.
What is the correct way to make such changes? Edit app.css?
I'm a noob and I don't want to break something.

And is there a safe way to remove or hide the "Go Down" and "Go Up" buttons?
Title: Re: NameX
Post by: Diego Andrés on February 03, 2023, 09:45:22 AM
Yes in app.css it could be the best place because it's loaded after index.css (default theme because I don't include one).

There's no setting to disable the buttons.
You might be able to do it with just css, try with this:
a.button:is([href="#bot"], #bot) {
  display: none;
}
Title: Re: NameX
Post by: Diego Andrés on February 03, 2023, 09:48:49 PM
I added the thing I mentioned earlier.

1.1.2 - 03 February 2023

So now you can create a file in css/custom/custom_edits.css and overwrite/add styles without losing them when you update the theme or similar.
Title: Re: NameX
Post by: Diego Andrés on February 03, 2023, 10:10:14 PM
Quote from: jsx on January 24, 2023, 11:35:23 AMDiego, I'm wondering if it's easy to set the social media buttons to appear in the top right of the theme. What do you think about it?

(https://i.imgur.com/hteY3nu.png)

I think the social media buttons will be more visible at the top, but I also want to keep the social media buttons at the bottom.


index.template.php
Code (Search) Select
</h1>';

// Theme Variants
themecustoms_search();

echo '
</div>
Don't mind the comment, it's wrong but I don't think I care  :D
Code (Replace) Select
</h1>
<div class="right-block">';

// socials
themecustoms_socials();

// Theme Variants
themecustoms_search();

echo '
</div>
</div>

And then you can add this at the end of the app.css file, or on the newly loaded file custom_edits.css

#header {
position: relative;
}
#header::after {
display: none;
}
header .right-block {
display: flex;
align-self: flex-start;
flex-direction: column;
padding-block: 0.75em;
}
header .custom_search {
position: absolute;
top: unset;
bottom: -1px;
}

@media (max-width: 767px) {
#header {
position: relative;
gap: 20px;
}
header .social_icons {
flex-wrap: wrap;
}
header .right-block {
align-self: center;
}
header .custom_search {
top: calc(100% + 22px);
right: 0;
}
}
Title: Re: NameX
Post by: jsx on February 04, 2023, 04:51:22 AM
@Diego Andrés

Thanks a lot for providing the solution. Can I reposition these buttons to be here?

(https://i.imgur.com/edtV09J.png)

In the given code, these buttons are displayed lower in the header.

(https://i.imgur.com/AW08Va3.png)
Title: Re: NameX
Post by: hottakes on February 04, 2023, 03:06:56 PM
Feature idea: Social Media entries for user-defined URLs, with either an icon/image or just a text link.
So that you could add links to websites like 'Official Blog' or 'Status Page', for example.
Title: Re: NameX
Post by: hottakes on February 05, 2023, 01:41:55 PM
I'm trying to make .poster a bit narrower to have more space for other elements on the right (.postarea and .moderatorbar). I can add max-width to .poster, but there's still a gap between it and the rest. Is there a simple solution?
Title: Re: NameX
Post by: Diego Andrés on February 05, 2023, 01:48:27 PM
The area is a grid, you have to adjust the grid too.
This should do it.
.post_wrapper {
  grid-template-columns: auto 1fr;
}
Title: Re: NameX
Post by: hottakes on February 05, 2023, 03:17:10 PM
Excellent, thanks. That, with:
.post_wrapper .poster {
  width: 120px;
}
worked for me and it seems to be compatible with resizing/mobile.
Title: Re: NameX
Post by: Diego Andrés on February 05, 2023, 03:23:13 PM
Quote from: hottakes on February 05, 2023, 03:17:10 PMworked for me and it seems to be compatible with resizing/mobile.

That's great.
It should've been auto since the beginning but oh well, not really a common thing to change  :D


Quote from: jsx on February 04, 2023, 04:51:22 AM@Diego Andrés

Thanks a lot for providing the solution. Can I reposition these buttons to be here?

(https://i.imgur.com/edtV09J.png)

I'll see about this soon
Title: Re: NameX
Post by: jsx on February 11, 2023, 07:08:27 AM
Hello @Diego Andrés

Have you checked if it can be changed? :)
Title: Re: NameX
Post by: hottakes on February 20, 2023, 03:08:34 PM
With very long topic titles the resizing is a bit off at some widths. Some elements (Replies/Views, Last post) get shifted:
namex long topic title.png
Title: Re: NameX
Post by: Diego Andrés on February 20, 2023, 03:16:59 PM
I see the issue.
Will try to fix it this week.

Thanks.
Title: Re: NameX
Post by: Diego Andrés on February 20, 2023, 08:02:51 PM
Quote from: jsx on February 04, 2023, 04:51:22 AMThanks a lot for providing the solution. Can I reposition these buttons to be here?

(https://i.imgur.com/edtV09J.png)

index.template.php
Code (Search) Select
function template_theme_userarea()
{
global $context, $scripturl, $maintenance, $txt;
Code (Replace) Select
function template_theme_userarea()
{
global $context, $scripturl, $maintenance, $txt, $settings;

Code (Search) Select
// Add the color selection
template_theme_colorpicker();
Code (Replace) Select
// Add the color selection
template_theme_colorpicker();

echo '<li', (!empty($settings['disable_user_variant']) ? ' style="flex-grow: 1"' : ''), '>
', themecustoms_socials(), '</li>';
Title: Re: NameX
Post by: Diego Andrés on February 20, 2023, 08:07:20 PM
Quote from: hottakes on February 20, 2023, 03:08:34 PMWith very long topic titles the resizing is a bit off at some widths. Some elements (Replies/Views, Last post) get shifted:
[url="https://www.simplemachines.org/community/index.php?action=dlattach;attach=285769;type=preview;file"]namex long topic title.png[/url]


1.1.3 - 20 February 2023

List of changes (https://github.com/SMFTricks/NameX/compare/v1.1.2...v1.1.3)
Title: Re: NameX
Post by: jsx on February 22, 2023, 10:53:49 AM
@Diego Andrés

Thanks for giving me this solution. Thank you for your help. :)

In the previous post you gave me that solution and now these social buttons display twice so my question is which code should I remove to get rid of these buttons from header? (green background).

(https://i.imgur.com/21DWaNM.png)

https://www.simplemachines.org/community/index.php?topic=583206.msg4144746#msg4144746
Title: Re: NameX
Post by: Diego Andrés on February 22, 2023, 10:55:53 AM
I'd assume old one you changed in the previous page, revert those changes.
Title: Re: NameX
Post by: jsx on February 22, 2023, 11:17:36 AM
I reverted these changes and it's fine now. Thanks!

I noticed that when a report to the moderator is open, the top checkbox in the report is in a different position than the bottom one.

(https://i.imgur.com/sgRM0PU.png)
Title: Re: NameX
Post by: Diego Andrés on February 24, 2023, 01:03:02 PM
I haven't checked this issue.
Where exactly is it happening?
Title: Re: NameX
Post by: jsx on February 25, 2023, 09:36:55 AM
You must go to the Reported Posts tab in the post that is being reported.
Title: Re: NameX
Post by: Diego Andrés on February 25, 2023, 09:41:50 AM
Alright I'll have a look, never visited/used that tab before 8)
Title: Re: NameX
Post by: Diego Andrés on February 25, 2023, 09:54:56 AM
.buttonlist.floatright {
justify-content: flex-end;
}

I'll upload a new package later.
Title: Re: NameX
Post by: jsx on February 25, 2023, 10:13:14 AM
Thanks for the quick response even though it's a minor bug. :)
Title: Re: NameX
Post by: Diego Andrés on February 26, 2023, 07:08:36 PM
1.2.0 - 26 February 2023
Title: Re: NameX
Post by: DeadMan... on February 26, 2023, 07:13:08 PM
Quote from: Diego Andrés on February 26, 2023, 07:08:36 PM1.2.0 - 26 February 2023
  • (https://camo.githubusercontent.com/dabbb7cab40c66b82cb563365d644a1f098f665bf28cef0616f69a1a0f25084e/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f7461672d2d706c75732e706e67) (https://camo.githubusercontent.com/dabbb7cab40c66b82cb563365d644a1f098f665bf28cef0616f69a1a0f25084e/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f7461672d2d706c75732e706e67) Added 'community' button and options.
  • (https://camo.githubusercontent.com/2b4ab97b0305c84fe3d563f95de3f5eaa7019a88172cd590e0d0ffbb681f2cf1/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f7461672d2d70656e63696c2e706e67) (https://camo.githubusercontent.com/2b4ab97b0305c84fe3d563f95de3f5eaa7019a88172cd590e0d0ffbb681f2cf1/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f7461672d2d70656e63696c2e706e67) Updated coloris to the latest version.
  • (https://camo.githubusercontent.com/5ba14cc5b307fd7683ab0b95737b5548d492d0029f2ce6f42c7cda8cc1c90fb9/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f6275672d2d6d696e75732e706e67) (https://camo.githubusercontent.com/5ba14cc5b307fd7683ab0b95737b5548d492d0029f2ce6f42c7cda8cc1c90fb9/68747470733a2f2f736d66747269636b732e636f6d2f6173736574732f6368616e67656c6f672f6275672d2d6d696e75732e706e67) Fixed minor layout issues.


Any way to mark down the edits, for those who have a lot of work done on the theme?
Would be greatly appreciated. This theme is awesome!
Title: Re: NameX
Post by: Diego Andrés on February 26, 2023, 07:21:35 PM
Yes you can find them here (https://github.com/SMFTricks/NameX/compare/v1.1.3...v1.2)

For the coloris files (coloris.css and coloris.js) you can just replace them completely.
And the same for the themecustoms folder.
Essentially, you just need to update the app.css file, /languages folder, and css/custom/icons.css file (language and icons you could replace them completely too if you didn't change them).
Title: Re: NameX
Post by: DeadMan... on February 26, 2023, 08:40:14 PM
Quote from: Diego Andrés on February 26, 2023, 07:21:35 PMYes you can find them here (https://github.com/SMFTricks/NameX/compare/v1.1.3...v1.2)

For the coloris files (coloris.css and coloris.js) you can just replace them completely.
And the same for the themecustoms folder.
Essentially, you just need to update the app.css file, /languages folder, and css/custom/icons.css file (language and icons you could replace them completely too if you didn't change them).

I have done what needed to be done, and found I got it right after all. :)
Title: Re: NameX
Post by: Diego Andrés on February 27, 2023, 12:50:30 AM
1.2.1 - 27 February 2023

List of changes (https://github.com/SMFTricks/NameX/compare/v1.2...v1.2.1)
Title: Re: NameX
Post by: jsx on February 27, 2023, 04:42:42 PM
I updated the theme to version 1.2.1, and I don't know if it depends on this, but I see that some icons that I added don't display on the bar.

/* Ultimate Menu */
.main_icons.um_button_1::before { content: "\47"; }
.main_icons.um_button_7::before { content: "\f086"; }

/* Recent Topics */
.main_icons.recenttopics::before { content: "\f277"; }

This icon is displayed for the Forum tab: f086 and this icon should be displayed: f07c

https://fontawesome.com/icons
Title: Re: NameX
Post by: Diego Andrés on February 27, 2023, 05:15:10 PM
Which bar?
Also, verify that the class is the same using the browser inspector tool. In some cases it could be 'fa fa-action', which would be something like .fa-um_button_1::before, not sure if it changed somehow.

Edit: I tested it and that's exactly what you should do. I'm not sure if it was main_icons before, at all. You could keep both just in case.
e.g.

/* Ultimate Menu */
.main_icons.um_button_1::before, .fa-m_button_1::before { content: "\47"; }
.main_icons.um_button_7::before, .fa-um_button_7::before { content: "\f086"; }
Title: Re: NameX
Post by: Diego Andrés on February 27, 2023, 10:08:56 PM
Likely the last update for the month of February :laugh:

1.2.2 - 28 February 2023

List of changes (https://github.com/SMFTricks/NameX/compare/v1.2.1...v1.2.2)
You can freely replace the affected files.



The following remains valid, nothing was reverted to the (supposedly) original behavior.
Quote from: Diego Andrés on February 27, 2023, 05:15:10 PMEdit: I tested it and that's exactly what you should do. I'm not sure if it was main_icons before, at all. You could keep both just in case.
e.g.

/* Ultimate Menu */
.main_icons.um_button_1::before, .fa-m_button_1::before { content: "\47"; }
.main_icons.um_button_7::before, .fa-um_button_7::before { content: "\f086"; }

The Ultimate Menu fix refers to something entirely different I discovered, which is not a bug or issue but I just wanted to throw it under the carpet for good measure.
Title: Re: NameX
Post by: Steve on February 28, 2023, 07:18:18 AM
Quote from: Diego Andrés on February 27, 2023, 10:08:56 PMLikely the last update for the month of February
You still have about 18 hours.  :P
Title: Re: NameX
Post by: DeadMan... on February 28, 2023, 08:10:51 AM
Quote from: Steve on February 28, 2023, 07:18:18 AMYou still have about 18 hours.  :P

(https://www.deadmanknows.site/images/dk_like2.png)
Title: Re: NameX
Post by: Ninja ZX-10RR on February 28, 2023, 11:55:19 AM
Hi Diego, sorry to be a bother but I need some info whenever you have a minute.

I'm going through this madness: https://github.com/SMFTricks/NameX/compare/v1.0.7...v1.2.2 due to already present customization.

Is it enough to add all the new files and manually edit what is listed on there or do I also need to make db changes? If so, could you tell me which ones?

The bottom line is I'm prepping a production forum and it's just a test for now, but it's already got plenty of customization done on the theme plus mods installed, so it is not an option to just install the new one, meaning I have to update it manually, but I wonder whether it would be fine after all the effort, given it's quite the task.

Thanks in advance.
Title: Re: NameX
Post by: DeadMan... on February 28, 2023, 12:04:55 PM
AFAIK, themes don't have database changes. You should not have to worry about that.
Title: Re: NameX
Post by: Diego Andrés on February 28, 2023, 12:55:53 PM
Like DeadMan says, Themes don't make any db changes.
You can completely replace files and folders if you didn't make changes to files.
So if you customized something, my guess is that you'd only need to be careful with those that you changed, like app.css and such.

Edit: I also forgot to mention. From those changes you listed, some are from smf patches so likely you'll find things that you already have if you applied the patch to your theme as well. Or maybe not, just double check. But like my previous statement, maybe these files were never modified by you or mods, so you could just replace them with the updated one.
Title: Re: NameX
Post by: Ninja ZX-10RR on February 28, 2023, 12:59:53 PM
Went through all of the diffs, that was... Something ;D
Still need to rename the folder and re-route it but yeah. It's gonna be tricky to get the order of things just right, as the production is on 2.0.19 still, with mod installs that make db changes the order I do things really matters, and the theme is one of the biggest parts since it's like the first thing I have to install, meaning I'll most likely install stock 1.2.2 theme version, install all mods on top of it (regardless of errors, if any) and then just replace all files with everything modded.
Thank you by the way :)
Title: Re: NameX
Post by: jsx on February 28, 2023, 01:07:44 PM
Quote from: Diego Andrés on February 27, 2023, 05:15:10 PMWhich bar?

I meant this menu bar:

(https://i.imgur.com/8xxW9t2.png)

/* Ultimate Menu */
.main_icons.um_button_1::before { content: "\47"; }
.main_icons.um_button_7::before { content: "\f086"; }

/* Recent Topics */
.main_icons.recenttopics::before { content: "\f277"; }

This code not too long ago worked properly.

And currently these icons do not display:

(https://i.imgur.com/XLkkKwB.png)

But when I enter to the Ultimate Menu settings, the icons are displayed on the bar:

(https://i.imgur.com/fTdyZiH.png)

Notice that the Gallery icon does not display, and the Gallery tab is not added via the Ultimate Menu. The Gallery icon displays correctly in the default theme. The Gallery icon is added to the NameX theme.
Title: Re: NameX
Post by: Diego Andrés on February 28, 2023, 10:40:28 PM
There's never been a gallery icon in the css.
You can add before I do.

/* Gallery */
.main_icons.media::before,
.fa-media::before,
.main_icons.gallery::before,
.fa-gallery::before {
content: "\f87c";
}

Edit: I added them to the package. The icons.css can be updated/replaced.
FYI, I think you could add your custom icons to the custom_edits.css file so you can always completely replace the icons.css file.
Title: Re: NameX
Post by: jsx on March 01, 2023, 05:04:12 AM
Quote from: Diego Andrés on February 28, 2023, 10:40:28 PMThere's never been a gallery icon in the css.

I know, but during the installation of the SMF Gallery Pro mod, the icon from this gallery is added to the theme.

Quote from: Diego Andrés on February 27, 2023, 05:15:10 PMIn some cases it could be 'fa fa-action', which would be something like .fa-um_button_1::before, not sure if it changed somehow.

The code .fa-um_button_1 works correctly. Thanks for the tip.

Code to display icons in buttons created in Ultimate Menu:

/* Ultimate Menu */
.main_icons.um_button_1::before,
.fa-um_button_1::before {
    content: "\47";
}
.main_icons.um_button_7::before,
.fa-um_button_7::before {
    content: "\f086";
}

Code to display Recent Topics icon:

/* Recent Topics */
.main_icons.media::before,
.fa-media::before,
.main_icons.recenttopics::before,
.fa-recenttopics::before {
    content: "\f277";
}

Based on your Gallery icon code. :)

Only one thing I don't understand, I don't know why this icon is displayed on my forum: f086 for the Forum button, since this icon is added for this button: f07c - What do you think Diego?

/* Boards */
.main_icons.boards::before,
.large_admin_menu_icon.boards::before,
.menu_icon.fa-forum::before,
.main_icons.menu_tpforum::before,
.fa-forum::before {
    content: "\f07c";
}
Title: Re: NameX
Post by: Steve on March 01, 2023, 07:35:28 AM
Quote from: Diego Andrés on February 28, 2023, 10:40:28 PMThere's never been a gallery icon in the css.
You can add before I do.
What about an Arcade icon? I looked at font awesome but they have so many and I don't know what style you used for the others.
Title: Re: NameX
Post by: Diego Andrés on March 01, 2023, 09:34:20 AM
Quote from: Steve on March 01, 2023, 07:35:28 AMWhat about an Arcade icon? I looked at font awesome but they have so many and I don't know what style you used for the others.
Will have a look later.

Quote from: jsx on March 01, 2023, 05:04:12 AMOnly one thing I don't understand, I don't know why this icon is displayed on my forum: f086 for the Forum button, since this icon is added for this button: f07c - What do you think Diego?
Likely TP is adding its own selector to add the icon.
Title: Re: NameX
Post by: Diego Andrés on March 01, 2023, 06:58:19 PM
Added icons for arcade and battle.
Updated fontawesome to v6.3.0

No changelog.
Title: Re: NameX
Post by: jsx on March 02, 2023, 04:36:42 AM
Quote from: Diego Andrés on March 01, 2023, 09:34:20 AMLikely TP is adding its own selector to add the icon.

You're right. The code for this icon is in tp-style.css

/* font awesome icons for FA themes*/
.fa-forum:before {
  content: "\f086"; }

Diego, I have one more question. In SMF 2.1 there are colored icons in the menu, just look at the default SMF 2.1 theme. If I wanted to implement such colored icons to NameX, how do I do it? On fontawesome they are only in black.
Title: Re: NameX
Post by: Diego Andrés on March 02, 2023, 10:34:25 AM
Quote from: jsx on March 02, 2023, 04:36:42 AMDiego, I have one more question. In SMF 2.1 there are colored icons in the menu, just look at the default SMF 2.1 theme. If I wanted to implement such colored icons to NameX, how do I do it? On fontawesome they are only in black.

It's essentially a font so you can change the color like regular text.
#main_menu li i.fa::before, #main_menu li span.main_icons::before {
  color: red;
}
Title: Re: NameX
Post by: DeadMan... on March 03, 2023, 06:40:42 PM
Have to make a couple edits to get the Users Online Today (https://custom.simplemachines.org/index.php?mod=217) (by SMFPacks.com) mod to show correctly with the modified info center.

icons.css

Code (Find) Select
/* Info Center icons */
.fa-recent_posts::before,
.main_icons.recent_posts::before {
content: "\f550";
}
.fa-online_users::before {
content: "\f500";
}
/* Profile Account */

Code (Replace) Select
/* Info Center icons */
.fa-recent_posts::before,
.main_icons.recent_posts::before {
content: "\f550";
}
.fa-online_users::before {
content: "\f500";
}
.fa-uot_users_online_current_day::before {
content: "\f0c0";
}
/* Profile Account */

UsersOnlineToday.template.php

Code (Find) Select
<div class="sub_bar">
<h4 class="subbg">
<span class="main_icons people"></span> ', $txt['uot_users_online_'.$modSettings['uot_setting_period']], '
</h4>
</div>

Code (Replace) Select
<div class="sub_bar">
<h4 class="subbg">', $txt['uot_users_online_'.$modSettings['uot_setting_period']], '
</h4>
</div>
Title: Re: NameX
Post by: DeadMan... on March 03, 2023, 09:38:21 PM
@Diego Andrés, is there a way to do custom board icons?
I have my own images I'd like to use, but the way the board inde template is set up, I have no idea how I'd change to use them.
Title: Re: NameX
Post by: Diego Andrés on March 03, 2023, 11:29:38 PM
You can add/load your own function/s to the boardindex.template file.

/**
 * Outputs the board icon for a standard board.
 *
 * @param array $board Current board information.
 */
function template_bi_board_icon($board)
{
global $context, $scripturl;

echo '
<a href="', ($context['user']['is_guest'] ? $board['href'] : $scripturl . '?action=unread;board=' . $board['id'] . '.0;children'), '" class="board_', $board['board_class'], '"', !empty($board['board_tooltip']) ? ' title="' . $board['board_tooltip'] . '"' : '', '></a>';
}

/**
 * Outputs the board icon for a redirect.
 *
 * @param array $board Current board information.
 */
function template_bi_redirect_icon($board)
{
global $context, $scripturl;

echo '
<a href="', $board['href'], '" class="board_', $board['board_class'], '"', !empty($board['board_tooltip']) ? ' title="' . $board['board_tooltip'] . '"' : '', '></a>';
}


Those are from the default theme, you can adjust them to whatever you need.
If you don't want to change the redirect icon, you can omit that function.
Title: Re: NameX
Post by: DeadMan... on March 04, 2023, 05:34:28 AM
@Diego Andrés, I tried putting that into the file, and depending on where, I can add image URL to it and have it show, but then it shows both my image and the theme's image.

Also, I have on, off and redirect images.

How looks when add code:
Board_Icon_1.png

How want it to look:
Board_Icon_2.png
Title: Re: NameX
Post by: Diego Andrés on March 04, 2023, 10:36:38 AM
You have to remove the css for the others too.
Try this:

.board_icon a.board_on::before, .board_icon a.board_off::before {
  content: "";
  display: none;
}
Title: Re: NameX
Post by: DeadMan... on March 04, 2023, 10:44:42 AM
This will show the off image I have, but I need it to show the on image when there's new posts.
All 3 of my images are separate images.

Also, it somehow messes up the tabbed categories I have.
Too bad could not just replace the images via css.

I found a way to do it with just css:

.board_icon a.board_on::before {
  content: url(https://domain.tld/images/on.png) !important;
  visibility: visible;
}
.board_icon a.board_off::before {
  content: url(https://domain.tld/images/off.png) !important;
  visibility: visible;
}
.board_icon a.board_redirect::before {
  content: url(https://domain.tld/images/redirect.png) !important;
  visibility: visible;
}
Title: Re: NameX
Post by: Diego Andrés on March 04, 2023, 11:59:54 AM
You just have to adjust them accordingly.
The default css is adding the image in the anchor, not the pseudoelement.

.board_icon a {
background-image: none;
display: inline;
color: var(--boardicons-txt-color);
}
You'd have to edit this, or overwrite it again (in the custom_edits.css file).
.board_icon a {
background-image: url();
}
And remove the pseudo element
.board_icon a::before {
  content: "";
  display: none;
}

But care for the classes for each, such as board_redirect, board_on, board_off
Title: Re: NameX
Post by: DeadMan... on March 04, 2023, 03:31:56 PM
I think my css way actually works. (still in shock over that...)
Title: Re: NameX
Post by: DeadMan... on March 05, 2023, 04:29:51 PM
Quote from: Diego Andrés on March 04, 2023, 11:59:54 AMcustom_edits.css

I've searched the latest package and still have not found this file.
Could you please post it and let me know if it goes into css or css/custom ?
Title: Re: NameX
Post by: Diego Andrés on March 05, 2023, 04:35:34 PM
Quote from: DeadMan... on March 05, 2023, 04:29:51 PMI've searched the latest package and still have not found this file.
Could you please post it and let me know if it goes into css or css/custom ?

You add/create it yourself :P
The theme will load it for you, nothing else to do.

It should be added into /css/custom/custom_edits.css
Be aware that it doesn't load after the icons file, only the main css file. It's mainly meant to overwrite stuff from the main file or for... well, custom_edits  :laugh:
However, you can still add custom icons there to avoid editing the icons.css file.
Title: Re: NameX
Post by: jsx on March 08, 2023, 12:06:06 PM
Quote from: Diego Andrés on March 02, 2023, 10:34:25 AMIt's essentially a font so you can change the color like regular text.

Diego, I meant graphic icons.

(https://static.simplemachinesweb.com/smf/smsite/images/icons/main_icons_sprite.png)
Title: Re: NameX
Post by: Diego Andrés on March 08, 2023, 12:13:21 PM
You'd have to overwrite each of them back to their default state, according to the styles they have in the index.css for main_icons class.
If you want all of them back just delete the icons.css file (but it might break other icons too).
Title: Re: NameX
Post by: DeadMan... on March 18, 2023, 04:24:48 PM
@Diego Andrés
Is there a way to have Recently updated topics displayed in the info center instead of recent posts?
Title: Re: NameX
Post by: Diego Andrés on March 18, 2023, 06:57:20 PM
Not without a mod, it's just using the default info center
Title: Re: NameX
Post by: Ricsca on April 22, 2023, 04:03:27 PM
Is there a way to change the color of the part above the menu under the logo?
Thanks
Title: Re: NameX
Post by: Diego Andrés on April 22, 2023, 04:10:43 PM
What part would that be? Are you referring to the background?
Title: Re: NameX
Post by: Ricsca on April 22, 2023, 05:07:45 PM
I'm referring to answer number #21
Title: Re: NameX
Post by: Diego Andrés on April 22, 2023, 06:33:08 PM
Edit any relevant css file to change it.
app.css you can hardcode the background in #header
theme_colors.css to change the variables
variants.css to change the variables for specific colors such as green, blue, etc.
Title: Re: NameX
Post by: Ricsca on April 23, 2023, 05:17:50 AM
I give the solution for those who need it:

smf/Themes/NameX_v1.2.2/css/custom


Search

    /* Header */
        /* Background */
        --header-bg: hsl(var(--primary-color-hue), 60%, 90%);
        /* Border */
        --header-border-color: hsl(var(--primary-color-hue), 45%, 80%);


Replace

    /* Header */
        /* Background */
        --header-bg: #569550;
        /* Border */
        --header-border-color: hsl(var(--primary-color-hue), 45%, 80%);

PS
I think this option should be the default because it's nicer if the header is the same color as the navbar.
Title: Re: NameX
Post by: Diego Andrés on April 23, 2023, 09:50:17 AM
Some notes on that:
- The file is theme_colors.css
- The correct way of doing it would be editing the variable in variants.css for green.
- This will break the color scheme for color variants.
Title: Re: NameX
Post by: DeadMan... on April 23, 2023, 10:15:22 AM
Quote from: Diego Andrés on April 23, 2023, 09:50:17 AMSome notes on that:
- The file is theme_colors.css
- The correct way of doing it would be editing the variable in variants.css for green.
- This will break the color scheme for color variants.

Unless, they add it to custom_edits.css and do something like this:

#header {
    background: #569550!important;
    border-color: #569550)!important;
}

Would have to change the colors to what want.
Title: Re: NameX
Post by: Diego Andrés on April 23, 2023, 10:20:16 AM
Still breaks the color scheme, user wants to change the green color only, should do so from the variants file.

PS: This only matters if users are allowed to change the color.
Title: Re: NameX
Post by: Sir Osis of Liver on April 26, 2023, 10:36:53 PM
I see a widget for lite/dark on the demo, but it's not in the current package.  Looking for a dark theme.
Title: Re: NameX
Post by: Diego Andrés on April 26, 2023, 10:57:28 PM
Both NameX and Repulse have a dark/light mode which you can set up from admin > current theme.
There are also some dark themes and a few others with dark/light mode, type dark mode in the filter in the cust site.
Title: Re: NameX
Post by: Sir Osis of Liver on April 26, 2023, 11:00:01 PM
Got it, thanks Diego.
Title: Re: NameX
Post by: user58389239 on May 11, 2023, 06:14:37 PM
Diego thank you for this amazing theme! It is a fantastic looking theme, and I'm really impressed with all the support you provide.

One question as I'm getting into it...what is the purpose/value of this checkbox?
Use JavaScript to change the color:
This will change the variant of the theme using JavaScript and auto-update for the profile.


I am not sure why one would check it.
Title: Re: NameX
Post by: Diego Andrés on May 11, 2023, 06:33:41 PM
Quote from: user58389239 on May 11, 2023, 06:14:37 PMOne question as I'm getting into it...what is the purpose/value of this checkbox?
Use JavaScript to change the color:
This will change the variant of the theme using JavaScript and auto-update for the profile.


I am not sure why one would check it.

The variants are integrated into the theme using the SMF in-built variants system.
Enabling the use of javascript for changing the color, will allow the users to change color without leaving the page and it will still save the changes to their profile.
Title: Re: NameX
Post by: mcmuroni on May 16, 2023, 02:45:51 AM
Hi Diego!

It's really a great theme you made there. But for somehow I have this problem with my custom logo. I entered the logo path and verything works fine on the index and admin sites. But when I click on any threat in any board the logo is replaced with the alternate text. I checked the path with the developer tool from crome. The path is correct.
I tried these in a test enviroment I recently have made a large upgrade vom 2.019 to 2.1.3 so I'am still testing.
Do you have any hints for me.
Title: Re: NameX
Post by: Diego Andrés on May 16, 2023, 08:57:23 AM
Could you leave the link to your site and/or some screenshots of this issue?
Title: Re: NameX
Post by: mcmuroni on May 17, 2023, 02:14:58 AM
It looks like this.
The logo disappear when I go from the index to any board.
Title: Re: NameX
Post by: user58389239 on May 18, 2023, 05:58:14 PM
mcmuroni, what URL are you using for your logo image?
Title: Re: NameX
Post by: DeadMan... on May 18, 2023, 06:41:14 PM
If your site is using https then you have to make sure the url path for the image is also https.
Title: Re: NameX
Post by: mcmuroni on May 19, 2023, 04:55:01 AM
Oh man I'm such an idiot! Sometimes by trying to solve a problem the thinking goses complicated. It wasn't the https but your sugesstions pushed me in the right direction. Problem solved. thanks a lot.
Title: Re: NameX
Post by: user58389239 on May 19, 2023, 12:31:17 PM
Hi,
I'd like to add my own color variant, or change one of the existing color variants to my own. Can you please provide instructions to do this? I tried adding it or changing it on variants.css but It doesn't show up in the color picker tab.
Title: Re: NameX
Post by: Diego Andrés on May 19, 2023, 01:07:21 PM
If you are already adding the color in the variants css, all you are missing is to add the variant in NameX/themecustoms/Init.php

public static function variants(array &$variants) : void
{
$variants = [
'red',
'green',
'blue',
'yellow',
'purple',
'pink',
];
}

Also you might want to add the text string in: NameX/languages/ThemeCustoms/main.english.php
Something like this: $txt['variant_color'] = 'Color';
Title: Re: NameX
Post by: user58389239 on May 19, 2023, 01:37:11 PM
Diego,

Amazing, that did the trick, thank you!

One other question...can you tell me how I could override the background color on this "Stats" section? It's using the header background color, I would like it to be its own:

Title: Re: NameX
Post by: Diego Andrés on May 19, 2023, 02:43:56 PM
In css/custom/app.css
#info_center_blocks #block-forum_stats div span.totals
Change the variable in here:
background: var(--header-bg);
Although, the theme could get updated in the future, so I recommend adding custom edits in a new file (it will be autoloaded), in NameX/css/custom/custom_edits.css.
I suppose windowbg might do the trick for you?

#info_center_blocks #block-forum_stats div span.totals {
    background: var(--windowbg-bg);
}
Title: Re: NameX
Post by: user58389239 on May 19, 2023, 04:46:35 PM
Diego, you are amazing! Thank you so much for your incredibly fast support. That did the trick.

Thanks also for your tip about putting custom edits in a new file. I haven't been doing that but I will move them there.
Title: Re: NameX
Post by: user58389239 on May 19, 2023, 05:06:08 PM
Two more questions for you, if you don't mind:
1. If I've made changes to theme_colors.css should I try and move those to the custom_edits.css?
2. I'm trying to figure out how to change the color of sticky topics that are also locked. I see the setting for sticky topics, which doesn't seem to affect it if it's also locked. (In other words I want sticky color to take precedence over locked color)
Title: Re: NameX
Post by: Diego Andrés on May 19, 2023, 05:50:03 PM
1- Might or might not work. But do try and let me know  ;D.
2- I've posted about this somewhere... I'll look it up later, or re-do the code changes it during the weekend.
Title: Re: NameX
Post by: user58389239 on May 19, 2023, 06:12:37 PM
Found it in the comment history here, you are right. Here is the code that worked for me:

#topic_container .windowbg.sticky {
  background: CHANGE-THIS;
}
Title: Re: NameX
Post by: user58389239 on May 30, 2023, 01:36:08 PM
How do I change the background color for the login button only? I see there is a CSS class li.button_login but I'm not sure how to change it in the custom_edits.css. I tried a couple things but it wasn't working right.
Title: Re: NameX
Post by: Diego Andrés on May 30, 2023, 01:40:56 PM
It would be this:

#top_info > li.button_login
Title: Re: NameX
Post by: user58389239 on May 30, 2023, 01:42:47 PM
Brilliant, thanks for the quick reply!
Title: Re: NameX
Post by: user58389239 on May 30, 2023, 06:47:08 PM
Is the sceditor-popup controlled by the NameX theme or is that a default thing?

On our old theme, when you clicked "More" for more Smileys/Emojis, it would open a new window. In the new theme, it opens a modal, and confusingly the "Close" button isn't visible, so I'm not sure a user would know how to get out of it. (You have to scroll down in the modal to see the close button).

Can you tell me either 1) Can I make it a pop-up instead of a Modal and/or 2) Can I move the "Close" button to the top?

I've attached a couple screenshots to show what I'm referring to
Title: Re: NameX
Post by: Diego Andrés on May 30, 2023, 08:57:49 PM
It's the default behavior by SMF, comes from the default theme.
You're right that it seems wonky and busted... Might be worth reviewing it's current behavior again.
Title: Re: NameX
Post by: Diego Andrés on May 30, 2023, 10:08:07 PM
Quote from: user58389239 on May 30, 2023, 06:47:08 PMIs the sceditor-popup controlled by the NameX theme or is that a default thing?

On our old theme, when you clicked "More" for more Smileys/Emojis, it would open a new window. In the new theme, it opens a modal, and confusingly the "Close" button isn't visible, so I'm not sure a user would know how to get out of it. (You have to scroll down in the modal to see the close button).

Can you tell me either 1) Can I make it a pop-up instead of a Modal and/or 2) Can I move the "Close" button to the top?

I've attached a couple screenshots to show what I'm referring to

I hate it so much I sent a PR in an attempt to fix it:
https://github.com/SimpleMachines/SMF/pull/7762

If you want to test it with the default theme and NameX it would be helpful.
You can see the edits here: https://github.com/SimpleMachines/SMF/pull/7762/files
Title: Re: NameX
Post by: user58389239 on May 31, 2023, 11:27:08 AM
Wow, that's awesome! I will test out your changes on our dev site.
Title: Re: NameX
Post by: user58389239 on June 01, 2023, 01:40:52 PM
Diego,
I changed one of the theme toggles to a custom one of my own name. When I copied my theme from dev to production, for some reason I'm getting this error in the error log. Do you have any idea what might be causing it? I must have not copied over some reference to my custom toggle:

/home/..../Themes/NameX_v1.2.2/index.template.php (Line 345)

2: Undefined array key "variant_custom"
Title: Re: NameX
Post by: Diego Andrés on June 01, 2023, 02:37:06 PM
That would be a text string missing, did you remember do add it?
Title: Re: NameX
Post by: user58389239 on June 01, 2023, 02:42:56 PM
Yep you were right ...issued that on prod. Fixed now!
Title: Re: NameX
Post by: user58389239 on June 05, 2023, 05:51:04 PM
Two questions on this theme as I've begun using it more on production:

1. I noticed there is very little difference for Bold in the body copy. See the screenshot attached below. Is there a recommendation to get Bold to look more...well...Bold?

2. This is fairly niche, but when replying to a PM, notice that the PM you are replying to is missing any sort of padding. What code would improve this? See screenshot PM-Reply-Padding.
Title: Re: NameX
Post by: Diego Andrés on June 06, 2023, 05:16:25 PM
I'll have a look later this week.
They do seem like general issues so I might include them in next week update if that's the case.
Title: Re: NameX
Post by: Diego Andrés on June 06, 2023, 11:08:31 PM
This would improve #1
strong, b  {
font-weight: 900;
}

This will work for #2
#personal_messages #postmodify ~ div.windowbg {
padding: 15px;
}

Will be included in the new package next week.
Title: Re: NameX
Post by: Diego Andrés on June 10, 2023, 02:55:14 PM
1.2.3 - 10 June 2023
Title: Re: NameX
Post by: user58389239 on June 16, 2023, 12:07:18 PM
You rock, thanks Diego!
Title: Re: NameX
Post by: Dave J on June 18, 2023, 06:45:37 AM
For those who have the 'Downloads' and 'SMFQuiz' mod the file to edit for the fa-icons is as follows:

all.min.css

find

.fa-forumbee:before{content:"\f211"}
add after

.fa-downloads:before {content: "\f019"}.fa-SMFQuiz:before {content: "\f059"}

if you only want one or the other then remove what you don't want.

If you need to add another icon to the menu for another mod find the icon you want at https://fontawesome.com/icons then change the {content: "\f059"} to the name/number for the icon.

Remember to replace the 'SMFQuiz' with the name of the mod your adding the icon for.
Title: Re: NameX
Post by: Dave J on June 18, 2023, 09:06:16 AM
There is also an error with the page layout on the hooks pages Diego.

If you look at the attached you'll see that the right side of the hooks window expands past the main content section
Title: Re: NameX
Post by: Diego Andrés on June 18, 2023, 01:04:28 PM
Quote from: Dave J on June 18, 2023, 09:06:16 AMThere is also an error with the page layout on the hooks pages Diego.

If you look at the attached you'll see that the right side of the hooks window expands past the main content section

Cannot reproduce, probably caused by some other mod, likely a portal.
Title: Re: NameX
Post by: Dave J on June 18, 2023, 04:44:14 PM
Quote from: Diego Andrés on June 18, 2023, 01:04:28 PM
Quote from: Dave J on June 18, 2023, 09:06:16 AMThere is also an error with the page layout on the hooks pages Diego.

If you look at the attached you'll see that the right side of the hooks window expands past the main content section

Cannot reproduce, probably caused by some other mod, likely a portal.
Thanks Diego

I'll check itbout tomorrow
Title: Re: NameX
Post by: Dave J on June 19, 2023, 10:14:15 AM
I have now installed a fresh 2.1.4 site. I added this theme to it. There are no packages installed. No post except the standard SMF welcome post.

Site info is

PHP Version 7.4.33

database.png

In the 'clean install 2.1.4.png' image you can again see the over run.

This also happens in Admin>Maintenance>Server Settings>PHP Info, see attached image for that too.

As I had to install SMF from scratch your account login at the testing site is now gone. If you want to have a look for yourself let me know so I can set you up with an admin account again.
Title: Re: NameX
Post by: Ninja ZX-10RR on June 19, 2023, 05:36:06 PM
Can confirm the above by the way, it's just a giant <table>.
Title: Re: NameX
Post by: Steve on June 19, 2023, 06:08:24 PM
At @Ninja ZX-10RR:

[offtopic]Ninja! How are you dude? Haven't seen you in ages![/offtopic]
Title: Re: NameX
Post by: Diego Andrés on June 19, 2023, 08:08:47 PM
Tested on a new forum and still don't see any issue, would maybe need some more details like resolution.
It could be a similar issue to this: https://github.com/SimpleMachines/SMF/issues/7278

You could do this also:
table#list_integration_hooks td:is(.function_name, .file_name),
table#Apache_Environment td:last-child {
word-break: break-all;
}
Title: Re: NameX
Post by: Dave J on June 20, 2023, 06:30:38 AM
Quote from: Diego Andrés on June 19, 2023, 08:08:47 PMTested on a new forum and still don't see any issue, would maybe need some more details like resolution.
It could be a similar issue to this: https://github.com/SimpleMachines/SMF/issues/7278

You could do this also:
table#list_integration_hooks td:is(.function_name, .file_name),
table#Apache_Environment td:last-child {
word-break: break-all;
}


I've just checked this on my tablet and it still does it.

I'm going to PM you with log in details for the test site so you can see for yourself
Title: Re: NameX
Post by: Diego Andrés on June 20, 2023, 08:21:14 PM
Quote from: Diego Andrés on June 19, 2023, 08:08:47 PMtable#list_integration_hooks td:is(.function_name, .file_name),
table#Apache_Environment td:last-child {
word-break: break-all;
}

This fixed it on your test site.
You can add it to NameX/css/custom/custom_edits.css.

I'll submit a PR on Github for SMF itself.
Title: Re: NameX
Post by: Dave J on June 21, 2023, 01:48:47 AM
Quote from: Diego Andrés on June 20, 2023, 08:21:14 PM
Quote from: Diego Andrés on June 19, 2023, 08:08:47 PMtable#list_integration_hooks td:is(.function_name, .file_name),
table#Apache_Environment td:last-child {
word-break: break-all;
}

This fixed it on your test site.
You can add it to NameX/css/custom/custom_edits.css.

I'll submit a PR on Github for SMF itself.


Thanks Diego
Title: Re: NameX
Post by: Dave J on June 21, 2023, 03:00:01 AM
Diego,

I don't have a 'custom_edits.css' in any of my sites. I also downloaded the version from here and that file is not in that either
Title: Re: NameX
Post by: Diego Andrés on June 21, 2023, 08:55:05 AM
You need to create this file. It is intended to keep you from editing the main css file of the theme so that updating the theme would require minimal effort.
Title: Re: NameX
Post by: Ninja ZX-10RR on June 21, 2023, 11:03:09 AM
Quote from: Steve on June 19, 2023, 06:08:24 PMAt @Ninja ZX-10RR:

[offtopic]Ninja! How are you dude? Haven't seen you in ages![/offtopic]
Ye this site and all... Been very busy with SMF nonetheless, helping a couple of big boards.
Many things changed, both for the better and for worse, heh. I can't even mention, I may ask current PM to remove me from crappy membergroup one day if I am bothered enough, had it for like 7/8 years.

@Diego yeah it makes it a lot better but it doesn't fix it being a giant table :P It will still be too big at some point :P
Title: Re: NameX
Post by: HendriXXX on June 21, 2023, 02:35:08 PM
Thanks for cool theme!

My users noticed a problem with like/unlike thumbs/texts, both disappears after clicking and comes visible only after refreshing page.

There are also problem with admin center "Administration Center" text in mobile view. It disappears behind quick search. Maybe those could go to a different rows when screen narrows enough.

oh, and when dark is activated, line between signature and post could be more visible and maybe signature font could be a bit smaller.

smf version 2.1.4
php version 7.2.24

Thanks!
Title: Re: NameX
Post by: Diego Andrés on June 21, 2023, 03:34:01 PM
Quote from: HendriXXX on June 21, 2023, 02:35:08 PMMy users noticed a problem with like/unlike thumbs/texts, both disappears after clicking and comes visible only after refreshing page.
Could be a JS issue you have with something else conflicting?

Quote from: HendriXXX on June 21, 2023, 02:35:08 PMThere are also problem with admin center "Administration Center" text in mobile view. It disappears behind quick search. Maybe those could go to a different rows when screen narrows enough.
Maybe, will have a look when I have time.

Quote from: HendriXXX on June 21, 2023, 02:35:08 PMoh, and when dark is activated, line between signature and post could be more visible and maybe signature font could be a bit smaller.
It's not too bright for light or dark, they look about the same for me. And the font is already very small on 0.9em;
You could make it smaller with this:
.signature {
  font-size: 0.75em;
}
Title: Re: NameX
Post by: HendriXXX on June 21, 2023, 03:59:43 PM
Quote from: Diego Andrés on June 21, 2023, 03:34:01 PMCould be a JS issue you have with something else conflicting?
It happens my win pc (firefox,edge), android tablet (chrome) and android phone (firefox,chrome). Behaviour is exactly same for all..

I have no mods installed in smf.

But, thanks anyway for your response..
Title: Re: NameX
Post by: Diego Andrés on July 07, 2023, 01:20:58 AM
- Updated icons.css and coloris (js & css).
- Minor changes that won't affect theme at all.
No changelog.
Title: Re: NameX
Post by: VerlaKay on July 09, 2023, 06:00:03 PM
I just noticed that the News I put into the News Fader box in my Admin area is not showing on the NameX theme. Am I doing something wrong or is there a way to fix this? If the news box doesn't show up, we won't be able to use this theme.
Title: Re: NameX
Post by: Diego Andrés on July 09, 2023, 06:03:55 PM
You need to enable the News fader in Admin > Theme Settings.
Title: Re: NameX
Post by: VerlaKay on July 09, 2023, 06:21:54 PM
That fixed it. THANK you, Diego!
Title: Re: NameX
Post by: VerlaKay on July 14, 2023, 08:54:43 PM
Is there a way to change the avatars in this theme from oval/round shapes to a square or rectangular shape? All of the people frequenting my forum are people connected with books and although the ovals are great for faces of people, book covers do not fit at all into ovals!
Title: Re: NameX
Post by: Diego Andrés on July 14, 2023, 10:53:44 PM
To preserve your changes in case of a theme update, create a new file in Themes/NameX/css/custom/custom_edits.css

And then add the following:

:root {
--avatar-border-radius: 0;
}
Title: Re: NameX
Post by: VerlaKay on July 15, 2023, 09:46:22 AM
Quote from: Diego Andrés on July 14, 2023, 10:53:44 PMTo preserve your changes in case of a theme update, create a new file in Themes/NameX/css/custom/custom_edits.css

And then add the following:

:root {
--avatar-border-radius: 0;
}

Will this change the avatar shapes from oval to rectangular? And is there any way someone from SimpleMachines can make this change for me? It was one thing to change just a color number in the code of the forum, it's something else entirely to insert entirely new code into it.

I am DANGEROUS when I play around in codes! (All I know is that I'm able to break sites severely when fooling around in codes. I once took down an entire server for three days trying to "fix" something on my website in the codes!)
Title: Re: NameX
Post by: Diego Andrés on July 15, 2023, 10:47:32 AM
Sure, open a ticket and I can do it later.
Title: Re: NameX
Post by: KeyFinder on July 24, 2023, 04:15:08 PM
I have a little problem...

The "No new messages" icon is not displayed... What is this error due to?

Happens to me on mobile devices
Title: Re: NameX
Post by: Diego Andrés on July 24, 2023, 05:42:32 PM
I wouldn't know.
Can you share the URL of the forum to see the issue?
Title: Re: NameX
Post by: Diego Andrés on July 31, 2023, 09:50:35 PM
1.2.4 - 31 July 2023
Full list of changes (https://github.com/SMFTricks/NameX/compare/v1.2.3...v1.2.4)

As always, you only need to manually update the files that you edited (based on the changes above), any other files can be safely replaced, specially the themecustoms folder.
Title: Re: NameX
Post by: Steve on August 01, 2023, 07:50:49 AM
Thanks Diego.  :)
Title: Re: NameX
Post by: Ninja ZX-10RR on August 02, 2023, 05:46:24 PM
Errrrrh... Stock forum, 1.2.4, theme settings don't show up and if you click the icon alongside the theme header to edit them, HARD white page with:
Parse error: syntax error, unexpected 'array' (T_ARRAY), expecting function (T_FUNCTION) or const (T_CONST) in /Themes/NameX_v1.2.4/themecustoms/Settings/Main.php on line 19Doesn't happen on 1.2.3. I don't feel too good on updating now... I wanted to test a bug on 1.2.3 that doesn't let forum owner to have dark (green, in my case) as default color, it was selected but always show up light version instead.
Title: Re: NameX
Post by: Diego Andrés on August 02, 2023, 06:27:11 PM
I'll check both issues, thanks
Title: Re: NameX
Post by: Diego Andrés on August 02, 2023, 08:22:20 PM
I just updated the package, should fix the issue with the errors. I forgot to test on other php versions.
Just update the themecustoms folder and it should be fine.

As for the color issue, I couldn't reproduce, if I disable color selection and set a default color it stays like that, even if I disable the mode selection too.
Title: Re: NameX
Post by: Ninja ZX-10RR on August 02, 2023, 09:46:50 PM
Fix confirmed for the theme settings page, thanks!

Still an issue with the color.
Default theme variant green,
Default theme dark mode
Enable user mode selection.
(everything else unchecked... But doesn't even seem to matter?)

Expected default dark green, result default light green.

I get the same on 1.2.3 and 1.2.4 on 2 different installations and servers. It will be pain to update the 1.2.3 one ;D It's like a 1.0.5 or something like that, updated manually, that's why I test on the vanilla one as well.
Title: Re: NameX
Post by: Diego Andrés on August 02, 2023, 10:41:52 PM
According to the description, that only works when the mode is locked.
Not sure if that's something I'd change but I could look into it at some point.
Title: Re: NameX
Post by: Diego Andrés on August 02, 2023, 10:52:35 PM
Quote from: Ninja ZX-10RR on August 02, 2023, 09:46:50 PMExpected default dark green, result default light green.
Ahh you see I found the 'issue', I caused this by making it very flexible and robust :laugh:
Since this is also a member option, allowing the users to select a mode will take the value from the user options.
And by default guests would have... light mode!

To change it treat it as a regular forum option for members and go to Member Options > Configure guest and new user options for this theme > Theme Mode
Title: Re: NameX
Post by: Ninja ZX-10RR on August 03, 2023, 05:32:02 AM
Quote from: Diego Andrés on August 02, 2023, 10:52:35 PM
Quote from: Ninja ZX-10RR on August 02, 2023, 09:46:50 PMExpected default dark green, result default light green.
Ahh you see I found the 'issue', I caused this by making it very flexible and robust :laugh:
Since this is also a member option, allowing the users to select a mode will take the value from the user options.
And by default guests would have... light mode!

To change it treat it as a regular forum option for members and go to Member Options > Configure guest and new user options for this theme > Theme Mode
Aha! True ;D Thanks :D I didn't think of changing it off there but it does indeed change it from that menu!
Now to update my version... Yeah nah, tomorrow ::)
Title: Re: NameX
Post by: vicente127 on August 05, 2023, 04:06:11 PM
Hello. I'm currently using Fa mod to change board icons, and works fine with default theme, but looks like this with another themes. Do you think it has anything to do with the theme?

(https://i.imgur.com/pCGlztw.png)
Title: Re: NameX
Post by: Diego Andrés on August 05, 2023, 06:04:00 PM
Add to NameX/css/custom/custom_edits.css (if it doesn't exist, create one).
 
.boardindex_table div.up_contain:not(.b_board, .b_redirect) .board_icon a::before { display:none;}
Title: Re: NameX
Post by: vicente127 on August 05, 2023, 06:47:42 PM
Quote from: Diego Andrés on August 05, 2023, 06:04:00 PMAdd to NameX/css/custom/custom_edits.css (if it doesn't exist, create one).
 
.boardindex_table div.up_contain:not(.b_board, .b_redirect) .board_icon a::before { display:none;}

Wow, thank you so much, now looks fine, have a good day!  ;)
Title: Re: NameX
Post by: Diego Andrés on August 05, 2023, 09:44:36 PM
1.2.5 - 05 August 2023
Full list of changes (https://github.com/SMFTricks/NameX/compare/v1.2.4...v1.2.5)
Title: Re: NameX
Post by: taliesin3x3 on August 07, 2023, 11:54:32 AM
Amazing theme, especially for free!

Question: Is it possible to change the hover colour of the "active" button. For example, the "REPLY" button:
(https://i.ibb.co/t3BGvcC/Screenshot.png)

In the above case, the Add poll, Mark Unread, Print, and Notify buttons do change colour when hovering, but the "Reply" button does not.

Any help would be appreciated!

Thanks!
Title: Re: NameX
Post by: Diego Andrés on August 07, 2023, 12:06:22 PM
I just don't see any reason to add a hover status to the active button.
You can add it in NameX/css/custom/custom_edits.css

.buttonlist a.active:is(:hover, :focus) {
  color: {color};
}
Title: Re: NameX
Post by: taliesin3x3 on August 07, 2023, 12:24:30 PM
Thank you very much, Diego!
I also like the ability to have custom_edits.css

Fantastic work, and thank you again for the very fast response.
Title: Re: NameX
Post by: Mandarin on August 26, 2023, 03:10:56 AM
First of all, many thanks for this nice theme! We really like it.
As admin I've several questions but let's start with the first one.

In my profile I can choose an existing avatar but when I try to upload one I'm getting this message:
An error has occurred - attach_timeout
I can't find the problem.
Title: Re: NameX
Post by: Mandarin on August 26, 2023, 06:12:26 AM
Quote from: Mandarin on August 26, 2023, 03:10:56 AMIn my profile I can choose an existing avatar but when I try to upload one I'm getting this message:
An error has occurred - attach_timeout
I can't find the problem.

I have been a member here for a long time but I could not recover my password because the email address in my profile no longer exists. So I created a new account, I can't edit my posts yet, so I quote.

I solved the problem above. I had to change a setting in the admin options. I'm still discovering, sorry.
Title: Re: NameX
Post by: Mandarin on August 26, 2023, 06:23:30 AM
So here is the next question. I enabled dark/light mode but I disabled the choice of colors. Indeed, I would like my own colors for 1 dark and for 1 light choice. How to change the color of each thing individually? Background, bar, etc. Could you please tell me the step by step procedure?

I read this whole thread but I don't really understand.
Title: Re: NameX
Post by: Diego Andrés on August 26, 2023, 11:13:00 AM
Quote from: Mandarin on August 26, 2023, 06:23:30 AMSo here is the next question. I enabled dark/light mode but I disabled the choice of colors. Indeed, I would like my own colors for 1 dark and for 1 light choice. How to change the color of each thing individually? Background, bar, etc. Could you please tell me the step by step procedure?

There is no setting for this.
You'll have to edit theme_colors.css to modify your colors, and dark.css to modify the colors on dark mode.
Title: Re: NameX
Post by: Mandarin on August 26, 2023, 01:59:59 PM
Quote from: Diego Andrés on August 26, 2023, 11:13:00 AMThere is no setting for this.
You'll have to edit theme_colors.css to modify your colors, and dark.css to modify the colors on dark mode.

I know there is no setting for this. I'll see what I can do in these 2 files, thank you.

Another one: in the footer we have "Forum Stats" and "Users Online". By default the first one is displayed and we have to click to have the second. I would like the opposite, how can I do that please?
Title: Re: NameX
Post by: Diego Andrés on August 26, 2023, 09:37:36 PM
In NameX/scripts/custom/main.js
Code (Search) Select
$( '#info_center_blocks').tabs();
Code (Replace) Select
$( '#info_center_blocks').tabs({
active: 1,
});

Though you must be careful because if you enable/add more things, the order might change.
For instance, with recent posts and calendar, users online would be 3.
Title: Re: NameX
Post by: Mandarin on August 27, 2023, 04:50:52 AM
Quote from: Diego Andrés on August 26, 2023, 09:37:36 PMIn NameX/scripts/custom/main.js

Thanks, I did that. Users online is now displayed at first.




Quote from: Diego Andrés on August 26, 2023, 09:37:36 PMThough you must be careful because if you enable/add more things, the order might change.
For instance, with recent posts and calendar, users online would be 3.

What do you mean exactly?
Title: Re: NameX
Post by: Mandarin on August 27, 2023, 05:31:49 AM
Diego, how to have a different logo in dark and light mode?
Title: Re: NameX
Post by: Diego Andrés on August 27, 2023, 03:07:06 PM
Quote from: Mandarin on August 27, 2023, 04:50:52 AMWhat do you mean exactly?

Well, if you have more sections in the info center, the order will change.
For example, enabling the recent posts.
Admin > Theme Settings > Number of recent posts to display on board index. If you set to 1 or more, recent posts will appear in the info center and users online will now be in the position 2 (starting from 0).
Title: Re: NameX
Post by: Diego Andrés on August 27, 2023, 03:13:52 PM
Quote from: Mandarin on August 27, 2023, 05:31:49 AMDiego, how to have a different logo in dark and light mode?

You'll have to add it using css.
First, remove the text/logo.
Themes/NameX/css/custom/custom_edits.css
Code (Add) Select
header h1.forumtitle a, header h1.forumtitle img {
  display: none;
}
Then add the logo as a background.
header h1.forumtitle {
  background-image: url('{image_url}');
  height: 135px;
  max-width: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  margin-block: 20px;
}
And then you'll have to change the logo in dark.css
header h1.forumtitle{
  background-image: url('{image_url_dark}');
}
Title: Re: NameX
Post by: Mandarin on August 27, 2023, 04:16:20 PM
Quote from: Diego Andrés on August 27, 2023, 03:07:06 PMWell, if you have more sections in the info center, the order will change.
For example, enabling the recent posts.
Admin > Theme Settings > Number of recent posts to display on board index. If you set to 1 or more, recent posts will appear in the info center and users online will now be in the position 2 (starting from 0).

I understand now, thank you.  :)
Title: Re: NameX
Post by: Mandarin on August 27, 2023, 04:18:48 PM
Quote from: Diego Andrés on August 27, 2023, 03:13:52 PMYou'll have to add it using css.
...

I'll do that tomorrow, thanks again, great help!  :)
Title: Re: NameX
Post by: T.Linden on August 28, 2023, 04:36:26 PM
Quote from: Diego Andrés on July 14, 2023, 10:53:44 PMTo preserve your changes in case of a theme update, create a new file in Themes/NameX/css/custom/custom_edits.css

And then add the following:

:root {
--avatar-border-radius: 0;
}

First, I want to say excellent work, this is sooooo close to being the perfect theme.

I copied the code above, it does change the avatars back to square as I want. So I know the file is correct, it's correctly named, it's in the right spot, etc.

But, this one change is massively screwing up the Administration Center of the forum. The moment I hit save after switching from Curve2 to NameX the Admin page reloads as if there's no css styling at all any more. It's just a plain white page with bulleted lists where the fancy menus used to be etc. Like what you get when you misspell the name of the css file in your code so it doesn't load.

But it's only the Admin section. After I click my logo to go to the forum and read posts etc, it's all fine. If I rename the css file so it's not loaded any more, the Admin section is back to normal. I **know** it's the new css file, and there's nothing else in it other than the one new avatar line. I normally use Firefox but it does the exact same thing in Chrome. So it's not a browser thing.

Any ideas?
Title: Re: NameX
Post by: Diego Andrés on August 28, 2023, 04:47:52 PM
Try going into admin > config > features and options, disable the minimization of CSS/JS files, and turn it back on (or leave it off).
Title: Re: NameX
Post by: T.Linden on August 28, 2023, 05:30:28 PM
Tried that, left it off, no luck.

I do see a bunch of minified css files in the css folder still (none in the custom folder though). I'm going to nuke the whole theme and make sure all old traces are gone and then re-install it.

I just don't get why it would even affect it. It's one line!! Used to be a programmer, crap like this is why I'm glad I retired.  :laugh:
Title: Re: NameX
Post by: Diego Andrés on August 28, 2023, 06:28:26 PM
It shouldn't cause issues at all, definitely odd. I'll do some testing too just in case, but I assume someone would've reported it before.
Title: Re: NameX
Post by: T.Linden on August 28, 2023, 10:58:21 PM
Well I think you were definitely on the right track. After I deleted all the theme files and reinstalled, it's been fine. I haven't turned minimization back on, don't like messing with things that are working.

Only a few small things left until this is perfect for me:

1) changing the url you go to when you click the forum logo - (I want it to go to site root not forum root). Am I correct the only way to change this is to edit the index.template.php file? there doesn't appear to be a setting for this, and css can't change the href of an <a link tag can it?

2) Lightening the colour behind the toolbar buttons like bold, italic etc in the dark theme. Contrast just isn't enough for my old eyes. Should be easy (famous last words).

3) Making the hamburger in the navigation section disappear until it's needed. Earlier you explained that it's for expanding the navigation on mobile when it's too long to display, but on desktop I can see the whole navigation and it's not needed unless I shrink my window to the tiniest width.

Thank you for the assistance.
Title: Re: NameX
Post by: Diego Andrés on August 29, 2023, 10:34:45 AM
1- Yes, index.template.php is the right place to do this change in pretty much every theme.

2- Only editing the CSS variables for the dark css, or the theme_colors css file (depending on the mode you are trying to edit). You can also target using selectors directly for more specific changes.

3- Not sure I answered that before in here... It's the same menu as the default theme (+ the customization) and it behaves the same. To always use the reponsive menu it would require some changes in the responsive.css file, I can look into that later. The theme also has a setting to hide menu items, or group them into a community button, to remove bloat.
Title: Re: NameX
Post by: T.Linden on August 29, 2023, 01:24:00 PM
The breadcrumb hamburger menu discussion was in posts 80-82 on page 5. People asking why it's there when it appears to do nothing, you say it's for mobile etc.

This expanding mechanism is not in the default theme at all. The default theme just wraps messily if the screen size gets narrow or on mobile. The navigate_section div is a ul, and the first li item is a link to the board root. In your theme you have added this as the first li item (line 391 of index.template.php):

<li class="trigger">
<a href="javascript:void(0);">
<i class="fa fa-bars"></i>
</a>
</li>

These lines are completely missing in the default theme (line 509 index.template.php)

I think your way of displaying longer breadcrumbs is superior, it looks way better on my phone. I just wish it would hide the control until it's needed, because it looks like a normal options menu, is clickable but does nothing at that point. It comes across as a bug, I know I'm going to get support messages from my users saying "why does my hamburger menu not work? I click it and nothing happens".

Maybe it's not possible to hide it actually reveals something hidden, I'm not good enough at this to know how to do it.
Title: Re: NameX
Post by: T.Linden on August 29, 2023, 01:29:05 PM
For those who find the dark mode editor toolbar buttons a bit hard to read, I'm using this in my custom_edits.css and it works well. Works with all the colour modes, pink, blue, red, green etc.

/* set background of toolbar to lighter colour when in dark mode */
:root[data-colormode="dark"] {
    --sceditor-group-bg: linear-gradient( to bottom,
    hsl(var(--primary-color-hue), 25%, 60%) 0%,
    hsl(var(--primary-color-hue), 25%, 75%) 100% );

    --sceditor-group-bg-active: hsl(var(--primary-color-hue), 25%, 50%);
}
Title: Re: NameX
Post by: Diego Andrés on August 29, 2023, 03:11:54 PM
I see, I thought you were referring to the main menu on mobile.
I understand the confusion it might cause to have this button in the breadcrumbs when it;s not needed. I will try to address it in a future update.
Title: Re: NameX
Post by: Mandarin on August 30, 2023, 03:38:02 AM
Hello, I have another question.
How can I add a button and a small logo in the main menu? Basically a link to our website.
Title: Re: NameX
Post by: Mandarin on August 30, 2023, 04:42:41 AM
Still can't edit my posts. Another one please: how can I change the color of the horizontal rule?
Title: Re: NameX
Post by: Mandarin on August 30, 2023, 11:12:19 AM
- On mobile the logo is centered, on computer it is aligned to the left. How to center it everywhere?

- I changed several colors and now I have vertical black lines in the navigation menu (see screenshot). How do I get rid of it?
Title: Re: NameX
Post by: Diego Andrés on August 30, 2023, 12:29:43 PM
Quote from: Mandarin on August 30, 2023, 03:38:02 AMHello, I have another question.
How can I add a button and a small logo in the main menu? Basically a link to our website.

You could hardcode it inside the menu in the index.template.php. Or add a custom button and target it using CSS to add the image as a background. You could search the forum using the keywords "Add menu button", and should get plenty of information.

Quote from: Mandarin on August 30, 2023, 04:42:41 AMStill can't edit my posts. Another one please: how can I change the color of the horizontal rule?
Not sure what are you referring to.

Quote from: Mandarin on August 30, 2023, 11:12:19 AM- On mobile the logo is centered, on computer it is aligned to the left. How to center it everywhere?
I can't test it right now, the search bar might cause issues.
#header {
justify-content: center;
}

Quote from: Mandarin on August 30, 2023, 11:12:19 AM- I changed several colors and now I have vertical black lines in the navigation menu (see screenshot). How do I get rid of it?
I can't know that without seeing what exactly did you do.
You should check the elements using the browser inspector tool, and perhaps you will find some clues of what went wrong.
 
Title: Re: NameX
Post by: Mandarin on August 30, 2023, 12:50:44 PM
Thanks for your replies. I'll try.


Quote from: Diego Andrés on August 30, 2023, 12:29:43 PMNot sure what are you referring to.
In a post you can add an horizontal rule. Like this:

I would like to change the color.



_
Title: Re: NameX
Post by: Mandarin on August 30, 2023, 01:15:20 PM
Quote from: Diego Andrés on August 30, 2023, 12:29:43 PMI can't test it right now, the search bar might cause issues.
#header {
    justify-content: center;
}

I tried several things and didn't succeed to get it correctly. Could you please check when you have time? It could help several people anyway.
Title: Re: NameX
Post by: Diego Andrés on August 30, 2023, 02:22:28 PM
Quote from: Mandarin on August 30, 2023, 12:50:44 PMIn a post you can add an horizontal rule. Like this:

I would like to change the color.

You can overwrite the rule to change it to your custom colors.
hr {
    box-shadow: 0 1px 0 color inset;
    background: color;
}
Title: Re: NameX
Post by: Mandarin on August 30, 2023, 02:41:01 PM
Quote from: Diego Andrés on August 30, 2023, 02:22:28 PMYou can overwrite the rule to change it to your custom colors.
hr {
    box-shadow: 0 1px 0 color inset;
    background: color;
}

Thanks. In which file and at which place please?
Title: Re: NameX
Post by: Diego Andrés on August 30, 2023, 03:38:36 PM
custom_edits.css, at the end of the file is fine.
Or if you want to use different colors for dark mode, you'll need to set it up in the dark.css file too.
Title: Re: NameX
Post by: Mandarin on August 30, 2023, 04:29:43 PM
Quote from: Diego Andrés on August 30, 2023, 03:38:36 PMcustom_edits.css, at the end of the file is fine.
Or if you want to use different colors for dark mode, you'll need to set it up in the dark.css file too.

Sorry but I don't have a custom_edits.css file?
Title: Re: NameX
Post by: Diego Andrés on August 30, 2023, 05:11:36 PM
You can create it, css/custom/custom_edits.css to safely overwrite styles.
Title: Re: NameX
Post by: T.Linden on August 30, 2023, 11:46:18 PM
Tested my forum on mobile and discovered a second avatar rounding. It's square on desktop with the custom css you posted earlier, but on mobile it's still round. Found this in responsive.css

    .poster ul.user_info li.avatar img.avatar {
        border-radius: 50%;
    }

Curious that this one is a fixed 50% and not the --avatar-border-radius variable like the other one.

I tried to fix it by putting that fragment in custom_edits.css and changing the 50 to 0, but it doesn't work. Can we not overide the responsive.css in the same way as the other files, or am I getting the reference wrong?

Thanks again for all your help, you've been great.
Title: Re: NameX
Post by: Diego Andrés on August 31, 2023, 01:24:48 AM
Mmmm feel free to remove the border-radius from the responsive.css file. It looks like a 'bug'. I'll fix it in the next update.

Quote from: T.Linden on August 30, 2023, 11:46:18 PMI tried to fix it by putting that fragment in custom_edits.css and changing the 50 to 0, but it doesn't work. Can we not overide the responsive.css in the same way as the other files, or am I getting the reference wrong?
Yes with !important. Though in this case it's not supposed to be there, so I'll take care of that soon.
Thanks for reporting.
Title: Re: NameX
Post by: Diego Andrés on August 31, 2023, 01:41:43 AM
Went ahead with a new package to address that issue, and include improvement for the toggle button.

1.2.6 - 31 August 2023
Full list of changes (https://github.com/SMFTricks/NameX/compare/v1.2.5...v1.2.6)
Title: Re: NameX
Post by: jsx on September 01, 2023, 03:16:07 PM
Hi @Diego Andrés

The social icons in the user profile are slightly too large.

(https://i.imgur.com/uHjxEHV.png)

Should it be like this? Because the icons on the user profile in the post are smaller.

(https://i.imgur.com/IenXiJ9.png)

After adding the social media button in NameX settings in the Social Media tab, I don't stay in that tab; it just takes me to the Main tab. Is this some kind of bug?

I have another question regarding adding a link to a YouTube channel.

To make the YouTube button appear, I need to add the entire address https://www.youtube.com/@User-name - why doesn't adding @User-name work? Why does the full address have to be entered for YouTube?
Title: Re: NameX
Post by: Diego Andrés on September 01, 2023, 03:35:35 PM
Quote from: jsx on September 01, 2023, 03:16:07 PMShould it be like this? Because the icons on the user profile in the post are smaller.
They are font icons so other normal icons might have different sizes like in this case.
Try to make them match your preferred size:
.poster .profile .profile_icons li {
  font-size: 12px;
}
I haven't tested it, could also make it more specific just in case
.poster .profile .profile_icons li span.main_icons::before {
  font-size: 12px;
}

Quote from: jsx on September 01, 2023, 03:16:07 PMAfter adding the social media button in NameX settings in the Social Media tab, I don't stay in that tab; it just takes me to the Main tab. Is this some kind of bug?
I'm not sure what behavior you are describing?

Quote from: jsx on September 01, 2023, 03:16:07 PMTo make the YouTube button appear, I need to add the entire address https://www.youtube.com/ (https://www.youtube.com/)@User (https://www.simplemachines.org/community/index.php?action=profile;u=14302)-name - why doesn't adding @User (https://www.simplemachines.org/community/index.php?action=profile;u=14302)-name work? Why does the full address have to be entered for YouTube?
This is intentional because some channels don't have a username or are new channels.
Title: Re: NameX
Post by: jsx on September 03, 2023, 05:36:32 AM
Just add the code font-size to the original code.

.poster .profile .profile_icons li, .poster .im_icons li {
font-size: 12px;
display: inline-block;
padding: 0;
}

I mean the icons that appear in the user profile when enter the user profile, where there is a Summary. Which code in app.css is responsible for these icons?

(https://i.imgur.com/uHjxEHV.png)

Quote from: Diego Andrés on September 01, 2023, 03:35:35 PMI'm not sure what behavior you are describing?

When I'm in the Social Media tab, after pressing the Save button, I don't stay in that tab; it takes me to the Main tab. Do you think it should be this way?

(https://i.imgur.com/fZ58n0N.gif)
Title: Re: NameX
Post by: Diego Andrés on September 03, 2023, 02:18:42 PM
Quote from: jsx on September 03, 2023, 05:36:32 AMI mean the icons that appear in the user profile when enter the user profile, where there is a Summary. Which code in app.css is responsible for these icons?
.icon_fields span.main_icons

You can use the inspector tool to find these rules easier and overwrite them, or edit them.

Quote from: jsx on September 03, 2023, 05:36:32 AMWhen I'm in the Social Media tab, after pressing the Save button, I don't stay in that tab; it takes me to the Main tab. Do you think it should be this way?
I'll see if something can be done with js, duplicating the button caused a bug when I attempted it.
Title: Re: NameX
Post by: T.Linden on September 06, 2023, 12:08:27 PM
Just about to install 1.2.6. Don't see anything automatic, is there a recommended update procedure?

Upload and overwrite the current version or install the new one and remove the old one?
Title: Re: NameX
Post by: Diego Andrés on September 06, 2023, 01:54:05 PM
Overwriting files is fine.
Check the link with the list of changes to see which files you need to update.

https://github.com/SMFTricks/NameX/compare/v1.2.5...v1.2.6
Title: Re: NameX
Post by: gevv on September 08, 2023, 11:35:48 AM
Hi,


How can I use the form title instead of the logo?
Title: Re: NameX
Post by: Diego Andrés on September 08, 2023, 03:06:31 PM
Your setup your own logo URL in the theme settings.
Title: Re: NameX
Post by: gevv on September 08, 2023, 03:13:57 PM
I want to use form title as text without image
Title: Re: NameX
Post by: Diego Andrés on September 08, 2023, 03:18:25 PM
index.template.php
Code (Search) Select
<a id="top" href="', $scripturl, '">', empty($context['header_logo_url_html_safe']) ? '
                    <span class="theme-logo">
                        <span>
                            ' . substr_replace($settings['theme_name'], '', -1) . '
                        </span>
                        <span>
                            ' . substr_replace($settings['theme_name'], '', 0, 4). '
                        </span>
                    </span>' : '
                    <img src="' . $context['header_logo_url_html_safe'] . '" alt="' . $context['forum_name_html_safe'] . '">', '
                </a>
Code (Replace) Select
<a id="top" href="', $scripturl, '">', empty($context['header_logo_url_html_safe']) ? $context['forum_name'] : '
                    <img src="' . $context['header_logo_url_html_safe'] . '" alt="' . $context['forum_name_html_safe'] . '">', '
                </a>


Could also do:
<a id="top" href="', $scripturl, '">', empty($context['header_logo_url_html_safe']) ? '
<span class="theme-logo">
' . $context['forum_name'] . '
</span>' : '
<img src="' . $context['header_logo_url_html_safe'] . '" alt="' . $context['forum_name_html_safe'] . '">', '
</a>
But I'm not sure how that'd turn out without testing it.
Title: Re: NameX
Post by: gevv on September 08, 2023, 03:42:19 PM
Thanks @Diego Andrés

Code 1: orange

code1.png

Code 2: in gray tones (or transparent)

code2.png

I will use the first code :)

<a id="top" href="', $scripturl, '">', empty($context['header_logo_url_html_safe']) ? $context['forum_name'] : '
                    <img src="' . $context['header_logo_url_html_safe'] . '" alt="' . $context['forum_name_html_safe'] . '">', '
                </a>
Title: Re: NameX
Post by: gevv on September 09, 2023, 06:29:20 AM
Hi,

Long links in the signature spoil the view on mobile
Title: Re: NameX
Post by: Diego Andrés on September 09, 2023, 12:02:20 PM
Do it directly in app.css because I'll fix it eventually.

.signature {
word-break: break-all;
}
Title: Re: NameX
Post by: gevv on September 09, 2023, 05:52:07 PM
Thanks, it worked
Title: Re: NameX
Post by: jsx on September 10, 2023, 11:24:45 AM
Quote from: Diego Andrés on September 03, 2023, 02:18:42 PM.icon_fields span.main_icons

You can use the inspector tool to find these rules easier and overwrite them, or edit them.

I set the size in these two codes to 1.1em and now the size of these icons suits me. :)

.poster .profile .profile_icons li, .poster .im_icons li {
font-size: 1.1em;
display: inline-block;
padding: 0;
}

.icon_fields span.main_icons {
font-size: 1.1em;
}

Quote from: Diego Andrés on September 03, 2023, 02:18:42 PMI'll see if something can be done with js, duplicating the button caused a bug when I attempted it.

I understand.
Title: Re: NameX
Post by: Diego Andrés on September 10, 2023, 03:18:53 PM
Quote from: jsx on September 10, 2023, 11:24:45 AM
Quote from: Diego Andrés on September 03, 2023, 02:18:42 PMI'll see if something can be done with js, duplicating the button caused a bug when I attempted it.

I understand.

I fixed it a while ago.
I've tagged a new release.



1.2.7 - 10 September 2023
Full list of changes (https://github.com/SMFTricks/NameX/compare/v1.2.6...v1.2.7)
Title: Re: NameX
Post by: gevv on September 11, 2023, 01:43:00 PM
Hi,

Turkish language files
Title: Re: NameX
Post by: Diego Andrés on September 11, 2023, 03:22:12 PM
Thanks.

It's the first translation so perhaps time to set this up on crowdin :D
Title: Re: NameX
Post by: jsx on September 12, 2023, 03:34:10 PM
Quote from: Diego Andrés on September 10, 2023, 03:18:53 PMTheme Settings tabs now go back to the same tab after saving.

If I save the settings in the Social tab the first time, I'll stay in that tab, but when I save for the second time, it takes me to the Main tab. I'm just mentioning it, but I know that data in this tab is entered once, not twice at the same time.
Title: Re: NameX
Post by: Diego Andrés on September 12, 2023, 03:48:29 PM
Mmmm I see the issue. It currently only changes the url when activating a new tab.
I'll do some testing to see which other event needs the same behavior.
Title: Re: NameX
Post by: gevv on September 14, 2023, 05:02:26 AM
Hi,

"$txt['by']" should be after the username (for Turkish)
Title: Re: NameX
Post by: Diego Andrés on September 14, 2023, 08:47:47 AM
I can't move around things per language.
What's your suggestion for the text?

Perhaps something like this:
$txt['by_string'] = 'by %s';
Title: Re: NameX
Post by: gevv on September 14, 2023, 01:57:09 PM
$txt['by_string'] = '%s tarafından';
Note: This problem only exists on the home page. Board pages normal
Title: Re: NameX
Post by: Diego Andrés on September 14, 2023, 02:18:42 PM
Thanks I'll update it to use this format instead and then upload to Crowdin.
Title: Re: NameX
Post by: gevv on September 14, 2023, 03:58:56 PM
Thanks @Diego Andrés 👍
Title: Re: NameX
Post by: vicente127 on September 19, 2023, 06:43:55 AM
How can I fix bbcode icons not showing properly?

Captura de pantalla 2023-09-19 124155.png
Title: Re: NameX
Post by: Diego Andrés on September 19, 2023, 10:02:31 PM
Quote from: vicente127 on September 19, 2023, 06:43:55 AMHow can I fix bbcode icons not showing properly?
I don't think that's a theme issue...

Quote from: gevv on September 14, 2023, 03:58:56 PMThanks @Diego Andrés (https://www.simplemachines.org/community/index.php?action=profile;u=254071) 👍

Done!
https://crowdin.com/project/smf-theme-customs
Title: Re: NameX
Post by: vicente127 on September 20, 2023, 10:39:10 AM
Quote from: Diego Andrés on September 19, 2023, 10:02:31 PM
Quote from: vicente127 on September 19, 2023, 06:43:55 AMHow can I fix bbcode icons not showing properly?
I don't think that's a theme issue..

But happens with all custom themes I have, for example with Repulse, they appear, but they appear black and they are difficult to see

Captura de pantalla 2023-09-20 163659.png


This one is Steyle...

Captura de pantalla 2023-09-20 163846.png
Title: Re: NameX
Post by: Diego Andrés on September 20, 2023, 11:35:52 AM
If it happens with other themes then it might be an issue with your forum config, not necessarily a theme. Check the file permissions for your images or folders.
Title: Re: NameX
Post by: vicente127 on September 20, 2023, 01:40:26 PM
In fact, it was sonme misconfiguration, the base directory was wrong, idk why, it was fine before, so I ran a repair_settings, it recommended me to change it and now it works.
Title: Re: NameX
Post by: user58389239 on September 25, 2023, 12:29:32 PM
This is kind of a newbie question, sorry in advance. Is it possible to "upgrade" this theme or do I just need to re-install the latest version from scratch?
Title: Re: NameX
Post by: Diego Andrés on September 25, 2023, 12:32:59 PM
It's safe to just replace the files inside the NameX folder.
You can skip the images folder as it has never changed.

To check your version you can go to Theme Settings > Information tab.
Title: Re: NameX
Post by: gevv on September 25, 2023, 04:11:32 PM
Hi,


I'm moving the recent post up. But it appears both above and below. The method I used for the solution did not work.

BoardIndex.template.php search;

echo '
<div id="boardindex_table" class="boardindex_table">';


Replace;
   echo '
   <div id="boardindex_table" class="boardindex_table">';
   template_ic_block_recent();

Recent messages move up ok.



The code I used to prevent it from appearing in the subsection does not work.

BoardIndex.template.php search;

$func = 'template_ic_block_' . $block['tpl'];
$func();

Replace;
$func = 'template_ic_block_' . $block['tpl'];
if($func == 'template_ic_block_recent')
echo'';
else
$func();
Title: Re: NameX
Post by: Diego Andrés on September 25, 2023, 04:13:31 PM
Try the if with continue;

$func = 'template_ic_block_' . $block['tpl'];
if($func == 'template_ic_block_recent')
continue;
else
$func();

If that doesn't work, I'll have a look later.
Title: Re: NameX
Post by: gevv on September 25, 2023, 04:36:52 PM
PHP errors occur because the coding structure is different. When adding codes into DIV

NameX_v1.2.7 BoardIndex.template.php;

   
    $func = 'template_ic_block_' . $block['tpl'];
        echo '
        <div id="block-' . $block['txt'] . '" class="windowbg">
            ', $func(), '
        </div>';





Parse error: syntax error, unexpected 'template_ic_block_' (T_STRING), expecting ';' or ',' in C:\wamp64\www\smf\Themes\NameX_v1.2.7\BoardIndex.template.php on line 197

      $func = 'template_ic_block_' . $block['tpl'];
      echo '
      <div id="block-' . $block['txt'] . '" class="windowbg">
            $func = 'template_ic_block_' . $block['tpl'];
      if($func == 'template_ic_block_recent')
      continue;
      else
      $func();   
      </div>';
Title: Re: NameX
Post by: Diego Andrés on September 25, 2023, 11:37:39 PM
I'll test it tomorrow.
Title: Re: NameX
Post by: Diego Andrés on September 28, 2023, 12:50:25 AM
Quote from: gevv on September 25, 2023, 04:36:52 PMNameX_v1.2.7 BoardIndex.template.php;

Code (Search) Select
// Info Center Elements for tabs
    foreach ($context['info_center'] as $block)
    {
        echo '
            <li class="title_bar">
                <a href="#block-' . $block['txt'] . '" class="titlebg">
                    ', themecustoms_icon('fa fa-'. $block['txt']) , '
                    <span>', $txt[$block['txt']], '</span>
                </a>
            </li>';
    }

    echo '
            </ul>';

    // Load the blocks
    foreach ($context['info_center'] as $block)
    {
        $func = 'template_ic_block_' . $block['tpl'];
        echo '
        <div id="block-' . $block['txt'] . '" class="windowbg">
            ', $func(), '
        </div>';
    }
Code (Replace) Select
// Info Center Elements for tabs
    foreach ($context['info_center'] as $block)
    {
        if ($block['txt'] === 'recent_posts')
            continue;
        echo '
            <li class="title_bar">
                <a href="#block-' . $block['txt'] . '" class="titlebg">
                    ', themecustoms_icon('fa fa-'. $block['txt']) , '
                    <span>', $txt[$block['txt']], '</span>
                </a>
            </li>';
    }

    echo '
            </ul>';

    // Load the blocks
    foreach ($context['info_center'] as $block)
    {
        $func = 'template_ic_block_' . $block['tpl'];

        if ($func === 'template_ic_block_recent')
            continue;
       
        echo '
        <div id="block-' . $block['txt'] . '" class="windowbg">
            ', $func(), '
        </div>';
    }
Title: Re: NameX
Post by: gevv on September 28, 2023, 06:26:41 AM
Thanks @Diego Andrés 👍
Title: Re: NameX
Post by: Diego Andrés on October 01, 2023, 06:22:18 PM
Forgot to post last week update.

1.2.8 - 01 October 2023
Full list of changes (https://github.com/SMFTricks/NameX/compare/v1.2.7...v1.2.8)
Title: Re: NameX
Post by: emilot on October 22, 2023, 03:11:47 PM
Hello,

Is there a fix for this (Info Center info) issue, in mobile view?

Thanx and congrats for this awesome theme!
Title: Re: NameX
Post by: Diego Andrés on October 22, 2023, 04:20:05 PM
What's the viewport size? SMF itself is only looking to support down to 320px as the minimum limit.
You could try adding this in your NameX/css/custom/custom_edits.css file (or create it).

#info_center_blocks {
  display: inline-flex;
}
Title: Re: NameX
Post by: emilot on October 22, 2023, 04:45:08 PM
Quote from: Diego Andrés on October 22, 2023, 04:20:05 PMWhat's the viewport size? SMF itself is only looking to support down to 320px as the minimum limit.
You could try adding this in your NameX/css/custom/custom_edits.css file (or create it).

#info_center_blocks {
  display: inline-flex;
}

Hmmm...i put Forum width at 80%.

This is the reason? (no it wasn't)

Thank you!
Title: Re: NameX
Post by: emilot on October 22, 2023, 04:50:21 PM
Quote from: Diego Andrés on October 22, 2023, 04:20:05 PMWhat's the viewport size? SMF itself is only looking to support down to 320px as the minimum limit.
You could try adding this in your NameX/css/custom/custom_edits.css file (or create it).

#info_center_blocks {
  display: inline-flex;
}

With your solution everything come back to normal!!

Thank you for your quick support   ;D
Title: Re: NameX
Post by: jsx on November 19, 2023, 12:00:36 PM
@Diego Andrés

I have a question about changing the display of avatars to square. Why did you change this?
Title: Re: NameX
Post by: Diego Andrés on November 19, 2023, 01:59:36 PM
It hasn't changed.

/* Avatar */
/* Border */
--avatar-border-radius: 50%;

Did you have a different outcome with a MOD or edit?
Title: Re: NameX
Post by: jsx on November 20, 2023, 10:04:46 AM
Ok, I have no idea what was wrong with me yesterday, but today it's ok.

I added this code to the app.css file:

.boardindex_table .lastpost p span.last_post {
    display: flex;
    gap: 0.25em;
}

https://github.com/SMFTricks/NameX/compare/v1.2.7...v1.2.8#diff-6e968e1daffd770aa63e2bf8086cb69ccdfe24cd647fae037f6a3a00be43b3ca

But I see that in the app.css file from NameX 1.2.8 there is this code, i.e. there is also flex-wrap here:

.boardindex_table .lastpost p span.last_post {
display: flex;
gap: 0.25em;
flex-wrap: wrap;
}

So I copied this code from the app.css file from NameX 1.2.8
Title: Re: NameX
Post by: user58389239 on November 26, 2023, 11:29:07 AM
I've noticed a quirk related to the "signature" section. Words don't seem to wrap / break correctly. See this screenshot, the words "damage" and "after" are split between 2 lines.
Title: Re: NameX
Post by: Diego Andrés on November 26, 2023, 12:54:01 PM
I seem to recall this issue, is your theme updated?
I'll test later to make sure it's indeed fixed.

I used the wrong value when I patched it some time ago.
I added a new package with the fix, I didn't add a changelog entry so it's the same version...
See the commit (https://github.com/SMFTricks/NameX/commit/afd2a156c638a774a583e6fd096b4c757e2fed59)
Title: Re: NameX
Post by: gevv on November 27, 2023, 10:27:41 AM
Hello,


Can the background and content section be full width on small screen phones?

5.7 inc 720x1440;

1.jpg

Full width example (image editing :) )

fullw.jpg

Title: Re: NameX
Post by: Diego Andrés on November 28, 2023, 09:18:22 AM
I'll check this later today and leave you a solution soon.
Title: Re: NameX
Post by: user58389239 on November 28, 2023, 10:48:24 AM
Quote from: Diego Andrés on November 26, 2023, 12:54:01 PMI seem to recall this issue, is your theme updated?
I'll test later to make sure it's indeed fixed.

I used the wrong value when I patched it some time ago.
I added a new package with the fix, I didn't add a changelog entry so it's the same version...
See the commit (https://github.com/SMFTricks/NameX/commit/afd2a156c638a774a583e6fd096b4c757e2fed59)

Looks like I am on v1.2.7. I'll manually apply the fix for now until I can do a full update (which takes some work since I have a custom color).

Thanks!
Title: Re: NameX
Post by: Diego Andrés on November 28, 2023, 10:56:20 AM
Quote from: user58389239 on November 28, 2023, 10:48:24 AMLooks like I am on v1.2.7. I'll manually apply the fix for now until I can do a full update (which takes some work since I have a custom color).

Thanks!

Small changes in 1.2.8 from 1.2.7
https://github.com/SMFTricks/NameX/compare/v1.2.7...v1.2.8

In total with that last commit it'd be 5 file edits I think.
Although the last commit will be a part of 1.2.9 if it exists in the future, but many will have this fix already applied manually or with new installations.  :P
Title: Re: NameX
Post by: user58389239 on November 28, 2023, 11:07:15 AM
I did the fix manually for now and it did the trick. Thanks for the help! I will wait and update at 1.2.9.
Title: Re: NameX
Post by: Diego Andrés on November 28, 2023, 11:07:19 PM
Quote from: gevv on November 27, 2023, 10:27:41 AMHello,

Can the background and content section be full width on small screen phones?

Try with this on custom_edits.css
@media (max-width: 480px) {
#content_section {
padding-inline: 0.25em;
}
#main_content_section {
padding-inline: 0;
}
#top_section .inner_wrap, #wrapper, #header,
footer .inner_wrap, #nav_wrapper {
max-width: 100% !important;
padding-inline: 5px;
}
}
You can set the padding-inline to zero on both, just thought it should still have some visual 'guide'.
Let me know if it works for you.
Title: Re: NameX
Post by: gevv on November 29, 2023, 12:35:29 PM
Many thanks @Diego Andrés You're right, a little space looked better.
Title: Re: NameX
Post by: forumhub on December 02, 2023, 11:44:46 PM
Yes how to change the "Namex" without replacing with Website Logo. Like i want to use custom Text for Example "NameX" with the Text "Forum" .  Please elaborate and show me which file or replace codes to fix it.

Thank you
Title: Re: NameX
Post by: Diego Andrés on December 03, 2023, 01:06:16 AM
Quote from: forumhub on December 02, 2023, 11:44:46 PMYes how to change the "Namex" without replacing with Website Logo. Like i want to use custom Text for Example "NameX" with the Text "Forum" .  Please elaborate and show me which file or replace codes to fix it.

Thank you

Try this:
https://www.simplemachines.org/community/index.php?topic=583206.msg4159816#msg4159816
Title: Re: NameX
Post by: jsx on December 03, 2023, 05:26:18 AM
Hello Diego.

I changed the forum background color to hex and the footer color to hex as well.

body {
background: #e5e5e5;
font-family: var(--body-font-family);
color: var(--body-txt-color);
font-size: 1rem;
line-height: 1.2rem;
display: flex;
flex-direction: column;
min-height: 100vh;
}

/* Footer */
footer {
margin: 25px 0 0;
padding: 15px 0;
background: #ddd;
box-shadow: 0px -5px 8px -5px rgba(0,0,0,0.1);
}

And unfortunately, when turn on the forum's dark mode, the background does not change to dark. I understand that in order for the background color to change to dark, the color must be set as var. How can I easily make a forum background var with this color: #e5e5e5? I would also like to make a background var for the footer in this color: #ddd

(https://i.imgur.com/IShWXkB.png)
Title: Re: NameX
Post by: Diego Andrés on December 03, 2023, 09:56:13 AM
You'll need a new var likely because you need to set it in the dark.css file.
Example:
theme_colors.css
—-body-custom-bg: #e5e5e5;dark.css
—-body-custom-bg: darkcolor;
body { background: var(—body-custom-bg); }

I can post the custom_edits.css solution too if you are using that file, though I seem to recall you weren't.
Title: Re: NameX
Post by: jsx on December 03, 2023, 11:42:09 AM
There is this code in the theme_colors.css file:

/* Body */
/* Background */
--body-bg: hsl(var(--primary-color-hue), 40%, 85%);
/* Color */
--body-txt-color: hsl(0, 0%, 15%);
/* Color Strong */
--body-txt-color-strong: hsl(0, 0%, 35%);
/* Font Family */
--body-font-family: 'Lato', 'Segoe UI', 'Helvetica', 'Arial';

And should I add this code to this code?

--body-custom-bg: #e5e5e5;
And I should add this code in the dark.css file, right?

--body-custom-bg: darkcolor;
In which file should I insert this code?

body { background: var(—body-custom-bg); }
Quote from: Diego Andrés on December 03, 2023, 09:56:13 AMI can post the custom_edits.css solution too if you are using that file, though I seem to recall you weren't.

I don't use this file.
Title: Re: NameX
Post by: Diego Andrés on December 03, 2023, 12:53:40 PM
Quote from: jsx on December 03, 2023, 11:42:09 AMIn which file should I insert this code?

body { background: var(—body-custom-bg); }

app.css or custom_edits.css.
It's just an example, you already have a body selector you posted above, just edit it.
Title: Re: NameX
Post by: jsx on December 04, 2023, 04:29:38 PM
Either I didn't understand something or I entered your solution incorrectly, because the night mode doesn't work for me.

Is there any website online (color var generator) so that I can generate the color code #e5e5e5, #ddd?

In the app.css file I changed the background color to hex.

body {
background: #e5e5e5;
font-family: var(--body-font-family);
color: var(--body-txt-color);
font-size: 1rem;
line-height: 1.2rem;
display: flex;
flex-direction: column;
min-height: 100vh;
}

theme_colors.css content

/* Body */
/* Background */
--body-bg: hsl(var(--primary-color-hue), 40%, 85%);
/* Color */
--body-txt-color: hsl(0, 0%, 15%);
/* Color Strong */
--body-txt-color-strong: hsl(0, 0%, 35%);
/* Font Family */
--body-font-family: 'Lato', 'Segoe UI', 'Helvetica', 'Arial';

dark.css content

:root[data-colormode="dark"] {
--body-bg: hsl(var(--primary-color-hue), 80%, 2%);
--body-txt-color: hsl(0, 0%, 70%);
--body-txt-color-strong: hsl(0, 0%, 90%);

In the app.css file I changed the footer background color to hex.

/* Footer */
footer {
margin: 25px 0 0;
padding: 15px 0;
background: #ddd;
box-shadow: 0px -5px 8px -5px rgba(0,0,0,0.1);

I entered these codes like this:

app.css

body {
background: var(—body-custom-bg);

theme_colors.css

/* Body */
/* Background */
--body-bg: hsl(var(--primary-color-hue), 40%, 85%);
--body-custom-bg: #e5e5e5;

dark.css

:root[data-colormode="dark"] {
--body-bg: hsl(var(--primary-color-hue), 80%, 2%);
--body-custom-bg: #000000;

What did I do wrong?
Title: Re: NameX
Post by: Diego Andrés on December 04, 2023, 04:50:48 PM
Quote from: jsx on December 04, 2023, 04:29:38 PMapp.css

body {
    background: var(—body-custom-bg);


Looks like you're missing a hyphen here.
var(--body-custom-bg)
Title: Re: NameX
Post by: jsx on December 04, 2023, 05:09:47 PM
Right, now it works. Can you give me a solution to change the footer color to a dark background?
Title: Re: NameX
Post by: Diego Andrés on December 04, 2023, 05:33:39 PM
Just need to do the same, with a new variable for your footer.
If it's always the same color then you don't add anything to the dark.css file.
Title: Re: NameX
Post by: jsx on December 05, 2023, 02:08:57 PM
Thanks for the information. I did it this way:

app.css

/* Footer */
footer {
margin: 25px 0 0;
padding: 15px 0;
background: var(--footer-custom-bg);
box-shadow: 0px -5px 8px -5px rgba(0,0,0,0.1);
}

theme_colors.css

/* Footer */
/* Background */
--footer-bg: hsl(var(--primary-color-hue), 50%, 92%);
--footer-custom-bg: #ddd;

dark.css

--footer-bg: hsl(var(--primary-color-hue), 60%, 10%);
--footer-custom-bg: #0b0f0b;

Is there a way to set the dark background color for the TinyPortal shoutbox in the NameX theme files? To make the dark background of this shoutbox display when the dark forum mode is enabled.

(https://i.imgur.com/mCIONyI.png)
Title: Re: NameX
Post by: mickjav on December 05, 2023, 02:37:42 PM
You could try the header and footer mod.

https://custom.simplemachines.org/index.php?mod=351

I use it for my copyright

<center><p style="color:red">Copyright &copy; <script>document.write(new Date().getFullYear())</script> Database Dreams All Rights Reserved</p></center>
<script>
Title: Re: NameX
Post by: Diego Andrés on December 05, 2023, 02:57:11 PM
Quote from: jsx on December 05, 2023, 02:08:57 PMIs there a way to set the dark background color for the TinyPortal shoutbox in the NameX theme files? To make the dark background of this shoutbox display when the dark forum mode is enabled.

(https://i.imgur.com/mCIONyI.png)

I'm not sure what this is. I haven't used the shoutbox, is it not using the theme colors?
Title: Re: NameX
Post by: jsx on December 05, 2023, 03:51:38 PM
These are the TP shoutbox background colors:

(https://i.imgur.com/rHp6TXr.png)

I'm looking for a way to keep these colors enabled when the light NameX theme is enabled. And when I switch the theme to dark mode, I would like the shoutbox background to be dark. Do you think there is any way to do this?
Title: Re: NameX
Post by: forumhub on December 05, 2023, 04:27:15 PM
Please provide code for exact match for the design "Name-X"
Title: Re: NameX
Post by: Diego Andrés on December 05, 2023, 04:27:50 PM
Quote from: jsx on December 05, 2023, 03:51:38 PMI'm looking for a way to keep these colors enabled when the light NameX theme is enabled. And when I switch the theme to dark mode, I would like the shoutbox background to be dark. Do you think there is any way to do this?

You'd need to manually overwrite these values with css.
I'm not sure what the exact selectors would be.
You'd just add the selector to your css file using a variable. Would likely need to use !important, to make sure it overwrites the inline style.
Title: Re: NameX
Post by: Diego Andrés on December 05, 2023, 04:30:57 PM
Quote from: forumhub on December 05, 2023, 04:27:15 PMPlease provide code for exact match for the design "Name-X"

<a id="top" href="', $scripturl, '">', empty($context['header_logo_url_html_safe']) ? '
                    <span class="theme-logo">
                        <span>
                            Name
                        </span>
                        <span>
                            X
                        </span>
                    </span>' : '
                    <img src="' . $context['header_logo_url_html_safe'] . '" alt="' . $context['forum_name_html_safe'] . '">', '
                </a>
Title: Re: NameX
Post by: Diego Andrés on December 05, 2023, 08:00:40 PM
Quote from: jsx on December 05, 2023, 03:51:38 PMI'm looking for a way to keep these colors enabled when the light NameX theme is enabled. And when I switch the theme to dark mode, I would like the shoutbox background to be dark. Do you think there is any way to do this?

Try with these selectors:
.tp_shoutbody_layout0
.tp_shoutbody_layout2
.tp_shoutbody_layout1
.tp_shoutbody_layout3

For example:
.tp_shoutbody_layout3 { background: {yourcolor} !important; }
Might want to ask on their support topic if it doesn't work, I only looked through the files I didn't install the MOD.


Title: Re: NameX
Post by: jsx on December 06, 2023, 03:12:21 PM
Thanks Diego for your willingness to help.

Should I enter the hex color here {yourcolor}?

And as I guess this code I should add to tp-shout.css?
Title: Re: NameX
Post by: Diego Andrés on December 06, 2023, 03:18:56 PM
Quote from: jsx on December 06, 2023, 03:12:21 PMShould I enter the hex color here {yourcolor}?
Yes.

Quote from: jsx on December 06, 2023, 03:12:21 PMAnd as I guess this code I should add to tp-shout.css?
Use the css file from the theme, preferably.
Title: Re: NameX
Post by: @rjen on December 06, 2023, 04:09:25 PM
That should work, but you need to blank out the settings in Tinyportal or they will override the css
Title: Re: NameX
Post by: Diego Andrés on December 06, 2023, 04:34:39 PM
!important should do the trick, to override non !important inline styles.
Title: Re: NameX
Post by: jsx on December 07, 2023, 03:56:01 PM
I use shout_layout3 for shoutbox:

(https://i.imgur.com/na0Opy6.png)

And in the app.css file from NameX I added this code:

.tp_shoutbody_layout3 { background: {#0b0f0b} !important; }
And unfortunately the background hasn't changed. Have I done something wrong?
Title: Re: NameX
Post by: Diego Andrés on December 07, 2023, 07:18:02 PM
You don't need brackets for your color.
I added them as placeholders for the example.

Also you should use your variable since that's the plan you had for it.
Are you editing this files with vs code? It will tell you if you have a syntax error in these scenarios.
Title: Re: NameX
Post by: jsx on December 08, 2023, 05:33:02 AM
Ok, so this shoutbody_layout2 code works to change the background color of the shoutbox.

.tp_shoutbody_layout2 { background: #0b0f0b !important;
}

I know that I also need to add shoutbox codes to dark.css and theme_colors.css, but how to do it exactly?

Based on these codes, how to do it? Should I enter this name? tp_shoutbody_layout2

dark.css

--body-bg: hsl(var(--primary-color-hue), 80%, 2%);
--body-custom-bg: #020901;

theme_colors.css

/* Background */
--body-bg: hsl(var(--primary-color-hue), 40%, 85%);
--body-custom-bg: #e5e5e5;
Title: Re: NameX
Post by: Diego Andrés on December 08, 2023, 07:59:27 AM
Just add a new variable, you can give it any name, or re-use another one that already exists.
Title: Re: NameX
Post by: jsx on December 08, 2023, 10:24:15 AM
Unfortunately, !important doesn't work because after adding this code:

.tp_shoutbody_layout2 { background: #0b0f0b !important;
}

to app.css then this background color replaces the background in light theme mode.

I added this code to app.css:

.tp_shoutbody_layout2 {
background: var(--tp-shoutbody-layout2-custom-bg);
}

I added this code to dark.css:

--tp-shoutbody-layout2-bg: hsl(var(--primary-color-hue), 80%, 2%);
--tp-shoutbody-layout2-custom-bg: #0b0f0b;

I added this code to theme_colors.css:

--tp-shoutbody-layout2-bg: hsl(var(--primary-color-hue), 40%, 85%);
--tp-shoutbody-layout2-custom-bg: #e5e5e5;

And unfortunately it doesn't work.
Title: Re: NameX
Post by: Diego Andrés on December 08, 2023, 10:48:08 AM
You didn't use !important.
.tp_shoutbody_layout2 {
background: var(--tp-shoutbody-layout2-custom-bg) !important;
}

or do as jren suggested.
Title: Re: NameX
Post by: jsx on December 08, 2023, 12:39:43 PM
Okay, now it works. :)

I also have a question: is it possible to implement the font color of the text in the shoutbox when the forum dark mode is turned on? Ok, I can change the color in the shoutbox settings, but then this color will also change for light mode.

(https://i.imgur.com/ayRHRpQ.png)

It would also be nice if I could set those colored lines for the light and dark theme, because these lines disappeared when I implement these codes.

background color odd lines
background color even lines

Can you help me with this Diego?
Title: Re: NameX
Post by: Diego Andrés on December 08, 2023, 12:56:06 PM
Just add a variable for each, not sure what you're asking here.
It's the same process you just followed for .tp_shoutbody_layout2
Do that for the other selectors/settings.

What your inputting in the settings is now irrelevant because you're overwriting it, you can change it to anything you want, like you just did.
Title: Re: NameX
Post by: jsx on December 08, 2023, 02:37:27 PM
Quote from: Diego Andrés on December 08, 2023, 12:56:06 PMJust add a variable for each

I'll try to do it.

Quote from: Diego Andrés on December 08, 2023, 12:56:06 PMnot sure what you're asking here.

I mean one line in color, the other in the background color of the shoutbox:

(https://i.imgur.com/pcAVQ0u.png)

Quote from: Diego Andrés on December 08, 2023, 12:56:06 PMIt's the same process you just followed for .tp_shoutbody_layout2

Okay.

Quote from: Diego Andrés on December 08, 2023, 12:56:06 PMDo that for the other selectors/settings.

I definitely don't know how to implement this colored line:

(https://i.imgur.com/pcAVQ0u.png)
Title: Re: NameX
Post by: Diego Andrés on December 08, 2023, 02:53:09 PM
There are four selectors, you only did one
.tp_shoutbody_layout0
.tp_shoutbody_layout1
.tp_shoutbody_layout2
.tp_shoutbody_layout3
Title: Re: NameX
Post by: @rjen on December 08, 2023, 02:58:00 PM
Those are different layout versions. He is only using version 2
Title: Re: NameX
Post by: forumhub on December 09, 2023, 12:37:58 AM
For example i want to change the name of "NAMEX" with the same design as like your theme name with any custom name "EXAMPLEWEBSITE" still it will work?
Title: Re: NameX
Post by: forumhub on December 09, 2023, 01:10:31 AM
I tried with this code-
<a id="top" href="', $scripturl, '">', empty($context['header_logo_url_html_safe']) ? '
                    <span class="theme-logo">
                        <span style="font-size: 100%">
                            FORUM
                        </span>
                         <span style="font-size: 125%">
                            HUB
                        </span>
                    </span>' : '
                    <img src="' . $context['header_logo_url_html_safe'] . '" alt="' . $context['forum_name_html_safe'] . '">', '
                </a>

But looks like not mobile friendly. can you fix it for mobile friendly
Title: Re: NameX
Post by: @rjen on December 09, 2023, 10:30:53 AM
Quote from: jsx on December 08, 2023, 02:37:27 PMI definitely don't know how to implement this colored line:

(https://i.imgur.com/pcAVQ0u.png)

Played around with the theme a bit.

If you are overriding the colors that are set in the shoutbox settings you CANNOT have one mode (light) keep the settings from TinyPortal and at the same time have dark override them: the !important in the app.css will overrule the colors set in the setting, even if no variable is set in the theme variant css

So when you want to change the settings using the variants you are losing the TinyPortal setting for that element in this theme.

I just added these settings to the css files for the shoutbox to look good in all variations
In this setup the shoutbox is following the theme...

add to app.css
.tp_shoutbody_layout2:nth-of-type(2n + 1), .tp_shoutbody_layout3:nth-of-type(2n + 1) {
background: var(--tp_shout-bgodd) !important;
}
.tp_shoutbody_layout2:nth-of-type(2n), .tp_shoutbody_layout3:nth-of-type(2n) {
background: var(--tp_shout-bgeven) !important;
}
.tp_shoutbody_layout2 > span, .tp_shoutbody_layout3 > span {
color: var(--tp_shout-textcolor) !important;
}

add to theme_colors.css AND dark.css
--tp_shout-bgodd: hsl(var(--windowbg-bg), 25%, 15%);
--tp_shout-bgeven: var(--body-bg);
--tp_shout-textcolor: var(--body-txt-color);

If you also want the layout option 1 and 2 to look good some more work is required...
Title: Re: NameX
Post by: @rjen on December 10, 2023, 09:34:04 AM
Ik like this theme and it's color options.  ;)

So I decided to translate the language files to dutch.

Now I am finding some language files in the theme that appear not te be used...
carousel.english.php
cover.english.php
profile.english.php

I suspect these are not relevant?

*** update ***
Just checked Crowdin and noticed the message...

QuoteThese language files are included in every theme developed by SMF Tricks, for SMF 2.1.x and onward.

Included the relevant translations to dutch in attached file...

Title: Re: NameX
Post by: Diego Andrés on December 10, 2023, 09:55:39 AM
Thanks!
Title: Re: NameX
Post by: @rjen on December 10, 2023, 10:01:14 AM
Just put them into Crowdin for you
Title: Re: NameX
Post by: jsx on December 10, 2023, 12:30:20 PM
@rjen

Thank you very much for your help with these codes!

Nice effect. :)
Title: Re: NameX
Post by: Diego Andrés on December 13, 2023, 01:57:18 PM
Quote from: @rjen on December 10, 2023, 10:01:14 AMJust put them into Crowdin for you

Thank you.

I just now realized the mess crowdin did with some strings while setting up the GitHub integration.
I'll update the source strings and themes today or tomorrow to fix this.
I'll also add polish in case @jsx wants to contribute his translations.
Title: Re: NameX
Post by: Diego Andrés on December 13, 2023, 08:35:32 PM
I've updated the files in Crowdin.
I think themes are updated at the moment on Github, I will update the packages next week in any case, with the current translations.
Title: Re: NameX
Post by: Diego Andrés on December 18, 2023, 09:10:59 PM
1.3.0 - 18 December 2023

Full list of changes (https://github.com/SMFTricks/NameX/compare/v1.2.8...v1.3)
Title: Re: NameX
Post by: rhinjard on December 30, 2023, 05:45:51 PM
Thank you for this great theme.

I just want to remove the entire section including topics and the jump to option under the breadcrumb. Would you please tell me how to do it?

Title: Re: NameX
Post by: Diego Andrés on December 30, 2023, 07:07:54 PM
#topic_icons { display: none; }
You can add it to css/custom/custom_edits.css or app.css
Title: Re: NameX
Post by: rhinjard on December 30, 2023, 08:07:04 PM
Quote from: Diego Andrés on December 30, 2023, 07:07:54 PM#topic_icons { display: none; }
You can add it to css/custom/custom_edits.css or app.css

Thank you so much.

I have couple more questions regarding customizations.

1. I want to display the copyright years in the footer like yyyy - yyyy format instead of default yyyy.
2. I want to remove Help & Terms and Rules links from the footer and replace them with CC BY-NC-ND 4.0 link.

If you could help me, I would be grateful. Thank you and happy new year.
Title: Re: NameX
Post by: Diego Andrés on December 30, 2023, 09:37:42 PM
In theme settings you can set your logo URL.
Admin > config > current theme.

For the other I can post instructions when I'm back.
Title: Re: NameX
Post by: rhinjard on December 30, 2023, 09:51:14 PM
Quote from: Diego Andrés on December 30, 2023, 09:37:42 PMIn theme settings you can set your logo URL.
Admin > config > current theme.

For the other I can post instructions when I'm back.

Thanks so much for your reply.

I've seen the option to setup the logo URL but the thing is where shall I put the logo image? Also if I create my custom logo, does it automatically get hover effects like the NAMEX logo?

About the customizations of the footer, I've figured it out.

Thank you so much.
Title: Re: NameX
Post by: Diego Andrés on December 31, 2023, 12:58:33 AM
No, the namex "logo" is just text.
You upload your logo to the forum files or a file server and you provide the direct url to the setting.

In previous posts you can find some instructions on how to change the namex text to suit your own text, if that's something that interests you.
Title: Re: NameX
Post by: rhinjard on December 31, 2023, 05:04:35 AM
Quote from: Diego Andrés on December 31, 2023, 12:58:33 AMNo, the namex "logo" is just text.
You upload your logo to the forum files or a file server and you provide the direct url to the setting.

In previous posts you can find some instructions on how to change the namex text to suit your own text, if that's something that interests you.

Thank you for your reply. I'm almost done with the customizations. May I bother you with two more questions plz? I tried figuring them out but was unable to do so.

1. I want to replace the NAMEX text in the logo with my own. I've gone through the previous posts but couldn't find out anything about it.
2. I want to align the bottom Page and the number to the right. How do I do it?

So, far my customizations look like this.

/* remove topic legends */
#topic_icons {
    display: none;
}

/* remove forum header */
#display_head {
    display: none;
}

/* remove bottom breadcrumb */
#main_content_section > .navigate_section {
    display: none;
}

/* remove top pagination */
#main_content_section > .pagesection:not(.pagesection ~ .pagesection) {
    display: none;
}

/* remove the go up button */
div#main_content_section > div.pagesection > div.pagelinks.floatleft > a#bot.button {
    display: none;
}

Also, I've modified the footer like this
<div class="footer_links">
                <ul class="copyright">
                    <li class="smf_copyright">', theme_copyright(), '</li>
                </ul>
                <div class="footer-other">
                    ', themecustoms_socials(), '
                    <a href="', $scripturl, '">', $context['forum_name'], ' &copy; ', '2023 - ', date('Y'), '</a>
                    <span class="help-links">
                        <a href="https://creativecommons.org/licenses/by-nc-nd/4.0/" target=_blank>CC BY-NC-ND 4.0</a>', '
                        <a href="#top_section">', $txt['go_up'], ' ', themecustoms_icon('fa fa-arrow-up'), '</a>
                    </span>
                </div>
            </div>';
I hope I didn't break any copyright licenses. Please check the attachment for my modified footer.
Title: Re: NameX
Post by: Steve on December 31, 2023, 06:56:18 AM
1.

Quote from: Diego Andrés on December 31, 2023, 12:58:33 AMNo, the namex "logo" is just text.
You upload your logo to the forum files or a file server and you provide the direct url to the setting.

In previous posts you can find some instructions on how to change the namex text to suit your own text, if that's something that interests you.

Url to your forum so I can check the copyright? You can PM it if you prefer.
Title: Re: NameX
Post by: rhinjard on December 31, 2023, 04:23:01 PM
Quote from: rhinjard on December 31, 2023, 05:04:35 AM
Quote from: Diego Andrés on December 31, 2023, 12:58:33 AMNo, the namex "logo" is just text.
You upload your logo to the forum files or a file server and you provide the direct url to the setting.

In previous posts you can find some instructions on how to change the namex text to suit your own text, if that's something that interests you.

Thank you for your reply. I'm almost done with the customizations. May I bother you with two more questions plz? I tried figuring them out but was unable to do so.

1. I want to replace the NAMEX text in the logo with my own. I've gone through the previous posts but couldn't find out anything about it.
2. I want to align the bottom Page and the number to the right. How do I do it?

So, far my customizations look like this.

/* remove topic legends */
#topic_icons {
    display: none;
}

/* remove forum header */
#display_head {
    display: none;
}

/* remove bottom breadcrumb */
#main_content_section > .navigate_section {
    display: none;
}

/* remove top pagination */
#main_content_section > .pagesection:not(.pagesection ~ .pagesection) {
    display: none;
}

/* remove the go up button */
div#main_content_section > div.pagesection > div.pagelinks.floatleft > a#bot.button {
    display: none;
}

Also, I've modified the footer like this
<div class="footer_links">
                <ul class="copyright">
                    <li class="smf_copyright">', theme_copyright(), '</li>
                </ul>
                <div class="footer-other">
                    ', themecustoms_socials(), '
                    <a href="', $scripturl, '">', $context['forum_name'], ' &copy; ', '2023 - ', date('Y'), '</a>
                    <span class="help-links">
                        <a href="https://creativecommons.org/licenses/by-nc-nd/4.0/" target=_blank>CC BY-NC-ND 4.0</a>', '
                        <a href="#top_section">', $txt['go_up'], ' ', themecustoms_icon('fa fa-arrow-up'), '</a>
                    </span>
                </div>
            </div>';
I hope I didn't break any copyright licenses. Please check the attachment for my modified footer.

Everything has been sorted out.

@Diego Andrés
Since I will be using this as a blog and not as a forum, I do not require to display the number of replies/views. So, is it possible to remove them altogether?

Thanks & happy new year.
Title: Re: NameX
Post by: rhinjard on December 31, 2023, 06:49:39 PM
Quote from: rhinjard on December 31, 2023, 04:23:01 PM
Quote from: rhinjard on December 31, 2023, 05:04:35 AM
Quote from: Diego Andrés on December 31, 2023, 12:58:33 AMNo, the namex "logo" is just text.
You upload your logo to the forum files or a file server and you provide the direct url to the setting.

In previous posts you can find some instructions on how to change the namex text to suit your own text, if that's something that interests you.

Thank you for your reply. I'm almost done with the customizations. May I bother you with two more questions plz? I tried figuring them out but was unable to do so.

1. I want to replace the NAMEX text in the logo with my own. I've gone through the previous posts but couldn't find out anything about it.
2. I want to align the bottom Page and the number to the right. How do I do it?

So, far my customizations look like this.

/* remove topic legends */
#topic_icons {
    display: none;
}

/* remove forum header */
#display_head {
    display: none;
}

/* remove bottom breadcrumb */
#main_content_section > .navigate_section {
    display: none;
}

/* remove top pagination */
#main_content_section > .pagesection:not(.pagesection ~ .pagesection) {
    display: none;
}

/* remove the go up button */
div#main_content_section > div.pagesection > div.pagelinks.floatleft > a#bot.button {
    display: none;
}

Also, I've modified the footer like this
<div class="footer_links">
                <ul class="copyright">
                    <li class="smf_copyright">', theme_copyright(), '</li>
                </ul>
                <div class="footer-other">
                    ', themecustoms_socials(), '
                    <a href="', $scripturl, '">', $context['forum_name'], ' &copy; ', '2023 - ', date('Y'), '</a>
                    <span class="help-links">
                        <a href="https://creativecommons.org/licenses/by-nc-nd/4.0/" target=_blank>CC BY-NC-ND 4.0</a>', '
                        <a href="#top_section">', $txt['go_up'], ' ', themecustoms_icon('fa fa-arrow-up'), '</a>
                    </span>
                </div>
            </div>';
I hope I didn't break any copyright licenses. Please check the attachment for my modified footer.

Everything has been sorted out.

@Diego Andrés
Since I will be using this as a blog and not as a forum, I do not require to display the number of replies/views. So, is it possible to remove them altogether?

Thanks & happy new year.

This too sorted out as well. I am all set now. I learned a few things while working on your theme. Thank you Diego.  :)
Title: Re: NameX
Post by: Oldiesmann on January 19, 2024, 01:33:36 AM
Just installed this on the seniors forum I run and it looks great. It even matches the existing logo (didn't plan it that way). https://www.seniorsandfriends.org
Title: Re: NameX
Post by: Diego Andrés on January 19, 2024, 02:11:55 PM
Quote from: Oldiesmann on January 19, 2024, 01:33:36 AMJust installed this on the seniors forum I run and it looks great. It even matches the existing logo (didn't plan it that way). https://www.seniorsandfriends.org
Something is breaking the JS for darkmode/variants in some pages/areas, maybe it's a guest issue? I didn't make an account yet  :P
Title: Re: NameX
Post by: Oldiesmann on January 20, 2024, 12:28:47 PM
Quote from: Diego Andrés on January 19, 2024, 02:11:55 PM
Quote from: Oldiesmann on January 19, 2024, 01:33:36 AMJust installed this on the seniors forum I run and it looks great. It even matches the existing logo (didn't plan it that way). https://www.seniorsandfriends.org
Something is breaking the JS for darkmode/variants in some pages/areas, maybe it's a guest issue? I didn't make an account yet  :P

I'll look into that when I get a chance. I did add the unread posts/updated topics links up top as well because several people complained about those links missing (I never use that feature so I didn't even pay attention)
Title: Re: NameX
Post by: jsx on January 29, 2024, 04:53:23 PM
Quote from: @rjen on December 09, 2023, 10:30:53 AM
Quote from: jsx on December 08, 2023, 02:37:27 PMI definitely don't know how to implement this colored line:

(https://i.imgur.com/pcAVQ0u.png)

Played around with the theme a bit.

If you are overriding the colors that are set in the shoutbox settings you CANNOT have one mode (light) keep the settings from TinyPortal and at the same time have dark override them: the !important in the app.css will overrule the colors set in the setting, even if no variable is set in the theme variant css

So when you want to change the settings using the variants you are losing the TinyPortal setting for that element in this theme.

I just added these settings to the css files for the shoutbox to look good in all variations
In this setup the shoutbox is following the theme...

add to app.css
.tp_shoutbody_layout2:nth-of-type(2n + 1), .tp_shoutbody_layout3:nth-of-type(2n + 1) {
    background: var(--tp_shout-bgodd) !important;
}
.tp_shoutbody_layout2:nth-of-type(2n), .tp_shoutbody_layout3:nth-of-type(2n) {
    background: var(--tp_shout-bgeven) !important;
}
.tp_shoutbody_layout2 > span, .tp_shoutbody_layout3 > span {
    color: var(--tp_shout-textcolor) !important;
}

add to theme_colors.css AND dark.css
    --tp_shout-bgodd: hsl(var(--windowbg-bg), 25%, 15%);
    --tp_shout-bgeven: var(--body-bg);
    --tp_shout-textcolor: var(--body-txt-color);

If you also want the layout option 1 and 2 to look good some more work is required...

Hi @@rjen. When I installed TP 3.0, these bar colors do not appear:

(https://i.imgur.com/BdbovRm.png)

Can you help me with this?
Title: Re: NameX
Post by: @rjen on January 30, 2024, 12:26:17 AM
That is because we have now implemented a separate css file that holds all colors for TP in css variants: tp-colors.css

Copy that css from default to you theme folder

Then locate the shoutbox background variables and update them as you please in the new css.
Title: Re: NameX
Post by: jsx on February 18, 2024, 09:23:14 AM
Hi @@rjen

Quote from: @rjen on January 30, 2024, 12:26:17 AMCopy that css from default to you theme folder

Should I copy the tp-colors.css file to Themes/NameX/css/custom?

And as I understand it, in app.css from NameX this code should remain? Should I remove it?

.tp_shoutbody_layout2:nth-of-type(2n + 1), .tp_shoutbody_layout3:nth-of-type(2n + 1) {
background: var(--tp_shout-bgodd) !important;
}
.tp_shoutbody_layout2:nth-of-type(2n), .tp_shoutbody_layout3:nth-of-type(2n) {
background: var(--tp_shout-bgeven) !important;
}
.tp_shoutbody_layout2 > span, .tp_shoutbody_layout3 > span {
color: var(--tp_shout-textcolor) !important;
}

Should this code also remain in the theme_colors.css file from NameX?

--tp_shout-bgodd: hsl(var(--windowbg-bg), 25%, 15%);
    --tp_shout-bgeven: var(--body-bg);
    --tp_shout-textcolor: var(--body-txt-color);
Title: Re: NameX
Post by: @rjen on February 18, 2024, 09:38:15 AM
The idea is to make it easier to adapt the colors in other themes, but since you already changed you theme css you will have to undo thos changes again...

The proceed for a new theme would be:
1) make a copy of tp-colors.css into the new theme css folder

2) In that copy you should make the changes you desire (effectively those are the changes you made to the app.css and the theme_colors.css before)

Since you already made changes to the theme...
3) You can then undo your changes to app.css and theme_colors.css
Title: Re: NameX
Post by: jsx on February 18, 2024, 01:34:27 PM
Ok, but I don't know why the shoutbox background doesn't change to dark when I switch the theme to dark mode.

I added these codes to tp-colors.css

--tp_shout-bgodd: hsl(var(--windowbg-bg), 25%, 15%);
--tp_shout-bgeven: var(--body-bg);
--tp_shout-textcolor: var(--body-txt-color);
Title: Re: NameX
Post by: @rjen on February 18, 2024, 01:59:37 PM
Quote from: jsx on February 18, 2024, 01:34:27 PMOk, but I don't know why the shoutbox background doesn't change to dark when I switch the theme to dark mode.


neither do I... and I have to time to look into that now
Title: Re: NameX
Post by: Diego Andrés on February 19, 2024, 09:14:41 PM
1.3.2 - 19 February 2024
Title: Re: NameX
Post by: jsx on February 21, 2024, 04:49:25 PM
Quote from: @rjen on February 18, 2024, 01:59:37 PM
Quote from: jsx on February 18, 2024, 01:34:27 PMOk, but I don't know why the shoutbox background doesn't change to dark when I switch the theme to dark mode.


neither do I... and I have to time to look into that now

Ok, I'm waiting for news.
Title: Re: NameX
Post by: @rjen on February 21, 2024, 04:51:53 PM
May take a week or two. On holiday..

You better try to fix it yourself.
Title: Re: NameX
Post by: jsx on February 21, 2024, 05:19:50 PM
I will wait.

Hi @Diego Andrés do you have any idea?
Title: Re: NameX
Post by: Diego Andrés on February 21, 2024, 05:28:25 PM
I'm not really following that discussion too much.
From a quick glance it seems you might be missing to add the variable you want to replace inside the dark.css or target it with the correct attribute like Bugo pointed out in a different post but about variants.
Title: Re: NameX
Post by: FredK on February 22, 2024, 08:45:56 AM
Great theme, just what I was looking for (this or Repulse but I presume the answer will be the same). I need to change the colour scheme (mainly the background and bars) to resemble an outdated phpBB3 forum. Could you please give me a pointer where I need to make the changes? Unfortunately my knowledge is near zero here. It would be much appreciated.
Title: Re: NameX
Post by: Diego Andrés on February 22, 2024, 10:34:36 AM
You can edit css/custom/theme_colors.css to modify colors. Use the browser inspector tool to locate the specific things you need/want to change.

For example, you can change this variable value to modify the background color:
--body-bg: hsl(var(--primary-color-hue), 40%, 85%);
However, both NameX and Repulse have implications with the variants if you are using them, meaning that the hue would remain as the only change across colors, so you'd need to adjust only the lightness and saturation of the color (if you want to keep using both hsl and variants).
If you don't want to use variants, feel free to replace the entire color with whatever you want, like:
--body-bg: red;
Another (and the best way to do it), is to create a css/custom/custom_edits.css file and overwrite the CSS or variables in there, but this is not required if you don't feel comfortable with all of that stuff.
Title: Re: NameX
Post by: @rjen on February 23, 2024, 04:45:02 PM
Quote from: jsx on February 18, 2024, 01:34:27 PMOk, but I don't know why the shoutbox background doesn't change to dark when I switch the theme to dark mode.

I added these codes to tp-colors.css

    --tp_shout-bgodd: hsl(var(--windowbg-bg), 25%, 15%);
    --tp_shout-bgeven: var(--body-bg);
    --tp_shout-textcolor: var(--body-txt-color);

well, I just did the following

1. Downloaded tp-colors.css from the default theme
2. Added these lines at the bottom of the file

    --tp_shout-bgodd: hsl(var(--windowbg-bg), 25%, 15%);
    --tp_shout-bgeven: var(--body-bg);
    --tp_shout-textcolor: var(--body-txt-color);

3. Uploaded the file into the css folder for the theme: /Themes/NameX_v1.3.2/css

And it works in Dark and in Light mode.

Make sure to blank out these settings..
2024-02-23_224624.jpg
Title: Re: NameX
Post by: nuvar on March 04, 2024, 10:17:09 AM
I think in the mobile version, clicking on the "more" button above each post does not work at all
Title: Re: NameX
Post by: Diego Andrés on March 04, 2024, 10:36:43 AM
I don't recall a 'more' button, which one are you referring to?
Title: Re: NameX
Post by: Arantor on March 04, 2024, 10:37:25 AM
Presumably the one next to quotes, that also has things like report to moderator in it.
Title: Re: NameX
Post by: Diego Andrés on March 04, 2024, 10:40:30 AM
Oh, then likely something else broke it on his forum, it should certainly work as it's pretty much the default behavior from the curve2 theme.
Title: Re: NameX
Post by: jsx on June 01, 2024, 11:06:53 AM
Quote from: @rjen on February 23, 2024, 04:45:02 PMwell, I just did the following

1. Downloaded tp-colors.css from the default theme
2. Added these lines at the bottom of the file

    --tp_shout-bgodd: hsl(var(--windowbg-bg), 25%, 15%);
    --tp_shout-bgeven: var(--body-bg);
    --tp_shout-textcolor: var(--body-txt-color);

3. Uploaded the file into the css folder for the theme: /Themes/NameX_v1.3.2/css

And it works in Dark and in Light mode.

Make sure to blank out these settings..
2024-02-23_224624.jpg

rjen I completely forgot about your post, I just checked it now and it works fine. Thank you for your help a few months ago.
Title: Re: NameX
Post by: jsx on June 02, 2024, 08:01:36 AM
Hi @Diego Andrés

In SMF Packs Shoutbox Pro I want to change the alternating row colors so that one background is the color I want and the other background is a different color. And the change only works for the default SMF 2.1 theme, but it doesn't work for NameX.

This is the code:

.shoutbox_row:nth-child(odd){
background-color: #f6f6f6;
}
.shoutbox_row:nth-child(even){
background-color: #dbdbdb;
}
.shoutbox_dark_mode .shoutbox_row:nth-child(odd){
background-color: #1e1e1e;
}
.shoutbox_dark_mode .shoutbox_row:nth-child(even){
background-color: #454545;

Diego, could you help me so that I can change these colors for the shoutbox in NameX?
Title: Re: NameX
Post by: Diego Andrés on June 02, 2024, 11:59:32 AM
If those styles are in the shout box CSS file, it's possible they'll always overwrite those styles from the theme.
I start the order of my files in the 200 position, but the default position is 3000 so if the shout box CSS didn't specify a position, it will most likely be in 3000 (after the theme files).

You'll probably need to use !important, or load the shout box file in the theme css folder too.
Title: Re: NameX
Post by: jsx on June 02, 2024, 05:11:12 PM
I added this code with !important to app.css and now the row colors have changed, but the colors don't work when I change to dark mode of the theme.

.shoutbox_row:nth-child(odd){
    background-color: #f1f4f0 !important;
}
.shoutbox_row:nth-child(even){
    background-color: #cce8c9 !important;
}
.shoutbox_dark_mode .shoutbox_row:nth-child(odd){
    background-color: #1e1e1e !important;
}
.shoutbox_dark_mode .shoutbox_row:nth-child(even){
    background-color: #454545 !important;
}

I understand that in app.css I should create code like this:

.tp_shoutbody_layout2:nth-of-type(2n + 1), .tp_shoutbody_layout3:nth-of-type(2n + 1) {
    background: var(--tp_shout-bgodd) !important;
}
.tp_shoutbody_layout2:nth-of-type(2n), .tp_shoutbody_layout3:nth-of-type(2n) {
    background: var(--tp_shout-bgeven) !important;
}
.tp_shoutbody_layout2 > span, .tp_shoutbody_layout3 > span {
    color: var(--tp_shout-textcolor) !important;

To later add code in this style to dark.css so that the dark background for this shoutbox works when I turn on the dark mode of the theme.

    --shoutbox-bgodd: hsl(var(--windowbg-bg), 25%, 15%);
    --shoutbox-bgeven: var(--body-bg);
    --shoutbox-textcolor: var(--body-txt-color);

Can you help me with this?

***

In app.css I added this code:

.shoutbox_row:nth-of-type(odd) {
    background: var(--tp_shout-bgodd) !important;
}

.shoutbox_row:nth-of-type(even) {
    background: var(--tp_shout-bgeven) !important;
}

.shoutbox_row > span {
    color: var(--tp_shout-textcolor) !important;
}

In dark.css I added this code:

--shoutbox-bgodd: hsl(var(--windowbg-bg), 25%, 15%);
    --shoutbox-bgeven: var(--body-bg);
    --shoutbox-textcolor: var(--body-txt-color);

And it looks like it's working. I turned on the dark theme mode and SMFPacks Shoutbox has a dark theme too.
Title: Re: NameX
Post by: Diego Andrés on June 02, 2024, 06:22:39 PM
The shoutbox dark mode will not be dependent of the theme mode because it has its own option.

You'd need to add the dark selectors of the shout box to your dark.css file if you wanted to have them work at the same time regardless of the shout box option.

:root[data-colormode="dark"] .shoutbox_dark_mode .shoutbox_row:nth-child(odd){
    background-color: #1e1e1e !important;
}
:root[data-colormode="dark"] .shoutbox_dark_mode .shoutbox_row:nth-child(even){
    background-color: #454545 !important;
}

You will need to do some testing to get it the way you expect it, the user would then not have an option to change the color of the shout box.
Title: Re: NameX
Post by: jsx on June 03, 2024, 01:27:38 PM
To get the effect I want, I did it this way:

At the end of the app.css file, I added this code:

.shoutbox_row:nth-of-type(odd) {
    background: var(--shoutbox-bgodd) !important;
}

.shoutbox_row:nth-of-type(even) {
    background: var(--shoutbox-bgeven) !important;
}

.shoutbox_row > span {
    color: var(--shoutbox-textcolor) !important;
}

In the variants.css file I added this code to the existing code for Green:

/* Green */
:root[data-themecolor="green"] {
--primary-color-hue: 115;
--catbg-bg: hsl(var(--primary-color-hue), 30%, 45%);
--stats-pie-hue: 245deg;
/* Alternating row colors in the Shoutbox */
--shoutbox-bgodd: hsl(var(--windowbg-bg), 25%, 15%);
    --shoutbox-bgeven: var(--body-bg);
    --shoutbox-textcolor: var(--body-txt-color);
}
/* Green */

And I added this code in the dark.css file:

--shoutbox-bgodd: hsl(var(--windowbg-bg), 25%, 15%);
    --shoutbox-bgeven: var(--body-bg);
    --shoutbox-textcolor: var(--body-txt-color);

This way only displays alternating row colors on a green theme:

app.css

.shoutbox_row:nth-child(odd){
    background-color: #f1f4f0 !important;
}
.shoutbox_row:nth-child(even){
    background-color: #cce8c9 !important;
}

variants.css

/* Green */
:root[data-themecolor="green"] {
--primary-color-hue: 115;
--catbg-bg: hsl(var(--primary-color-hue), 30%, 45%);
--stats-pie-hue: 245deg;
/* Alternating row colors in the Shoutbox */
--shoutbox-bgodd: hsl(var(--windowbg-bg), 25%, 15%);
    --shoutbox-bgeven: var(--body-bg);
    --shoutbox-textcolor: var(--body-txt-color);
}
/* Green */

Unfortunately, the code you gave me doesn't work in dark.css

:root[data-colormode="dark"] .shoutbox_dark_mode .shoutbox_row:nth-child(odd){
    background-color: #1e1e1e !important;
}
:root[data-colormode="dark"] .shoutbox_dark_mode .shoutbox_row:nth-child(even){
    background-color: #454545 !important;
}

This code also doesn't work in dark.css

.shoutbox_dark_mode .shoutbox_row:nth-child(odd){
    background-color: #1e1e1e !important;
}
.shoutbox_dark_mode .shoutbox_row:nth-child(even){
    background-color: #454545 !important;
}
Title: Re: NameX
Post by: Diego Andrés on June 03, 2024, 01:37:36 PM
I don't know how that MOD works, but I assume .shoutbox_dark_mode implies that the dark mode for the shoutbox is enabled, and that's not the condition case you want, you want to change the color regardless of the shout box option.
Title: Re: NameX
Post by: jsx on June 05, 2024, 05:51:02 AM
I understand Diego, but I only have one more problem, how to set the text in the shoutbox to white when NameX dark mode is turned on. I can't figure it out.

What I have done:

I have added this code in the app.css file:

.shoutbox_row:nth-of-type(odd) {
    background: var(--shoutbox-bgodd) !important;
}

.shoutbox_row:nth-of-type(even) {
    background: var(--shoutbox-bgeven) !important;
}

.shoutbox_row > span {
    color: var(--shoutbox-textcolor) !important;
}

I have added this code in the variants.css file:

/* Green */
:root[data-themecolor="green"] {
--primary-color-hue: 115;
--catbg-bg: hsl(var(--primary-color-hue), 30%, 45%);
--stats-pie-hue: 245deg;
/* Alternating row colors in the Shoutbox */
--shoutbox-bgodd: hsl(var(--windowbg-bg), 25%, 15%);
    --shoutbox-bgeven: var(--body-bg);
    --shoutbox-textcolor: var(--body-txt-color);
}
/* Green */

I have added this code in the dark.css file:

--shoutbox-bgodd: hsl(var(--windowbg-bg), 25%, 15%);
    --shoutbox-bgeven: var(--body-bg);
    --shoutbox-textcolor: var(--body-txt-color);

I tried to add this line of code to dark.css to change the color of the text in the shoutbox, but unfortunately the text color did not change.

--shoutbox-textcolor: hsl(0, 0%, 90%);
Title: Re: NameX
Post by: jsx on June 05, 2024, 05:06:13 PM
I managed to achieve this effect for SMFPacks Shoutbox Pro:

(https://i.imgur.com/41rIjuO.png)

To achieve this effect in the shoutbox for the NameX theme, I had to use CSS variables:

I added the following code in the app.css file from NameX:

.shoutbox_row:nth-of-type(odd) {
    background: var(--shoutbox-bgodd) !important;
}

.shoutbox_row:nth-of-type(even) {
    background: var(--shoutbox-bgeven) !important;
}

.shoutbox_row > span {
    color: var(--shoutbox-textcolor) !important;
}

.shoutbox_input_bar input {
    color: var(--shoutbox-inputbar-textcolor) !important;
    border-color: var(--shoutbox-inputbar-bordercolor) !important;
}

In the variants.css file, I added the following code to the current green NameX code:

/* Green */
:root[data-themecolor="green"] {
    --primary-color-hue: 115;
    --catbg-bg: hsl(var(--primary-color-hue), 30%, 45%);
    --stats-pie-hue: 245deg;
/* Alternating row colors in the Shoutbox */   
    --shoutbox-bgodd: hsl(var(--windowbg-bg), 25%, 15%);
    --shoutbox-bgeven: var(--body-bg);
    --shoutbox-textcolor: var(--body-txt-color);
}
/* Green */

I added the following code in the dark.css file:

    --shoutbox-bgodd: hsl(var(--windowbg-bg), 25%, 15%);
    --shoutbox-bgeven: var(--body-bg);
    --shoutbox-textcolor: #b3b3b3;
    --shoutbox-inputbar-textcolor: #b3b3b3;
    --shoutbox-inputbar-bordercolor: #1c5a16;

(https://i.imgur.com/7wqOfbw.png)

My friend found out that SMFPacks Shoutbox Pro currently does not have a dark mode and this will not change in the near future, as mentioned by the author of the mod.
Title: Re: NameX
Post by: Si6776 on June 06, 2024, 01:10:32 PM
Hi, we have been running a test board with this theme for a few weeks, in preparation for eventual migration to a main host server.  

The host we have been using has updated their server, and we now cannot access the forum, with an error message displayed: Theme_template_error

Any ideas on how this could be resolved?
Title: Re: NameX
Post by: Diego Andrés on June 06, 2024, 02:51:13 PM
Do you have any other issues?
Try using {forum_url}/index.php?theme=1 to enable the default theme, and check your error log.
Title: Re: NameX
Post by: Si6776 on June 06, 2024, 03:13:23 PM
At the moment we can't access the forum UI at all.  I'll try that, thanks.  
Title: Re: NameX
Post by: Si6776 on June 06, 2024, 03:33:31 PM
Quote from: Diego Andrés on June 06, 2024, 02:51:13 PMDo you have any other issues?
Try using {forum_url}/index.php?theme=1 to enable the default theme, and check your error log.
That seems to have worked.  Full access now available.  Not sure what the problem was, but many thanks.   :)
Title: Re: NameX
Post by: Diego Andrés on June 06, 2024, 03:44:30 PM
Alright, glad that helped.
Make sure you check other themes/mods installed to make sure everything works fine. ?theme=1 will only enable the default theme for your session, not globally so other might still have issues you could try switching themes back and fort.
Title: Re: NameX
Post by: Si6776 on June 06, 2024, 04:28:49 PM
Actually, it's not fixed. :(

Like you said, it only works for the session, and I can't get it to work at all with a different  browser (Opera).

What PHP version is the theme compatible with?
Title: Re: NameX
Post by: Diego Andrés on June 06, 2024, 04:40:49 PM
I tested PHP 8.0 and 8.1 afaik.
What version are you using?
Title: Re: NameX
Post by: Si6776 on June 06, 2024, 06:26:40 PM
I believe it's.PHP: 7.1.33, but I could be mistaken

I just logged out then couldn't log back in again, as I was getting the template error, then I tried using the normal URL and managed to log in.  Haven't a clue what's going on, but it appears possibly server related.  I've got someone who knows more about this stuff looking into it, so if you're interested, I'll update this when I find out more. 
Title: Re: NameX
Post by: Diego Andrés on June 06, 2024, 08:15:24 PM
Right, you'll need at least PHP 8.0 for NameX.
Title: Re: NameX
Post by: jsx on June 10, 2024, 04:27:04 PM
Hi Diego. SMFPacks Shoutbox does not display NameX graphics in these places. Is there any way to set NameX graphics to display in these places? Can you help me with this?

(https://i.imgur.com/sEXYFrA.png)

(https://i.imgur.com/drYXa6B.png)

The blue NameX graphic is displayed in the Popup Shoutbox or Moderation Panel:

(https://i.imgur.com/mfG1vmP.png)

So I don't know why the NameX graphic isn't displayed in those places.
Title: Re: NameX
Post by: Diego Andrés on June 10, 2024, 05:54:20 PM
The template is probably loading the css/js files individually.
It should use template_css and template_javascript functions.
Title: Re: NameX
Post by: jsx on June 13, 2024, 12:11:34 PM
I understand that this bug should be reported to the author of SMFPacks Shoutbox?
Title: Re: NameX
Post by: Diego Andrés on June 13, 2024, 12:36:16 PM
Yes, but it's an assumption since I haven't seen the code.
Title: Re: NameX
Post by: Diego Andrés on July 01, 2024, 01:09:20 AM
1.4 - 30 June 2024

Full Changelog: v1.3.2...v1.4 (https://github.com/SMFTricks/NameX/compare/v1.3.2...v1.4)

Note: The update is essentially improvements to the code. You can take your time updating, no need to do it right away as there were many changes. As always, remember that the /themecustoms folder can be replaced in it's entirety.
Most files can be certainly replaced without issue if you didn't edit them or no MODs affected them. Only observations for those interested:

- The data-attributes for variants and dark mode changed:
    - data-themecolor is now data-variant
    - data-colormode is now data-mode  (and now you need to use both :root[data-mode="dark"] and :root[data-mode="system"] to target dark styles.
Title: Re: NameX
Post by: jsx on July 01, 2024, 12:43:33 PM
Can I get such a link that shows the exact changes in the files?

(https://i.imgur.com/QbIJg59.png)

Example:

https://github.com/SMFTricks/NameX/compare/v1.3.1...v1.3.2
Title: Re: NameX
Post by: Diego Andrés on July 01, 2024, 01:46:06 PM
It's linked in the post, click on the Files changed tab:
https://github.com/SMFTricks/NameX/compare/v1.3.2...v1.4
Title: Re: NameX
Post by: jsx on July 02, 2024, 09:35:33 AM
Thanks for the information, those github files confused me and I thought there was information only about .github files in this tab, example: .github/FUNDING.yml

What is the compat folder that has css files inside? What is this needed for?

Will the changes I have made in custom/app.css, dark.css, variants.css work in NameX 1.4?
Title: Re: NameX
Post by: Diego Andrés on July 02, 2024, 12:20:34 PM
Quote from: jsx on July 02, 2024, 09:35:33 AMWhat is the compat folder that has css files inside? What is this needed for?

Not used in NameX, it's just a shared set of files for my themes.

Quote from: jsx on July 02, 2024, 09:35:33 AMWill the changes I have made in custom/app.css, dark.css, variants.css work in NameX 1.4?
Yes, sent you some info in the PM, it's all described in the note from the release post.
Title: Re: NameX
Post by: willerby on July 25, 2024, 09:20:55 AM
Hi Diego, 

I've been running NameX on my forum since upgrading to 2.1.14 (still think it;s fab!) but have just hit an issue which I'm pretty sure was due to turning on (and off) the Recaptcha within Admin. I may be wrong and it may be a coincidence but the timing of the issue is uncanny.

Anyway, I posted in the 2.1 support forum before realising that the issue only presents itself on the theme and is fine if I revert back to the default SMF theme. It's a weird one...

https://www.simplemachines.org/community/index.php?topic=589357.0

Any ideas on where to look for a solution greatly appreciated. The topic is also still live on 2.1 support but suspect it will get closed down as it is theme specific.

Many many thanks

Title: Re: NameX
Post by: Diego Andrés on July 25, 2024, 09:56:44 AM
There isn't anything in the theme that directly interacts with the captcha, I'm unsure about the issue you're facing.

It could also be an issue caused by a MOD that somehow isn't installed in the theme. Not much information to diagnose the issue.

Are you running PHP 8+? The theme wasn't compatible with PHP 7.4 in the last update, I don't recall if previous versions had any issue.

One way to confirm it as a theme issue would be if you install either Repulse or Endar themes (just for testing, you can delete them afterwards), they all use the same code 'library'. However the issue is that all theme were also recently updated, including NameX, so wouldn't be an accurate test if your NameX theme using a previous version.
Title: Re: NameX
Post by: willerby on July 25, 2024, 10:43:42 AM
Thanks Diego,

I installed the latest version just to check it wasn't my older one and same issue. My server tech guy says doubling the PHP memory allocation didn't fix the issue but quadrupling it did! He thinks that is excessive though and it's not needed for the default theme.

We are running PHP 7.4 and although we haven't had an issue with the prior version of NameX for overf a year I suspect you are right and it is a combination of the Tiny Portal mod and the theme causing an issue.

WIll keep looking but may need to revert back to an alternative theme.
Title: Re: NameX
Post by: Diego Andrés on July 25, 2024, 11:12:50 AM
Should try using PHP 8 then, the theme won't work in PHP 7.4
Title: Re: NameX
Post by: Diego Andrés on August 10, 2024, 01:59:05 AM
1.4.1 - 09 August 2024

Full Changelog: v1.4...v1.4.1 (https://github.com/SMFTricks/NameX/compare/v1.4...v1.4.1)
Title: Re: NameX
Post by: Diego Andrés on August 10, 2024, 05:45:06 PM
1.4.2 - 10 August 2024


Full Changelog: v1.4.1...v1.4.2 (https://github.com/SMFTricks/NameX/compare/v1.4.1...v1.4.2)
Title: Re: NameX
Post by: jsx on November 11, 2024, 04:39:18 PM
Diego I noticed on the smf.pl forum in a thread that the theme is broken. What could be the cause?

(https://i.imgur.com/XlQh22p.png)

https://www.smf.pl/index.php/topic,13143.0.html


Title: Re: NameX
Post by: Diego Andrés on November 11, 2024, 11:28:12 PM
Looks like there are some code tags inside other code tags? I wouldn't know.
If you can figure out what part of the post causes it I can try to reproduce it and fix it.
Title: Re: NameX
Post by: jsx on November 12, 2024, 11:34:20 AM
This code embedded in the code tag causes this bug:

<?php phpinfo(); ?>
Title: Re: NameX
Post by: Diego Andrés on November 12, 2024, 09:00:57 PM
Is it only that causing the issue?
I tried it on a clean board and it doesn't break anything, perhaps a MOD is causing it?
Title: Re: NameX
Post by: jsx on November 13, 2024, 04:40:38 PM
When I removed this code from this topic, this bug did not appear. But it is possible that bug is in NameX 1.2.2, from what I see smf.pl uses NameX version 1.2.2, it is quite an old version of the theme.
Title: Re: NameX
Post by: gevv on February 25, 2025, 07:45:12 AM
Hello,

@Diego Andrés
 I am trying to switch to the current version. (v1.2.7 to v1.4.2)  How to add "class" between the code


v1.4.2 boardindex template;
<div class="board_icon">
', function_exists('template_bi_' . $board['type'] . '_icon') ? call_user_func('template_bi_' . $board['type'] . '_icon',  $board) : template_bi_board_icon($board), '
</div>



I used v1.2.7 boardindex template;

function template_bi_board_icon($board)
{
global $context, $scripturl;

echo '
<a href="', ($context['user']['is_guest'] ? $board['href'] : $scripturl . '?action=unread;board=' . $board['id'] . '.0;children'), '" class=" w', $board['id'], ' board_', $board['board_class'], '"', !empty($board['board_tooltip']) ? ' title="' . $board['board_tooltip'] . '"' : '', '></a>';
}

I add board icons with class="w'
Title: Re: NameX
Post by: Diego Andrés on February 25, 2025, 08:41:28 AM
Yes, you're looking at it correctly.
Add it before the 'w', mind the space which is already present so add it after the double quotes.

class="board_icon w...
Title: Re: NameX
Post by: gevv on February 26, 2025, 07:59:56 AM
I think I'm doing something wrong 

'" class=" w', $board['id']
How can I add the class code to the code below?

v1.4.2

<div class="board_icon">
', function_exists('template_bi_' . $board['type'] . '_icon') ? call_user_func('template_bi_' . $board['type'] . '_icon',  $board) : template_bi_board_icon($board), '
</div>



The version I used in the old version (v1.2.7);

function template_bi_board_icon($board)
{
global $context, $scripturl;

echo '
<a href="', ($context['user']['is_guest'] ? $board['href'] : $scripturl . '?action=unread;board=' . $board['id'] . '.0;children'), '" class=" w', $board['id'], ' board_', $board['board_class'], '"', !empty($board['board_tooltip']) ? ' title="' . $board['board_tooltip'] . '"' : '', '></a>';
}
Title: Re: NameX
Post by: Diego Andrés on February 26, 2025, 09:00:30 AM
Did you edit it before or what is it you're trying to do?
If it's not edited you could just replace the files.

If you're adding a custom class selector, you can do that in the same div, the updated theme simply prints the content, the wrappers are what you see in the BoardIndex.template.php
Title: Re: NameX
Post by: gevv on February 26, 2025, 09:29:31 AM
Thanks @Diego Andrés 

<div class="board_icon">
                           
<div class="board_icon">

<a href="', ($context['user']['is_guest'] ? $board['href'] : $scripturl . '?action=unread;board=' . $board['id'] . '.0;children'), '" class=" w', $board['id'], ' board_', $board['board_class'], '"', !empty($board['board_tooltip']) ? ' title="' . $board['board_tooltip'] . '"' : '', '></a>
</div>
Title: Re: NameX
Post by: gevv on April 04, 2025, 04:48:37 PM
Hello,

I see theme responsive.css Not Found error active forum. I did a new installation local host to be sure, the same error appeared.

Title: Re: NameX
Post by: Diego Andrés on April 04, 2025, 09:34:55 PM
Nice catch, I will fix it in the upcoming patch early next week.
Title: Re: NameX
Post by: gevv on April 05, 2025, 10:59:29 AM
I think I'm on my lucky day  ;D

There is one more problem, it took some time to be sure.

I'm not sure if it's a theme or smf issue. (Tested on active site and local host)

If guest can send messages, the avatar on the home page is taken from the images in the topic (random)

Thans @Diego Andrés

Title: Re: NameX
Post by: Diego Andrés on April 05, 2025, 07:17:05 PM
Can you try disabling the avatar on boards in the theme settings?
If it's related to this setting, you might've discovered an SMF bug ;D
Title: Re: NameX
Post by: gevv on April 06, 2025, 10:04:17 AM
I tried yes smf bug. 👍
Title: Re: NameX
Post by: Diego Andrés on April 06, 2025, 03:38:42 PM
Alright, I'll do some testing see if I can reproduce it on the default theme, it's probably related to the avatars query.
Title: Re: NameX
Post by: Diego Andrés on April 08, 2025, 08:53:17 PM
Quote from: gevv on April 06, 2025, 10:04:17 AMI tried yes smf bug. 👍

Confirmed SMF bug, not theme issue.
Title: Re: NameX
Post by: Diego Andrés on April 09, 2025, 08:53:27 PM
1.4.3 - 9 April 2025
Full Changelog: v1.4.2...v1.4.3 (https://github.com/SMFTricks/NameX/compare/v1.4.2...v1.4.3)
Title: Re: NameX
Post by: gevv on April 10, 2025, 10:28:14 AM
Thank you for your efforts 👍
Title: Re: NameX
Post by: Diego Andrés on April 12, 2025, 01:47:43 PM
1.4.4 - 12 April 2025
Full Changelog: v1.4.3...v1.4.4 (https://github.com/SMFTricks/NameX/compare/v1.4.3...v1.4.4)