2026-04-19 17:19:03 -05:00
<?xml version="1.0" encoding="UTF-8"?>
<!-- =========================================================================
Copyright (C) 2026 Moko Consulting <hello@mokoconsulting.tech>
This file is part of a Moko Consulting project.
SPDX-License-Identifier: GPL-3.0-or-later
This program is free software; you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation; either version 3 of the License, or
(at your option) any later version.
This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.
You should have received a copy of the GNU General Public License
along with this program. If not, see <https://www.gnu.org/licenses/>.
=========================================================================
FILE INFORMATION
DEFGROUP: Joomla
INGROUP: MokoOnyx
PATH: templates/mokoonyx/templateDetails.xml
VERSION: 03.09.03
BRIEF: Template manifest XML file for MokoOnyx
=========================================================================
-->
<extension type= "template" client= "site" method= "upgrade" >
<updateservers>
2026-06-04 12:24:38 -05:00
<server type= "extension" name= "Template - MokoOnyx" > https://git.mokoconsulting.tech/MokoConsulting/MokoOnyx/updates.xml</server>
2026-04-19 17:19:03 -05:00
</updateservers>
2026-06-04 17:06:39 -05:00
<dlid prefix= "dlid=" suffix= "" />
2026-05-30 11:59:21 -05:00
<name> mokoonyx</name>
2026-06-29 15:55:28 +00:00
<version> 02.27.06</version>
2026-04-19 17:19:03 -05:00
<scriptfile> script.php</scriptfile>
2026-05-16 09:06:34 -05:00
<creationDate> 2026-05-16</creationDate>
2026-04-19 17:19:03 -05:00
<author> Jonathan Miller || Moko Consulting</author>
<authorEmail> hello@mokoconsulting.tech</authorEmail>
<copyright> (C)GNU General Public License Version 3 - 2026 Moko Consulting</copyright>
2026-05-11 11:43:20 -05:00
<description> <![CDATA[<p><img src="https://img.shields.io/gitea/v/release/MokoConsulting/MokoOnyx?gitea_url=https%3A%2F%2Fgit.mokoconsulting.tech&logo=gitea&logoColor=white&label=version" alt="Version" /> <img src="https://img.shields.io/badge/license-GPL--3.0--or--later-green.svg?logo=gnu&logoColor=white" alt="License" /> <img src="https://img.shields.io/badge/Joomla-5.x%20%7C%206.x-red.svg?logo=joomla&logoColor=white" alt="Joomla" /> <img src="https://img.shields.io/badge/PHP-8.1%2B-777BB4.svg?logo=php&logoColor=white" alt="PHP" /></p> <h3>MokoOnyx</h3> <p> <strong>MokoOnyx</strong> is a modern, lightweight enhancement layer built on Joomla's Cassiopeia template. It adds Font Awesome 7, Bootstrap 5 helpers, automatic Table of Contents, advanced Dark Mode theming, and optional Google Tag Manager / GA4 integration — all with minimal core overrides for maximum upgrade compatibility. </p> <h4>Custom Colour Themes</h4> <p> Copy <code>templates/mokoonyx/templates/light.custom.css</code> to <code>media/templates/site/mokoonyx/css/theme/light.custom.css</code> (or dark equivalent), customise the CSS variables, then select "Custom" in the Theme tab. </p> <h4>Custom CSS & JavaScript</h4> <ul> <li><code>media/templates/site/mokoonyx/css/user.css</code> — custom CSS overrides</li> <li><code>media/templates/site/mokoonyx/js/user.js</code> — custom JavaScript</li> </ul> <p>These files survive template updates.</p>]]> </description>
2026-05-29 05:52:41 -05:00
<php_minimum> 8.1.0</php_minimum>
2026-04-19 17:19:03 -05:00
<inheritable> 1</inheritable>
<files>
<filename> component.php</filename>
<filename> error.php</filename>
<filename> index.php</filename>
<filename> joomla.asset.json</filename>
<filename> offline.php</filename>
<filename> script.php</filename>
<filename> sync_custom_vars.php</filename>
<filename> templateDetails.xml</filename>
<folder> helper</folder>
<folder> html</folder>
<folder> language</folder>
<folder> templates</folder>
</files>
<stylesheets>
<stylesheet> media/templates/site/mokoonyx/css/editor.css</stylesheet>
</stylesheets>
<media destination= "templates/site/mokoonyx" folder= "media" >
<folder> js</folder>
<folder> css</folder>
<folder> images</folder>
<folder> fonts</folder>
<folder> vendor</folder>
</media>
<positions>
<position> topbar</position>
<position> below-topbar</position>
<position> below-logo</position>
<position> brand-aside</position>
<position> menu</position>
<position> search</position>
<position> banner</position>
<position> top-a</position>
<position> top-b</position>
<position> main-top</position>
<position> main-bottom</position>
<position> breadcrumbs</position>
<position> sidebar-left</position>
<position> sidebar-right</position>
<position> bottom-a</position>
<position> bottom-b</position>
<position> footer-menu</position>
<position> footer</position>
<position> debug</position>
<position> offline-header</position>
<position> offline</position>
<position> offline-footer</position>
<position> drawer-left</position>
<position> drawer-right</position>
</positions>
<languages>
<language tag= "en-GB" > language/en-GB/tpl_mokoonyx.ini</language>
<language tag= "en-GB" > language/en-GB/tpl_mokoonyx.sys.ini</language>
<language tag= "en-US" > language/en-US/tpl_mokoonyx.ini</language>
<language tag= "en-US" > language/en-US/tpl_mokoonyx.sys.ini</language>
</languages>
<config>
<fields name= "params" >
2026-05-11 11:43:20 -05:00
<!-- Advanced tab -->
2026-04-19 17:19:03 -05:00
<fieldset name= "advanced" >
<field name= "developmentmode" type= "radio" label= "TPL_MOKOONYX_DEVELOPMENTMODE_LABEL" description= "TPL_MOKOONYX_DEVELOPMENTMODE_DESC" default= "0" layout= "joomla.form.field.radio.switcher" filter= "boolean" >
<option value= "0" > JNO</option>
<option value= "1" > JYES</option>
</field>
<field name= "fluidContainer" type= "radio" layout= "joomla.form.field.radio.switcher" default= "0" label= "TPL_MOKOONYX_FLUID_LABEL" >
<option value= "0" > TPL_MOKOONYX_STATIC</option>
<option value= "1" > TPL_MOKOONYX_FLUID</option>
</field>
</fieldset>
<!-- Favicon tab -->
<fieldset name= "favicon" label= "TPL_MOKOONYX_FAVICON_FIELDSET_LABEL" >
<field name= "favicon_note" type= "note" description= "TPL_MOKOONYX_FAVICON_NOTE" />
<field name= "favicon_source" type= "media" label= "TPL_MOKOONYX_FAVICON_SOURCE_LABEL" description= "TPL_MOKOONYX_FAVICON_SOURCE_DESC" directory= "favicons" types= "images" accept= "image/png" />
</fieldset>
<!-- Google tab -->
<fieldset name= "google" label= "TPL_MOKOONYX_GOOGLE_FIELDSET_LABEL" >
<field name= "googletagmanager" type= "radio" label= "TPL_MOKOONYX_GOOGLETAGMANAGER_LABEL" description= "TPL_MOKOONYX_GOOGLETAGMANAGER_DESC" layout= "joomla.form.field.radio.switcher" filter= "boolean" >
<option value= "0" > JNO</option>
<option value= "1" > JYES</option>
</field>
<field name= "googletagmanagerid" type= "text" default= "" label= "TPL_MOKOONYX_GOOGLETAGMANAGERID_LABEL" description= "TPL_MOKOONYX_GOOGLETAGMANAGERID_DESC" filter= "string" showon= "googletagmanager:1" />
<field name= "googleanalytics" type= "radio" label= "TPL_MOKOONYX_GOOGLEANALYTICS_LABEL" description= "TPL_MOKOONYX_GOOGLEANALYTICS_DESC" layout= "joomla.form.field.radio.switcher" filter= "boolean" >
<option value= "0" > JNO</option>
<option value= "1" > JYES</option>
</field>
<field name= "googleanalyticsid" type= "text" default= "" label= "TPL_MOKOONYX_GOOGLEANALYTICSID_LABEL" description= "TPL_MOKOONYX_GOOGLEANALYTICSID_DESC" filter= "string" showon= "googleanalytics:1" />
<field name= "googlesitekey" type= "text" default= "" label= "TPL_MOKOONYX_GOOGLESITEKEY_LABEL" description= "TPL_MOKOONYX_GOOGLESITEKEY_DESC" filter= "string" />
2026-05-05 15:26:30 -05:00
<field name= "googlevisitordetection" type= "radio" default= "1" label= "TPL_MOKOONYX_GOOGLE_VISITOR_DETECTION_LABEL" description= "TPL_MOKOONYX_GOOGLE_VISITOR_DETECTION_DESC" layout= "joomla.form.field.radio.switcher" filter= "boolean" showon= "googletagmanager:1[OR]googleanalytics:1" >
<option value= "0" > JNO</option>
<option value= "1" > JYES</option>
</field>
2026-04-19 17:19:03 -05:00
</fieldset>
<!-- Drawers tab -->
<fieldset name= "drawers" label= "TPL_MOKOONYX_DRAWERS_FIELDSET_LABEL" >
<field name= "drawerLeftIcon" type= "text" default= "fa-solid fa-chevron-right" label= "TPL_MOKOONYX_DRAWER_LEFT_ICON_LABEL" description= "TPL_MOKOONYX_DRAWER_LEFT_ICON_DESC" filter= "string" />
<field name= "drawerRightIcon" type= "text" default= "fa-solid fa-chevron-left" label= "TPL_MOKOONYX_DRAWER_RIGHT_ICON_LABEL" description= "TPL_MOKOONYX_DRAWER_RIGHT_ICON_DESC" filter= "string" />
</fieldset>
<!-- THEME TAB (all style/theme settings grouped) -->
<fieldset name= "theme" label= "TPL_MOKO_THEME_FIELDSET" >
<!-- General -->
<field name= "theme_sep_general" type= "spacer" label= "General" hr= "false" class= "text fw-bold" />
<field name= "theme_enabled" type= "radio" default= "1"
label= "TPL_MOKO_THEME_ENABLED" description= "TPL_MOKO_THEME_ENABLED_DESC"
layout= "joomla.form.field.radio.switcher" filter= "boolean" >
<option value= "0" > JNO</option>
<option value= "1" > JYES</option>
</field>
<field name= "theme_control_type" type= "list" default= "radios"
label= "TPL_MOKO_THEME_CONTROL_TYPE" description= "TPL_MOKO_THEME_CONTROL_TYPE_DESC" >
<option value= "switch" > Switch (Light↔Dark)</option>
<option value= "radios" > Radios (Light/Dark/System)</option>
<option value= "none" > No visible control</option>
</field>
<field name= "theme_default_choice" type= "list" default= "system"
label= "TPL_MOKO_THEME_DEFAULT_CHOICE" description= "TPL_MOKO_THEME_DEFAULT_CHOICE_DESC" >
<option value= "system" > System</option>
<option value= "light" > Light</option>
<option value= "dark" > Dark</option>
</field>
<field name= "theme_auto_dark" type= "radio" default= "0"
label= "TPL_MOKO_THEME_AUTO_DARK" description= "TPL_MOKO_THEME_AUTO_DARK_DESC"
layout= "joomla.form.field.radio.switcher" filter= "boolean" >
<option value= "0" > JNO</option>
<option value= "1" > JYES</option>
</field>
<field name= "theme_meta_color_scheme" type= "radio" default= "1"
label= "TPL_MOKO_THEME_META_COLOR_SCHEME" description= "TPL_MOKO_THEME_META_COLOR_SCHEME_DESC"
layout= "joomla.form.field.radio.switcher" filter= "boolean" >
<option value= "0" > JNO</option>
<option value= "1" > JYES</option>
</field>
<field name= "theme_meta_theme_color" type= "radio" default= "1"
label= "TPL_MOKO_THEME_META_THEME_COLOR" description= "TPL_MOKO_THEME_META_THEME_COLOR_DESC"
layout= "joomla.form.field.radio.switcher" filter= "boolean" >
<option value= "0" > JNO</option>
<option value= "1" > JYES</option>
</field>
<field name= "theme_bridge_bs_aria" type= "radio" default= "1"
label= "TPL_MOKO_THEME_BRIDGE" description= "TPL_MOKO_THEME_BRIDGE_DESC"
layout= "joomla.form.field.radio.switcher" filter= "boolean" >
<option value= "0" > JNO</option>
<option value= "1" > JYES</option>
</field>
<!-- Variables & Palettes -->
<field name= "theme_sep_vars" type= "spacer" label= "Variables & Palettes" hr= "false" class= "text fw-bold" />
<field name= "colorLightName" type= "list" label= "TPL_MOKOONYX_COLOR_LIGHT_NAME_LABEL" hint= "TPL_MOKOONYX_COLOR_LIGHT_NAME_DESC" default= "standard" >
<option value= "standard" > TPL_MOKOONYX_COLOR_NAME_STANDARD</option>
<option value= "custom" > TPL_MOKOONYX_COLOR_NAME_CUSTOM</option>
</field>
<field name= "colorDarkName" type= "list" label= "TPL_MOKOONYX_COLOR_DARK_NAME_LABEL" hint= "TPL_MOKOONYX_COLOR_DARK_NAME_DESC" default= "standard" >
<option value= "standard" > TPL_MOKOONYX_COLOR_NAME_STANDARD</option>
<option value= "custom" > TPL_MOKOONYX_COLOR_NAME_CUSTOM</option>
</field>
<!-- Typography -->
<field name= "theme_sep_typo" type= "spacer" label= "Typography" hr= "false" class= "text fw-bold" />
<field name= "useFontScheme" type= "groupedlist" label= "TPL_MOKOONYX_FONT_LABEL" description= "TPL_MOKOONYX_FONT_LABEL_DESC" default= "media/templates/site/mokoonyx/css/fonts/roboto.css" >
<option value= "0" > JNONE</option>
<group label= "TPL_MOKOONYX_FONT_GROUP_LOCAL" >
<option value= "media/templates/site/mokoonyx/css/fonts/roboto.css" > Roboto (local)</option>
</group>
</field>
<field name= "noteFontScheme" type= "note" description= "TPL_MOKOONYX_FONT_NOTE_TEXT" class= "alert alert-warning" />
<!-- Branding & Icons -->
<field name= "theme_sep_brand" type= "spacer" label= "Branding & Icons" hr= "false" class= "text fw-bold" />
<field name= "brand" type= "radio" label= "TPL_MOKOONYX_BRAND_LABEL" default= "1" layout= "joomla.form.field.radio.switcher" filter= "boolean" >
<option value= "0" > JNO</option>
<option value= "1" > JYES</option>
</field>
<field name= "logoFile" type= "media" label= "TPL_MOKOONYX_LOGO_LABEL" showon= "brand:1" />
<field name= "siteTitle" type= "text" default= "MokoOnyx" label= "TPL_MOKOONYX_TITLE" filter= "string" showon= "brand:1" />
<field name= "siteDescription" type= "text" default= "" label= "TPL_MOKOONYX_TAGLINE_LABEL" description= "TPL_MOKOONYX_TAGLINE_DESC" filter= "string" showon= "brand:1" />
<field name= "fA6KitCode" type= "text" default= "" label= "TPL_MOKOONYX_FA7KITCODE_LABEL" description= "TPL_MOKOONYX_FA7KITCODE_DESC" filter= "string" />
<!-- Header & Navigation UI -->
<field name= "theme_sep_header" type= "spacer" label= "Header & Navigation" hr= "false" class= "text fw-bold" />
<field name= "stickyHeader" type= "radio" label= "TPL_MOKOONYX_STICKY_LABEL" layout= "joomla.form.field.radio.switcher" default= "0" filter= "integer" >
<option value= "0" > JNO</option>
<option value= "1" > JYES</option>
</field>
<field name= "backTop" type= "radio" label= "TPL_MOKOONYX_BACKTOTOP_LABEL" layout= "joomla.form.field.radio.switcher" default= "0" filter= "integer" >
<option value= "0" > JNO</option>
<option value= "1" > JYES</option>
2026-05-30 11:21:07 -05:00
</field>
<field name= "hideHeaderHome" type= "radio" label= "TPL_MOKOONYX_HIDE_HEADER_HOME_LABEL" description= "TPL_MOKOONYX_HIDE_HEADER_HOME_DESC" layout= "joomla.form.field.radio.switcher" default= "0" filter= "integer" >
<option value= "0" > JNO</option>
<option value= "1" > JYES</option>
</field>
<field name= "hideMenuHome" type= "radio" label= "TPL_MOKOONYX_HIDE_MENU_HOME_LABEL" description= "TPL_MOKOONYX_HIDE_MENU_HOME_DESC" layout= "joomla.form.field.radio.switcher" default= "0" filter= "integer" >
<option value= "0" > JNO</option>
<option value= "1" > JYES</option>
2026-04-19 17:19:03 -05:00
</field>
<!-- Accessibility -->
<field name= "theme_sep_a11y" type= "spacer" label= "Accessibility" hr= "false" class= "text fw-bold" />
<field name= "a11y_toolbar_enabled" type= "radio" default= "1"
label= "TPL_MOKO_A11Y_TOOLBAR_ENABLED" description= "TPL_MOKO_A11Y_TOOLBAR_ENABLED_DESC"
layout= "joomla.form.field.radio.switcher" filter= "boolean" >
<option value= "0" > JNO</option>
<option value= "1" > JYES</option>
</field>
<field name= "a11y_text_resize" type= "radio" default= "1"
label= "TPL_MOKO_A11Y_TEXT_RESIZE" description= "TPL_MOKO_A11Y_TEXT_RESIZE_DESC"
layout= "joomla.form.field.radio.switcher" filter= "boolean"
showon= "a11y_toolbar_enabled:1" >
<option value= "0" > JNO</option>
<option value= "1" > JYES</option>
</field>
<field name= "a11y_color_inversion" type= "radio" default= "1"
label= "TPL_MOKO_A11Y_COLOR_INVERSION" description= "TPL_MOKO_A11Y_COLOR_INVERSION_DESC"
layout= "joomla.form.field.radio.switcher" filter= "boolean"
showon= "a11y_toolbar_enabled:1" >
<option value= "0" > JNO</option>
<option value= "1" > JYES</option>
</field>
<field name= "a11y_high_contrast" type= "radio" default= "1"
label= "TPL_MOKO_A11Y_HIGH_CONTRAST" description= "TPL_MOKO_A11Y_HIGH_CONTRAST_DESC"
layout= "joomla.form.field.radio.switcher" filter= "boolean"
showon= "a11y_toolbar_enabled:1" >
<option value= "0" > JNO</option>
<option value= "1" > JYES</option>
</field>
<field name= "a11y_highlight_links" type= "radio" default= "1"
label= "TPL_MOKO_A11Y_HIGHLIGHT_LINKS" description= "TPL_MOKO_A11Y_HIGHLIGHT_LINKS_DESC"
layout= "joomla.form.field.radio.switcher" filter= "boolean"
showon= "a11y_toolbar_enabled:1" >
<option value= "0" > JNO</option>
<option value= "1" > JYES</option>
</field>
<field name= "a11y_readable_font" type= "radio" default= "1"
label= "TPL_MOKO_A11Y_READABLE_FONT" description= "TPL_MOKO_A11Y_READABLE_FONT_DESC"
layout= "joomla.form.field.radio.switcher" filter= "boolean"
showon= "a11y_toolbar_enabled:1" >
<option value= "0" > JNO</option>
<option value= "1" > JYES</option>
</field>
<field name= "a11y_pause_animations" type= "radio" default= "1"
label= "TPL_MOKO_A11Y_PAUSE_ANIMATIONS" description= "TPL_MOKO_A11Y_PAUSE_ANIMATIONS_DESC"
layout= "joomla.form.field.radio.switcher" filter= "boolean"
showon= "a11y_toolbar_enabled:1" >
<option value= "0" > JNO</option>
<option value= "1" > JYES</option>
</field>
<!-- Position forced to bottom-right in index.php -->
<field name= "a11y_toolbar_pos" type= "hidden" default= "br"
label= "TPL_MOKO_A11Y_TOOLBAR_POS" description= "TPL_MOKO_A11Y_TOOLBAR_POS_DESC"
showon= "a11y_toolbar_enabled:1" >
<option value= "br" > Bottom-right</option>
<option value= "bl" > Bottom-left</option>
<option value= "tr" > Top-right</option>
<option value= "tl" > Top-left</option>
</field>
<!-- Toggle UI -->
<field name= "theme_sep_toggle" type= "spacer" label= "Theme Toggle UI" hr= "false" class= "text fw-bold" />
<field name= "theme_fab_enabled" type= "radio" default= "1"
label= "TPL_MOKO_THEME_FAB_ENABLED" description= "TPL_MOKO_THEME_FAB_ENABLED_DESC"
layout= "joomla.form.field.radio.switcher" filter= "boolean" >
<option value= "0" > JNO</option>
<option value= "1" > JYES</option>
</field>
<!-- Position forced to bottom-right in index.php -->
<field name= "theme_fab_pos" type= "hidden" default= "br"
label= "TPL_MOKO_THEME_FAB_POS" description= "TPL_MOKO_THEME_FAB_POS_DESC" >
<option value= "br" > Bottom-right</option>
<option value= "bl" > Bottom-left</option>
<option value= "tr" > Top-right</option>
<option value= "tl" > Top-left</option>
</field>
</fieldset>
2026-06-18 10:22:25 -05:00
<!-- Social icons tab -->
<fieldset name= "social" label= "TPL_MOKOONYX_SOCIAL_FIELDSET_LABEL" >
<field name= "social_note" type= "note" description= "TPL_MOKOONYX_SOCIAL_NOTE" />
<!-- Display toggles -->
<field name= "social_sep_display" type= "spacer" label= "Display" hr= "false" class= "text fw-bold" />
<field name= "social_topbar" type= "radio" default= "0"
label= "TPL_MOKOONYX_SOCIAL_TOPBAR_LABEL" description= "TPL_MOKOONYX_SOCIAL_TOPBAR_DESC"
layout= "joomla.form.field.radio.switcher" filter= "boolean" >
<option value= "0" > JNO</option>
<option value= "1" > JYES</option>
</field>
<field name= "social_footer" type= "radio" default= "0"
label= "TPL_MOKOONYX_SOCIAL_FOOTER_LABEL" description= "TPL_MOKOONYX_SOCIAL_FOOTER_DESC"
layout= "joomla.form.field.radio.switcher" filter= "boolean" >
<option value= "0" > JNO</option>
<option value= "1" > JYES</option>
</field>
2026-06-18 11:44:36 -05:00
<field name= "social_floating" type= "radio" default= "0"
label= "TPL_MOKOONYX_SOCIAL_FLOATING_LABEL" description= "TPL_MOKOONYX_SOCIAL_FLOATING_DESC"
layout= "joomla.form.field.radio.switcher" filter= "boolean" >
<option value= "0" > JNO</option>
<option value= "1" > JYES</option>
</field>
<field name= "social_floating_pos" type= "list" default= "left"
label= "TPL_MOKOONYX_SOCIAL_FLOATING_POS_LABEL" description= "TPL_MOKOONYX_SOCIAL_FLOATING_POS_DESC"
showon= "social_floating:1" >
<option value= "left" > TPL_MOKOONYX_SOCIAL_FLOATING_POS_LEFT</option>
<option value= "right" > TPL_MOKOONYX_SOCIAL_FLOATING_POS_RIGHT</option>
</field>
2026-06-18 10:22:25 -05:00
<!-- Style options -->
2026-06-20 15:48:30 -05:00
<field name= "social_sep_style" type= "spacer" label= "Style" hr= "false" class= "text fw-bold"
showon= "social_topbar:1[OR]social_footer:1[OR]social_floating:1" />
2026-06-18 10:22:25 -05:00
<field name= "social_icon_style" type= "list" default= "plain"
2026-06-20 15:48:30 -05:00
label= "TPL_MOKOONYX_SOCIAL_STYLE_LABEL" description= "TPL_MOKOONYX_SOCIAL_STYLE_DESC"
showon= "social_topbar:1[OR]social_footer:1[OR]social_floating:1" >
2026-06-18 10:22:25 -05:00
<option value= "plain" > TPL_MOKOONYX_SOCIAL_STYLE_PLAIN</option>
2026-06-18 11:12:41 -05:00
<option value= "square" > TPL_MOKOONYX_SOCIAL_STYLE_SQUARE</option>
2026-06-18 10:22:25 -05:00
<option value= "circle" > TPL_MOKOONYX_SOCIAL_STYLE_CIRCLE</option>
<option value= "rounded" > TPL_MOKOONYX_SOCIAL_STYLE_ROUNDED</option>
</field>
<field name= "social_icon_size" type= "list" default= "md"
2026-06-20 15:48:30 -05:00
label= "TPL_MOKOONYX_SOCIAL_SIZE_LABEL" description= "TPL_MOKOONYX_SOCIAL_SIZE_DESC"
showon= "social_topbar:1[OR]social_footer:1[OR]social_floating:1" >
2026-06-18 10:22:25 -05:00
<option value= "sm" > TPL_MOKOONYX_SOCIAL_SIZE_SM</option>
<option value= "md" > TPL_MOKOONYX_SOCIAL_SIZE_MD</option>
<option value= "lg" > TPL_MOKOONYX_SOCIAL_SIZE_LG</option>
</field>
2026-06-18 11:44:36 -05:00
<field name= "social_icon_color" type= "list" default= "theme"
2026-06-20 15:48:30 -05:00
label= "TPL_MOKOONYX_SOCIAL_COLOR_LABEL" description= "TPL_MOKOONYX_SOCIAL_COLOR_DESC"
showon= "social_topbar:1[OR]social_footer:1[OR]social_floating:1" >
2026-06-18 11:44:36 -05:00
<option value= "theme" > TPL_MOKOONYX_SOCIAL_COLOR_THEME</option>
<option value= "brand" > TPL_MOKOONYX_SOCIAL_COLOR_BRAND</option>
<option value= "black" > TPL_MOKOONYX_SOCIAL_COLOR_BLACK</option>
<option value= "white" > TPL_MOKOONYX_SOCIAL_COLOR_WHITE</option>
</field>
2026-06-18 10:22:25 -05:00
<!-- Platform URLs -->
2026-06-20 15:48:30 -05:00
<field name= "social_sep_urls" type= "spacer" label= "Platform URLs" hr= "false" class= "text fw-bold"
showon= "social_topbar:1[OR]social_footer:1[OR]social_floating:1" />
<field name= "social_urls_note" type= "note" description= "TPL_MOKOONYX_SOCIAL_URLS_NOTE"
showon= "social_topbar:1[OR]social_footer:1[OR]social_floating:1" />
2026-06-20 20:22:47 -05:00
<field name= "social_facebook_url" type= "url" default= "" label= "Facebook" filter= "url" validate= "url" />
<field name= "social_twitter_url" type= "url" default= "" label= "X / Twitter" filter= "url" validate= "url" />
<field name= "social_instagram_url" type= "url" default= "" label= "Instagram" filter= "url" validate= "url" />
<field name= "social_linkedin_url" type= "url" default= "" label= "LinkedIn" filter= "url" validate= "url" />
<field name= "social_youtube_url" type= "url" default= "" label= "YouTube" filter= "url" validate= "url" />
<field name= "social_github_url" type= "url" default= "" label= "GitHub" filter= "url" validate= "url" />
<field name= "social_bluesky_url" type= "url" default= "" label= "Bluesky" filter= "url" validate= "url" />
<field name= "social_threads_url" type= "url" default= "" label= "Threads" filter= "url" validate= "url" />
<field name= "social_discord_url" type= "url" default= "" label= "Discord" filter= "url" validate= "url" />
<field name= "social_tiktok_url" type= "url" default= "" label= "TikTok" filter= "url" validate= "url" />
<field name= "social_reddit_url" type= "url" default= "" label= "Reddit" filter= "url" validate= "url" />
<field name= "social_pinterest_url" type= "url" default= "" label= "Pinterest" filter= "url" validate= "url" />
<field name= "social_snapchat_url" type= "url" default= "" label= "Snapchat" filter= "url" validate= "url" />
<field name= "social_telegram_url" type= "url" default= "" label= "Telegram" filter= "url" validate= "url" />
<field name= "social_whatsapp_url" type= "url" default= "" label= "WhatsApp" filter= "url" validate= "url" />
<field name= "social_tumblr_url" type= "url" default= "" label= "Tumblr" filter= "url" validate= "url" />
<field name= "social_twitch_url" type= "url" default= "" label= "Twitch" filter= "url" validate= "url" />
<field name= "social_spotify_url" type= "url" default= "" label= "Spotify" filter= "url" validate= "url" />
<field name= "social_soundcloud_url" type= "url" default= "" label= "SoundCloud" filter= "url" validate= "url" />
<field name= "social_flickr_url" type= "url" default= "" label= "Flickr" filter= "url" validate= "url" />
<field name= "social_vimeo_url" type= "url" default= "" label= "Vimeo" filter= "url" validate= "url" />
<field name= "social_linktree_url" type= "url" default= "" label= "Linktree" filter= "url" validate= "url" />
2026-06-18 10:22:25 -05:00
<field name= "social_mail_url" type= "url" default= "" label= "Email" description= "TPL_MOKOONYX_SOCIAL_MAIL_DESC" filter= "string" />
</fieldset>
2026-04-19 17:19:03 -05:00
<!-- CSS Variables reference tab -->
<fieldset name= "css_variables" label= "TPL_MOKOONYX_CSS_VARS_FIELDSET_LABEL" >
<field name= "css_vars_intro" type= "note" description= "TPL_MOKOONYX_CSS_VARS_INTRO" />
<field name= "css_vars_brand" type= "note" label= "TPL_MOKOONYX_CSS_VARS_BRAND_LABEL" description= "TPL_MOKOONYX_CSS_VARS_BRAND_DESC" class= "alert alert-light" />
<field name= "css_vars_links" type= "note" label= "TPL_MOKOONYX_CSS_VARS_LINKS_LABEL" description= "TPL_MOKOONYX_CSS_VARS_LINKS_DESC" class= "alert alert-light" />
<field name= "css_vars_typography" type= "note" label= "TPL_MOKOONYX_CSS_VARS_TYPO_LABEL" description= "TPL_MOKOONYX_CSS_VARS_TYPO_DESC" class= "alert alert-light" />
<field name= "css_vars_nav" type= "note" label= "TPL_MOKOONYX_CSS_VARS_NAV_LABEL" description= "TPL_MOKOONYX_CSS_VARS_NAV_DESC" class= "alert alert-light" />
<field name= "css_vars_layout" type= "note" label= "TPL_MOKOONYX_CSS_VARS_LAYOUT_LABEL" description= "TPL_MOKOONYX_CSS_VARS_LAYOUT_DESC" class= "alert alert-light" />
<field name= "css_vars_breakpoints" type= "note" label= "TPL_MOKOONYX_CSS_VARS_BP_LABEL" description= "TPL_MOKOONYX_CSS_VARS_BP_DESC" class= "alert alert-light" />
<field name= "css_vars_bootstrap" type= "note" label= "TPL_MOKOONYX_CSS_VARS_BS_LABEL" description= "TPL_MOKOONYX_CSS_VARS_BS_DESC" class= "alert alert-light" />
<field name= "css_vars_bootstrap_states" type= "note" label= "TPL_MOKOONYX_CSS_VARS_BS_STATES_LABEL" description= "TPL_MOKOONYX_CSS_VARS_BS_STATES_DESC" class= "alert alert-light" />
<field name= "css_vars_alert_list" type= "note" label= "TPL_MOKOONYX_CSS_VARS_ALERT_LIST_LABEL" description= "TPL_MOKOONYX_CSS_VARS_ALERT_LIST_DESC" class= "alert alert-light" />
<field name= "css_vars_colors" type= "note" label= "TPL_MOKOONYX_CSS_VARS_COLORS_LABEL" description= "TPL_MOKOONYX_CSS_VARS_COLORS_DESC" class= "alert alert-light" />
<field name= "css_vars_hero" type= "note" label= "TPL_MOKOONYX_CSS_VARS_HERO_LABEL" description= "TPL_MOKOONYX_CSS_VARS_HERO_DESC" class= "alert alert-light" />
<field name= "css_vars_hero_variants" type= "note" label= "TPL_MOKOONYX_CSS_VARS_HERO_VARIANTS_LABEL" description= "TPL_MOKOONYX_CSS_VARS_HERO_VARIANTS_DESC" class= "alert alert-info" />
<field name= "css_vars_block_colors" type= "note" label= "TPL_MOKOONYX_CSS_VARS_BLOCK_COLORS_LABEL" description= "TPL_MOKOONYX_CSS_VARS_BLOCK_COLORS_DESC" class= "alert alert-info" />
<field name= "css_vars_header" type= "note" label= "TPL_MOKOONYX_CSS_VARS_HEADER_LABEL" description= "TPL_MOKOONYX_CSS_VARS_HEADER_DESC" class= "alert alert-light" />
<field name= "css_vars_containers" type= "note" label= "TPL_MOKOONYX_CSS_VARS_CONTAINERS_LABEL" description= "TPL_MOKOONYX_CSS_VARS_CONTAINERS_DESC" class= "alert alert-light" />
<field name= "css_vars_borders" type= "note" label= "TPL_MOKOONYX_CSS_VARS_BORDERS_LABEL" description= "TPL_MOKOONYX_CSS_VARS_BORDERS_DESC" class= "alert alert-light" />
<field name= "css_vars_shadows" type= "note" label= "TPL_MOKOONYX_CSS_VARS_SHADOWS_LABEL" description= "TPL_MOKOONYX_CSS_VARS_SHADOWS_DESC" class= "alert alert-light" />
<field name= "css_vars_forms" type= "note" label= "TPL_MOKOONYX_CSS_VARS_FORMS_LABEL" description= "TPL_MOKOONYX_CSS_VARS_FORMS_DESC" class= "alert alert-light" />
<field name= "css_vars_buttons" type= "note" label= "TPL_MOKOONYX_CSS_VARS_BUTTONS_LABEL" description= "TPL_MOKOONYX_CSS_VARS_BUTTONS_DESC" class= "alert alert-light" />
<field name= "css_vars_cards" type= "note" label= "TPL_MOKOONYX_CSS_VARS_CARDS_LABEL" description= "TPL_MOKOONYX_CSS_VARS_CARDS_DESC" class= "alert alert-light" />
<field name= "css_vars_accordion" type= "note" label= "TPL_MOKOONYX_CSS_VARS_ACCORDION_LABEL" description= "TPL_MOKOONYX_CSS_VARS_ACCORDION_DESC" class= "alert alert-light" />
<field name= "css_vars_alert_base" type= "note" label= "TPL_MOKOONYX_CSS_VARS_ALERT_BASE_LABEL" description= "TPL_MOKOONYX_CSS_VARS_ALERT_BASE_DESC" class= "alert alert-light" />
<field name= "css_vars_badge" type= "note" label= "TPL_MOKOONYX_CSS_VARS_BADGE_LABEL" description= "TPL_MOKOONYX_CSS_VARS_BADGE_DESC" class= "alert alert-light" />
<field name= "css_vars_breadcrumb" type= "note" label= "TPL_MOKOONYX_CSS_VARS_BREADCRUMB_LABEL" description= "TPL_MOKOONYX_CSS_VARS_BREADCRUMB_DESC" class= "alert alert-light" />
<field name= "css_vars_dropdown_menu" type= "note" label= "TPL_MOKOONYX_CSS_VARS_DROPDOWN_MENU_LABEL" description= "TPL_MOKOONYX_CSS_VARS_DROPDOWN_MENU_DESC" class= "alert alert-light" />
<field name= "css_vars_list_group" type= "note" label= "TPL_MOKOONYX_CSS_VARS_LIST_GROUP_LABEL" description= "TPL_MOKOONYX_CSS_VARS_LIST_GROUP_DESC" class= "alert alert-light" />
<field name= "css_vars_modal" type= "note" label= "TPL_MOKOONYX_CSS_VARS_MODAL_LABEL" description= "TPL_MOKOONYX_CSS_VARS_MODAL_DESC" class= "alert alert-light" />
<field name= "css_vars_backdrop" type= "note" label= "TPL_MOKOONYX_CSS_VARS_BACKDROP_LABEL" description= "TPL_MOKOONYX_CSS_VARS_BACKDROP_DESC" class= "alert alert-light" />
<field name= "css_vars_nav_tabs" type= "note" label= "TPL_MOKOONYX_CSS_VARS_NAV_TABS_LABEL" description= "TPL_MOKOONYX_CSS_VARS_NAV_TABS_DESC" class= "alert alert-light" />
<field name= "css_vars_nav_pills" type= "note" label= "TPL_MOKOONYX_CSS_VARS_NAV_PILLS_LABEL" description= "TPL_MOKOONYX_CSS_VARS_NAV_PILLS_DESC" class= "alert alert-light" />
<field name= "css_vars_pagination" type= "note" label= "TPL_MOKOONYX_CSS_VARS_PAGINATION_LABEL" description= "TPL_MOKOONYX_CSS_VARS_PAGINATION_DESC" class= "alert alert-light" />
<field name= "css_vars_popover" type= "note" label= "TPL_MOKOONYX_CSS_VARS_POPOVER_LABEL" description= "TPL_MOKOONYX_CSS_VARS_POPOVER_DESC" class= "alert alert-light" />
<field name= "css_vars_progress" type= "note" label= "TPL_MOKOONYX_CSS_VARS_PROGRESS_LABEL" description= "TPL_MOKOONYX_CSS_VARS_PROGRESS_DESC" class= "alert alert-light" />
<field name= "css_vars_spinner" type= "note" label= "TPL_MOKOONYX_CSS_VARS_SPINNER_LABEL" description= "TPL_MOKOONYX_CSS_VARS_SPINNER_DESC" class= "alert alert-light" />
<field name= "css_vars_table" type= "note" label= "TPL_MOKOONYX_CSS_VARS_TABLE_LABEL" description= "TPL_MOKOONYX_CSS_VARS_TABLE_DESC" class= "alert alert-light" />
<field name= "css_vars_toast" type= "note" label= "TPL_MOKOONYX_CSS_VARS_TOAST_LABEL" description= "TPL_MOKOONYX_CSS_VARS_TOAST_DESC" class= "alert alert-light" />
<field name= "css_vars_tooltip" type= "note" label= "TPL_MOKOONYX_CSS_VARS_TOOLTIP_LABEL" description= "TPL_MOKOONYX_CSS_VARS_TOOLTIP_DESC" class= "alert alert-light" />
<field name= "css_vars_components" type= "note" label= "TPL_MOKOONYX_CSS_VARS_COMPONENTS_LABEL" description= "TPL_MOKOONYX_CSS_VARS_COMPONENTS_DESC" class= "alert alert-light" />
<field name= "css_vars_offcanvas" type= "note" label= "TPL_MOKOONYX_CSS_VARS_OFFCANVAS_LABEL" description= "TPL_MOKOONYX_CSS_VARS_OFFCANVAS_DESC" class= "alert alert-light" />
<field name= "css_vars_virtuemart" type= "note" label= "TPL_MOKOONYX_CSS_VARS_VM_LABEL" description= "TPL_MOKOONYX_CSS_VARS_VM_DESC" class= "alert alert-light" />
<field name= "css_vars_gable" type= "note" label= "TPL_MOKOONYX_CSS_VARS_GABLE_LABEL" description= "TPL_MOKOONYX_CSS_VARS_GABLE_DESC" class= "alert alert-light" />
<field name= "css_vars_footer" type= "note" label= "TPL_MOKOONYX_CSS_VARS_FOOTER_LABEL" description= "TPL_MOKOONYX_CSS_VARS_FOOTER_DESC" class= "alert alert-light" />
2026-06-18 10:22:25 -05:00
<field name= "css_vars_social" type= "note" label= "TPL_MOKOONYX_CSS_VARS_SOCIAL_LABEL" description= "TPL_MOKOONYX_CSS_VARS_SOCIAL_DESC" class= "alert alert-info" />
2026-04-19 17:19:03 -05:00
</fieldset>
</fields>
</config>
</extension>
2026-05-28 14:02:48 -05:00
