Apply Style Settings to publish theme

Use case or problem

I’ve got themes locally on obsidian which uses Style Settings, and I would like to have my Published site also use the same.

Proposed solution

In publish settings, there should be an option to apply the same theme I’ve got locally, or pick another one.

Current workaround (optional)

Currently, I’m following the steps on the Obsidian Customize your site page. Once done, I toggle dev tools on Obsidian, copy all of the classes that are attached to body that set the Style Settings, then add them to a publish.js file like so

document.body.className += ' theme-dark mod-macos is-frameless is-hidden-frameless obsidian-app native-scrollbars is-maximized show-inline-title show-ribbon show-view-header css-settings-manager anp-td-none ctp-rosepine-light ctp-mocha ctp-accent-maroon anuppuccin-accent-toggle anp-no-highlight anp-callout-color-toggle anp-custom-checkboxes anp-codeblock-numbers anp-list-toggle anp-table-toggle anp-header-color-toggle anp-header-margin-toggle anp-h1-red anp-h2-peach anp-h3-green anp-h4-teal anp-h5-lavender anp-h6-mauve anp-bold-red anp-italic-green anp-highlight-yellow anp-simple-rainbow-color-toggle anp-rainbow-file-toggle anp-simple-rainbow-title-toggle anp-simple-rainbow-collapse-icon-toggle anp-simple-rainbow-indentation-toggle anp-simple-rainbow-icon-toggle anp-rainbow-subfolder-color-toggle anp-mini-tab-toggle anp-theme-ext-dark ctp-material-mint-light ctp-dracula img-adj-list is-focused';

I didn’t find this work around anywhere else, so the main reason I’m creating this ticket is to help others.