Don't like the "glass" look? Here's how to fix it with CSS (for now)

As many have pointed out they don’t like the “glass” -look here is a simple fix if you wish to turn the background solid and more “clear” (at least in my opinion).

Simply add this code to your “Header code” area in the Studio > Settings page.

<style>
    div.h-full, #radix-\:r3\:, #radix-\:r2\:, #radix-\:r1\:, #radix-\:r8\:, #radix-\:r5\:, #radix-\:r0\:, #radix-\:r12\:, #radix-\:rm\:, #radix-\:rp\:, #radix-\:rs\:, #radix-\:rv\:, #radix-\:ra\:, #radix-\:rg\:, #radix-\:rd\: {
        background-color: #F5F5F5 !important;
    }
</style>
  • You can change the #F5F5F5 to any color you want.
  • Most of the popups have ID of “#radix” where only the last number changes so you might need to go through everything from 0 to 12 to hit all of them. rg/rd/ra are for subpage popups.
  • “div.h-full” should hit most of the full height glass areas.

Hope this helps.