diff --git a/panel/src/components/Forms/Blocks/Elements/BlockFigure.vue b/panel/src/components/Forms/Blocks/Elements/BlockFigure.vue index f199f4cc23..9e2bdb23f0 100644 --- a/panel/src/components/Forms/Blocks/Elements/BlockFigure.vue +++ b/panel/src/components/Forms/Blocks/Elements/BlockFigure.vue @@ -50,6 +50,9 @@ export default { .k-block-figure-container:not([data-disabled="true"]) { cursor: pointer; } +.k-block-figure-container img { + background: var(--pattern-light); +} .k-block-figure iframe { border: 0; pointer-events: none; diff --git a/panel/src/components/Forms/Blocks/Types/Gallery.vue b/panel/src/components/Forms/Blocks/Types/Gallery.vue index 12aa8c465b..ab6c034b6b 100644 --- a/panel/src/components/Forms/Blocks/Types/Gallery.vue +++ b/panel/src/components/Forms/Blocks/Types/Gallery.vue @@ -74,6 +74,9 @@ export default { .k-block-type-gallery-placeholder { background: var(--color-background); } +.k-block-type-gallery img { + background: var(--pattern-light); +} .k-block-type-gallery figcaption { padding-top: 0.5rem; color: var(--color-gray-600);