Style interface
<style>
:root {
--main-text-color:#0c0a3e;
--main-text-fontsize:16px;
--main-text-lineheight:1.5em;
--main-text-fontfamily:'Inter UI', sans-serif;
--main-selected-text-bg:#f3c677;
--main-bg-color:#E1E1E1;
--main-container-bg-color:#fff;
/* full width */
--main-container-margin: 0;
--main-container-width: 100%;
--main-container-text-width: 100%;
--main-container-border-radius: 0;
--main-container-box-shadow: none;
--section-background-image-width:100vw;
--section-background-image-margin:-50vw;
--section-background-image-position:50%;
/* contained page */
/*
--main-container-margin: 15px auto 15px auto;
--main-container-width: 1000px;
--main-container-text-width: 800px;
--main-container-border-radius: 4px;
--main-container-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
--section-background-image-width:var(--main-container-width);
--section-background-image-margin:calc((var(--main-container-text-width) - var(--main-container-width) - 30px) / 2);
--section-background-image-position:0;*/
--navbar-bg-color: #7b1e7a;
--navbar-text-color: #FFF;
--navbar-link-color: #FFF;
--navbar-link-bg-color: transparent;
--navbar-link-hover-color: #f3c677;
--navbar-link-bg-hover-color: transparent;
--navbar-border: none;
--navbar-border-radius : 4px 4px 0 0;
--navbar-shadow: 1px 1px 1px rgba(0,0,0,.2);
--header-bg-color: #f4f4f4;
--header-text-color: #414141;
--header-title-color: #0c0a3e;
--footer-bg-color: #0c0a3e;
--footer-text-color: #99999b;
--footer-link-color: #eee;
--footer-title-color: #ccc;
--footer-border-top: none;
--btn-border:none;
--btn-border-radius:2px;
--btn-default-color:#7b1e7a;
--btn-default-background:#fff;
--btn-default-border:1px solid #7b1e7a;
--btn-default-hover-color:#b33f62;
--btn-default-hover-background:#fff;
--btn-default-hover-border:1px solid #b33f62;
--btn-primary-color:#fff;
--btn-primary-background:#7b1e7a;
--btn-primary-border:1px solid #7b1e7a;
--btn-primary-hover-color:#fff;
--btn-primary-hover-background:#b33f62;
--btn-primary-hover-border:1px solid #b33f62;
}
</style>