"        var theme = document.body.classList.contains('dark-theme')? 'dark' : 'light';" +
                "    }" +
                "    localStorage.setItem('theme', theme);" +
                "});</script>"
            );

            // TODO: This would be better to model as separate options
            options.addStringOption("Xdoclint:syntax,html", "-quiet");
            // TODO: This breaks the provider

<a href="fess-theme-classic/" title="fess-theme-classic/">fess-theme-classic/</a>                                              -         -      
<a href="fess-theme-codesearch/" title="fess-theme-codesearch/">fess-theme-codesearch/</a>                                           -         -      

def on_files(files: Files, *, config: MkDocsConfig) -> Files:
    resolve_files(items=config.nav or [], files=files, config=config)
    if "logo" in config.theme:
        resolve_file(item=config.theme["logo"], files=files, config=config)
    if "favicon" in config.theme:
        resolve_file(item=config.theme["favicon"], files=files, config=config)
    resolve_files(items=config.extra_css, files=files, config=config)

<img src="/img/tutorial/extending-openapi/image03.png">

## Change the Theme

The same way you could set the syntax highlighting theme with the key `"syntaxHighlight.theme"` (notice that it has a dot in the middle):

{* ../../docs_src/configure_swagger_ui/tutorial002.py hl[3] *}

That configuration would change the syntax highlighting color theme:

<img src="/img/tutorial/extending-openapi/image04.png">

<img src="/img/tutorial/extending-openapi/image03.png">

## Das Theme ändern

Auf die gleiche Weise könnten Sie das Theme der Syntaxhervorhebung mit dem Schlüssel `syntaxHighlight.theme` festlegen (beachten Sie, dass er einen Punkt in der Mitte hat):

```Python hl_lines="3"
{!../../docs_src/configure_swagger_ui/tutorial002.py!}
```

Obige Konfiguration würde das Theme für die Farbe der Syntaxhervorhebung ändern:

        @Override
        public String toString() {
            return name + ":" + version;
        }
    }

    public enum ArtifactType {
        DATA_STORE("fess-ds"), //
        THEME("fess-theme"), //
        INGEST("fess-ingest"), //
        SCRIPT("fess-script"), //
        WEBAPP("fess-webapp"), //
        THUMBNAIL("fess-thumbnail"), //
        CRAWLER("fess-crawler"), //
        UNKNOWN("jar");

    }

    protected String getThemeName(final Artifact artifact) {
        final String themeName = artifact.getName().substring(ArtifactType.THEME.getId().length() + 1);
        if (StringUtil.isBlank(themeName)) {
            throw new ThemeException("Theme name is empty: " + artifact);
        }
        return themeName;
    }

    protected void closeQuietly(final Path dir) {

 * governing permissions and limitations under the License.
 */
package org.codelibs.fess.app.web.admin.dict.protwords;

import org.lastaflute.web.validation.Required;
import org.lastaflute.web.validation.theme.conversion.ValidateTypeFailure;

/**
 * @author ma2tani
 */
public class EditForm extends CreateForm {

    @Required
    @ValidateTypeFailure
    public Long id;

    public String getDisplayId() {

 * governing permissions and limitations under the License.
 */
package org.codelibs.fess.app.web.admin.elevateword;

import org.lastaflute.web.validation.Required;
import org.lastaflute.web.validation.theme.conversion.ValidateTypeFailure;

import jakarta.validation.constraints.Size;

/**
 * @author Keiichi Watanabe
 */
public class EditForm extends CreateForm {

    @Required
    @Size(max = 1000)

 * governing permissions and limitations under the License.
 */
package org.codelibs.fess.app.web.admin.reqheader;

import org.lastaflute.web.validation.Required;
import org.lastaflute.web.validation.theme.conversion.ValidateTypeFailure;

import jakarta.validation.constraints.Size;

/**
 * @author Keiichi Watanabe
 */
public class EditForm extends CreateForm {

    @Required
    @Size(max = 1000)