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>

 documentation