   has_description = description?.trim().length > 0 && description.trim() != '<p><br></p>'
 
   is_dark_theme = !is_light_background()
-  text_block_color = edit_banner.text_background_css or customization('banner')?.text_background_css 
-  text_block_opacity = parseInt(edit_banner.text_background_css_opacity or customization('banner')?.text_background_css_opacity or 255 * .8)
+  text_block_color = edit_banner.text_background_css or customization('banner')?.text_background_css or DEFAULT_TEXT_BLOCK_COLOR
+  text_block_opacity = parseInt(edit_banner.text_background_css_opacity or customization('banner')?.text_background_css_opacity or DEFAULT_TEXT_BLOCK_OPACITY)
   text_block_background = if has_image_background then "#{text_block_color}#{convert_opacity(text_block_opacity)}" or 'rgba(0, 0, 0, .8)'
   
+  console.log text_block_background, has_image_background, text_block_color
   if text_block_color && text_block_opacity > 126
     text_block_is_dark = !is_light_background(text_block_color)
   else 

        id: 'text_background_css'
        type: 'color'
        name: 'text_background_css'
        defaultValue: customization('banner')?.text_background_css
        style: 
          width: '100%'
          display: 'block'

      style: 
        position: 'absolute'
        left: "50%"
        marginLeft: -80 - 8*2
        top: 0
        padding: "4px 8px"
        zIndex: 2
        backgroundColor: if !is_light then "rgba(0,0,0,.3)" else "rgba(255,255,255,.3)"

      DIV null,
        BUTTON 
          style: 
            backgroundColor: if is_light then "rgba(0,0,0,.8)" else "rgba(255,255,255,.8)"
            color: if !is_light then 'black' else 'white'
            border: 'none'
            borderRadius: 8
