🎨 #12722

src/main/webapp/admin/admin-preference.ftl

@@ -82,8 +82,8 @@
             <option value="titleAndAbstract">${titleAndAbstractLabel}</option>
             <option value="titleAndContent">${titleAndContentLabel}</option>
         </select>
-        <label for="articleHljsTheme">${hljsThemeLabel}</label>
-        <select id="articleHljsTheme">
+        <label for="hljsTheme">${hljsThemeLabel}</label>
+        <select id="hljsTheme">
             <option value="default">Default</option>
             <option value="a11y-dark">A 11 Y Dark</option>
             <option value="a11y-light">A 11 Y Light</option>

src/main/webapp/common-template/label.ftl

@@ -22,7 +22,7 @@
         servePath: "${servePath}",
         staticServePath: "${staticServePath}",
         markedAvailable: ${markedAvailable?c},
-        hljsStyle: 'atom-one-light',
+        hljsStyle: '${hljsTheme}',
         langLabel: "${langLabel}",
         version: "${version}",
     }

src/main/webapp/js/admin/preference.js

@@ -118,6 +118,7 @@ admin.preference = {
         }
 
         $('#articleListDisplay').val(preference.articleListStyle)
+        $('#hljsTheme').val(preference.hljsTheme)
         $('#feedOutputMode').val(preference.feedOutputMode)
         $('#feedOutputCnt').val(preference.feedOutputCnt)
         $('#faviconURL').val(preference.faviconURL)
@@ -251,6 +252,7 @@ admin.preference = {
         'allowVisitDraftViaPermalink': $('#allowVisitDraftViaPermalink').
           prop('checked'),
         'articleListStyle': $('#articleListDisplay').val(),
+        'hljsTheme': $('#hljsTheme').val(),
         'feedOutputMode': $('#feedOutputMode').val(),
         'feedOutputCnt': $('#feedOutputCnt').val(),
         'faviconURL': $('#faviconURL').val(),