XenForo 2.х.х - Переключатель стилей с FA иконками

Совместимость с XenForo

2.0.x
2.1.x
2.2.x

Кнопка переключение стилей в навигации с подсказками.

Светлый и темный стиль в модификации установить свой идентификатор стиля.

Импортировать с помощью плагина https://web-zones.ru/resources/mmo-export-import-tms.3436/

Less:

$0
.p-navgroup-link.style-changer {
    span {
        display: inline-block;
        width: 20px;
        height: 20px;
        margin: -3px 0 -5px;
        &.style-light {
            background: url('https://api.iconify.design/emojione-v1:new-moon.svg') center / contain;
        }
        &.style-dark {
            background: url('https://api.iconify.design/noto-v1:sun.svg') center / contain;
        }
    }
}

Less:

$0
.p-navgroup-link.style-changer {
    span {
        display: inline-block;
        width: 20px;
        height: 20px;
        border: 2px solid @xf-publicHeader--color;
        border-radius: 50%;
        margin: -3px 0 -5px;
        &.style-light {
            background-color: #000;
        }
        &.style-dark {
            background-color: #fff;
        }
    }
}

Реакции: baltun

XenForo 2.х.х Переключатель стилей с FA иконками 2022-07-03

Ещё ресурсы от hacker