UI.X 2 Dark

UI.X 2 Dark [Paid] 2025-03-05

No permission to buy ($59.50)
Ah - if you're using XF Cloud, you won't want to download the zip anyway. You'll want to install Install & Upgrade and install styles using that. You can find the documentation for it here: https://help.themehouse.com/docs/install-and-upgrade/getting-started-with-install-and-upgrade/
Thank you, Will. I took your suggestion and read the documentation to get it working .

Do you know if there is a way to get rid of these toggle switches on the forum categories? or is this hardcoded into ThemeHouse's dark style? Thanks in advance.

Capture.webp
 
You can do it here: style properties > Node/forum list > Category strips & uncheck Collapsible categories.
Thanks, that worked.

Those arrows are traps. People are going to accidentally click them and get confused on where their forums went.

K.I.S.S.
 
Ok, I have an answer for you: Turns out the template update wasn't merged in with the UI.X addon for the new icon sets. As a hotfix, you can replace the contents of the uix_socialMedia template with this:

HTML:
<xf:css src="uix_socialMedia.less"  />
<xf:if contentcheck="true">
<ul class="uix_socialMedia">
    <xf:contentcheck>
        <xf:if is="$xf.options.th_facebookUrl_uix">
            <li><a aria-label="Facebook" data-xf-init="tooltip" title="{{ phrase('facebook') }}" target="_blank" href="{$xf.options.th_facebookUrl_uix}">
                    <xf:fa icon="fab fa-facebook" />
                </a></li>
        </xf:if>
        <xf:if is="$xf.options.th_deviantArtUrl_uix">
            <li><a aria-label="Deviant Art" data-xf-init="tooltip" title="{{ phrase('uix_deviantArt') }}" target="_blank" href="{$xf.options.th_deviantArtUrl_uix}">
                    <xf:fa icon="fab fa-deviantart" />
                </a></li>
        </xf:if>
        <xf:if is="$xf.options.th_discordUrl_uix">
            <li><a aria-label="Discord" data-xf-init="tooltip" title="{{ phrase('option.th_discordUrl_uix') }}" target="_blank" href="{$xf.options.th_discordUrl_uix}">
                    <xf:fa icon="fab fa-discord" />
                </a></li>
        </xf:if>
        <xf:if is="$xf.options.th_flickrUrl_uix">
            <li><a aria-label="Flickr" data-xf-init="tooltip" title="{{ phrase('option.uix_flickr') }}" target="_blank" href="{$xf.options.th_flickrUrl_uix}">
                    <xf:fa icon="fab fa-flickr" />
                </a></li>
        </xf:if>
        <xf:if is="$xf.options.th_gitHubUrl_uix">
            <li><a aria-label="GitHub" data-xf-init="tooltip" title="{{ phrase('uix_github') }}" target="_blank" href="{$xf.options.th_gitHubUrl_uix}">
                    <xf:fa icon="fab fa-github-alt" />
                </a></li>
        </xf:if>
        <xf:if is="$xf.versionId >= 2010010 && $xf.options.th_googlePlus_uix">
            <li><a aria-label="Google Plus" data-xf-init="tooltip" title="{{ phrase('google_plus') }}" target="_blank" href="{$xf.options.th_googlePlus_uix}">
                <xf:fa icon="fab fa-google-plus-g" />
            </a></li>
        </xf:if>
        <xf:if is="$xf.options.th_instagramUrl_uix">
            <li><a aria-label="Instagram" data-xf-init="tooltip" title="{{ phrase('uix_instagram') }}" target="_blank" href="{$xf.options.th_instagramUrl_uix}">
                    <xf:fa icon="fab fa-instagram" />
                </a></li>
        </xf:if>
        <xf:if is="$xf.options.th_linkedInUrl_uix">
            <li><a aria-label="LinkedIn" data-xf-init="tooltip" title="{{ phrase('uix_linkedin') }}" target="_blank" href="{$xf.options.th_linkedInUrl_uix}">
                    <xf:fa icon="fab fa-linkedin" />
                </a></li>
        </xf:if>
        <xf:if is="$xf.options.th_pinterestUrl_uix">
            <li><a aria-label="Pinterest" data-xf-init="tooltip" title="{{ phrase('pinterest') }}" target="_blank" href="{$xf.options.th_pinterestUrl_uix}">
                    <xf:fa icon="fab fa-pinterest" />
                </a></li>
        </xf:if>
        <xf:if is="$xf.options.th_redditUrl_uix">
            <li><a aria-label="Reddit" data-xf-init="tooltip" title="{{ phrase('reddit') }}" target="_blank" href="{$xf.options.th_redditUrl_uix}">
                    <xf:fa icon="fab fa-reddit" />
                </a></li>
        </xf:if>
        <xf:if is="$xf.options.th_steamUrl_uix">
            <li><a aria-label="Steam" data-xf-init="tooltip" title="{{ phrase('uix_steam') }}" target="_blank" href="{$xf.options.th_steamUrl_uix}">
                    <xf:fa icon="fab fa-steam" />
                </a></li>
        </xf:if>
        <xf:comment>
            <xf:if is="$xf.options.th_tumblrUrl_uix">
                <li><a aria-label="Tumblr" data-xf-init="tooltip" title="{{ phrase('tumblr') }}" target="_blank" href="{$xf.options.th_tumblrUrl_uix}">
                    <xf:fa icon="fab fa-tumblr" />
                    </a></li>
            </xf:if>
        </xf:comment>
        <xf:if is="$xf.options.th_twitchUrl_uix">
            <li><a aria-label="Twitch" data-xf-init="tooltip" title="{{ phrase('uix_twitch') }}" target="_blank" href="{$xf.options.th_twitchUrl_uix}">
                    <xf:fa icon="fab fa-twitch" />
                </a></li>
        </xf:if>
        <xf:if is="$xf.options.th_twitterUrl_uix">
            <li><a aria-label="Twitter" data-xf-init="tooltip" title="{{ phrase('twitter') }}" target="_blank" href="{$xf.options.th_twitterUrl_uix}">
                    <xf:fa icon="fab fa-twitter" />
                </a></li>
        </xf:if>
        <xf:if is="$xf.options.th_youtubeUrl_uix">
            <li><a aria-label="YouTube" data-xf-init="tooltip" title="{{ phrase('uix_youtube') }}" target="_blank" href="{$xf.options.th_youtubeUrl_uix}">
                    <xf:fa icon="fab fa-youtube" />
                </a></li>
        </xf:if>
    </xf:contentcheck>
</ul>
</xf:if>
 
ThemeHouse updated UI.X 2 Dark with a new update entry:

Version 2.3.3.0.2 Released

Changelog:
Handful of minor fixes related to icons not rendering
Removed swipe support for off-canvas nav style property
Expandable signature height sizing fix
Other minor tweaks & bugfixes

Note: This release cannot be used on XenForo 2.2, it is exclusively for XenForo 2.3 only.
Note: This update does not require a UI.X add-on update to function properly.

Read the rest of this update entry...
 
I get the error when trying to update. Is this expected? I recently renewed the license.

The UI.X add-on requires an update before you can upgrade this style.
 
@ThemeHouse Cool. But I always end up erasing my customizations made to the child style when updating to a new style version. I'm running XF 2.3.5 and would like to upgrade the theme. Can you advise? Thanks!
 
@ThemeHouse Cool. But I always end up erasing my customizations made to the child style when updating to a new style version. I'm running XF 2.3.5 and would like to upgrade the theme. Can you advise? Thanks!

Most likely you put your changes into the actual UI.X Dark style directly - am I correct on that?

With pretty much all themes you NEVER want to actually put your changes directly into the style you bought; You'll want to put them in a child of that style. By doing that, you can upgrade the parent style any time a new update comes out, and your child style will inherit all the changes of the parent. In cases where you modified a template that's been updated in the parent, you can (in most cases) automatically merge in the differences, but sometimes you'll need to manually adjust the templates to have the new updates.

So, the solution here is to re-do all your customizations in a child style of UI.X Dark.
 
Back
Top Bottom