Ways To Edit Themes - Vanilla Success

* { padding: 0; margin: 0; box-sizing: border-box; transition: opacity .3s ease-in-out,color .3s ease-in-out; transition-delay: 0; } .footer { background: #2B2B2B; color: #909090; font-size: 14px; line-height: 1.5; padding: 28px 0; } .footer-wrap { padding-left: 18px; padding-right: 18px; max-width: 1236px; margin: 0 auto; } .footer a { color: #fff; opacity: 0.8; } .footer a:hover { color: #fff; opacity: 1; } .footer a * { color: inherit; } .footer-row { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin: -3px; } .footer-col { padding: 0 3px; } .footer-col-copyright { justify-content: flex-start; flex: 1; } .footer-col-logo { justify-content: flex-start; } .footer-col-copyright, .footer-col-logo { display: flex; } .logo { width: 120px; height: 36px; color: inherit; } .social-links { display: flex; flex-wrap: wrap; align-items: center; } .social-link-item { flex: 1; list-style: none; color: white; } .social-link-item a { padding: 0 12px; display: inline-block; } .social-link-icon { height: 36px; width: 36px; } @media screen and (max-width: 768px) { .footer-row { display: block; } .footer-col { width: 100%; text-align: center; margin: 6px 0; } .footer-col:first-child { margin-top: 0; } .footer-col:last-child { margin-bottom: 0; } .footer-col-copyright { margin-top: 6px; margin-bottom: 18px; } .footer-col-copyright, .footer-col-logo { justify-content: center; } .logo { margin: 0 auto; } .social-links { justify-content: center; } .social-link-item { display: flex; align-items: center; justify-content: center; } } /*# sourceMappingURL=styles.css.map */

Vanilla offers three ways of creating and editing a theme:

Theming Editor UI. You can add a new theme and edit existing themes in your dashboard via a theming UI. This is the easiest way to get started theming and make small tweaks to existing themes. You can access the theming UI from your dashboard under Appearance › Themes.
File Based Theme. You can create a theme on your file system and drop it in your local \themes folder, then publish it with Vanilla's enterprise theme push feature. File based themes are a good option if you are a dedicated theme developer and want to use source control, or if you want to take advantage of your own build pipeline.
Theme API. Vanilla offers a full RESTful API for its theming engine. Usually you won't create an entire theme via the API, but having an API unlocks some interesting advanced scenarios. Maybe you have a header that you use across all of your sites and you want to be able to update it everywhere. Maybe you have several themes that are mostly similar and you want to write some automation scripts to synchronize them.

The great thing about all of these theming methods is they are all compatible with each-other. You could make a file based theme and then copy it within your dashboard to edit it with the theme editor afterwards. You could use our API to download the individual assets of a theme and then continue it as a file based theme. All themes share the same basic structure.