.tm-toolbar.tm-toolbar-default.uk-visible\@m {
  background-color: #F05A24 !important;
}

.tm-footer {
  background-color: #F05A24 !important;
  color: #fff !important;
}

<div class="modern-ticker">
  <div class="ticker-content">
    <span>📢 Breaking News: This is a modern, smooth-scrolling ticker. • Update with your important messages • </span>
    <span>📢 Breaking News: This is a modern, smooth-scrolling ticker. • Update with your important messages • </span>
  </div>
</div>

<style>
.modern-ticker {
  background: #2c3e50;
  color: white;
  padding: 10px 0;
  overflow: hidden;
  width: 100%;
}
.ticker-content {
  display: inline-block;
  white-space: nowrap;
  animation: scrollTicker 20s linear infinite;
}
.ticker-content:hover {
  animation-play-state: paused;
}
@keyframes scrollTicker {
  0% { transform: translateX(100%); }
  100% { transform: translateX(-100%); }
}
</style>