Hello, when I want to add to the user-preferences-account so that users can choose whether they want dark mode or light mode, I try to add it using the code below and put it there using the plugin outlet, the problem is that it doesn’t show for selection, the code is not functional. Can you advise me how I could put it there? it is very important to me
well thank you
{{#if showColorSchemeSelector}}
<fieldset class="control-group color-scheme">
<legend class="control-label">{{i18n "user.color_scheme"}}</legend>
<div class="control-subgroup light-color-scheme">
{{#if showDarkColorSchemeSelector}}
<div class="instructions">{{i18n "user.color_schemes.regular" }}</div>
{{/if}}
<div class="controls">
{{combo-box
content=userSelectableColorSchemes
value=selectedColorSchemeId
onChange=(action "loadColorScheme")
options=(hash
translatedNone=selectedColorSchemeNoneLabel
autoInsertNoneItem=showColorSchemeNoneItem
)
}}
</div>
</div>
{{#if showDarkColorSchemeSelector}}
<div class="control-subgroup dark-color-scheme">
<div class="instructions">{{i18n "user.color_schemes.dark" }}</div>
<div class="controls">
{{combo-box
content=userSelectableDarkColorSchemes
value=selectedDarkColorSchemeId
onChange=(action "loadDarkColorScheme")}}
</div>
</div>
<div class="instructions">
{{i18n "user.color_schemes.dark_instructions" }}
</div>
{{/if}}
{{#if previewingColorScheme}}
{{#if previewingColorScheme}}
{{d-button action=(action "undoColorSchemePreview") label="user.color_schemes.undo" icon="undo" class="btn-default btn-small undo-preview"}}
{{/if}}
<div class="controls color-scheme-checkbox">
{{preference-checkbox labelKey="user.color_scheme_default_on_all_devices" checked=makeColorSchemeDefault}}
</div>
{{/if}}
</fieldset>
{{/if}}
I want to paste this code here so that it works properly
<script type="text/x-handlebars" data-template-name="/connectors/user-preferences-account/terajsok-custom-user-preferences"> </script>