Atomo Diagnostics

Presentations

Custom styles
Changing the top nav colours:


<style>
  :root {
    
    /* Change these values: */
    --header-text-color: #4F4F4F;
    --header-background-color: #E6EAF5 ;
    --navbar-background-color: #E6EAF5;
    --navbar-text-color: #4F4F4F;
  }

  header {
    background-color: var(--header-background-color) !important;
  }

  header > .relative .bg-company-accent {
    background-color: var(--header-background-color) !important;
  }

  header > .relative .text-hubs-primary {
    color: var(--header-text-color) !important;
  }

  header > .relative .absolute .text-hubs-primary {
    color: initial !important;
  }

  header > .relative .text-hubs-secondary {
    color: var(--header-text-color) !important;
  }

  header > .relative .absolute .text-hubs-secondary {
    color: initial !important;
  }

  header > div:last-of-type {
    background-color: var(--navbar-background-color) !important;
  }

  header > div:last-of-type .border-b-company-accent-text {
    border-bottom-color: var(--navbar-text-color) !important;
  }

  header > div:last-of-type .group:hover .group-hover\:border-b-company-accent-text {
    border-bottom-color: var(--navbar-text-color) !important;
  }

  header > div:last-of-type .text-company-accent-text {
    color: var(--navbar-text-color) !important;
  }
</style>

Webinars