Advanced Themer Dynamic Data Panel Styles

May 31, 2024

UPDATED June 16, 2024 – Using the RC release with some minor changes to the search field.

In an earlier article, I adjusted most of the Bricks Builder styles to make items in the builder more legible, and I continue to adjust as needed. Today, the new Advanced Themer dynamic data panel was released, and I found it difficult to see, so I made some adjustments. These have been added to the overall styles but are added here separately.

.brxc-overlay__inner .brxc-overlay__header-title,
.brxc-overlay__inner2 .brxc-overlay__header-title,
#brxcDynamicDataCanvas > ul li,
#brxcDynamicDataCanvas > ul > div > span,
#brxcDynamicDataModalOverlay .brxc-overlay__action-btn {
  color: var(--white);
  font-size: 18px !important;
  opacity: 1 !important;
}
#brxcDynamicDataCanvas > ul li span {
  font-size: 15px !important;
  font-weight: 500;
}
#brxcDynamicDataModalOverlay .brxc-overlay__action-btn {
  font-size: 15px !important;
  font-weight: 500;
  opacity: 1 !important;
}
.iso-search {
  color: var(--white);
  font-size: 18px !important;
  opacity: var(--opacity) !important;
  border-radius: var(--radius-s) !important;
  height: 50px;
}
.iso-search-icon {
  opacity: 1 !important;
  font-size: 16px !important;
}
.brxc-overlay__inner-wrapper > * {
  background: black !important;
}