diff --git a/app/static/js/ascroll.js b/app/static/js/ascroll.js
index 8dae309..0e30230 100644
--- a/app/static/js/ascroll.js
+++ b/app/static/js/ascroll.js
@@ -409,6 +409,11 @@ function renderSingleMode(config) {
     config.root.appendChild(div)
     var frame = div.querySelector('.frame')
     var text = div.querySelector('.text')
+    var first = config.annotations[0]
+    if (text && first) {
+        var color1 = `hsl(${first.color1.hue}, 60%, 15%)`
+        div.style.background = `${color1}`;
+    }
     document.addEventListener('scroll', onVisibilityChange(div.querySelector('.frame'), function(visible) {
         if (config.loaded && visible) {
             updatePlayer(config.video, frame, config['in'], config['out'], src, config)