From 2d3153562074e31c17380f97b6a2265043cc7d0d Mon Sep 17 00:00:00 2001 From: Liam <43280985+LiamAshdown@users.noreply.github.com> Date: Fri, 18 Aug 2023 20:44:30 +0100 Subject: [PATCH] fix: Improve the contrast for the code snippet on the Widget Builder page. (#7758) Co-authored-by: Sivin Varghese <64252451+iamsivin@users.noreply.github.com> --- app/javascript/dashboard/assets/scss/_foundation-custom.scss | 2 +- .../routes/dashboard/settings/inbox/WidgetBuilder.vue | 4 +--- 2 files changed, 2 insertions(+), 4 deletions(-) diff --git a/app/javascript/dashboard/assets/scss/_foundation-custom.scss b/app/javascript/dashboard/assets/scss/_foundation-custom.scss index 8230d1f45edd..f7d10e633917 100644 --- a/app/javascript/dashboard/assets/scss/_foundation-custom.scss +++ b/app/javascript/dashboard/assets/scss/_foundation-custom.scss @@ -26,7 +26,7 @@ code { background: $color-background; border-radius: var(--border-radius-large); padding: $space-two; - @apply bg-slate-50 dark:bg-slate-600 text-slate-800 dark:text-slate-100; + @apply bg-slate-50 dark:bg-slate-700 text-slate-800 dark:text-slate-100; } } diff --git a/app/javascript/dashboard/routes/dashboard/settings/inbox/WidgetBuilder.vue b/app/javascript/dashboard/routes/dashboard/settings/inbox/WidgetBuilder.vue index c19014c5e758..513dd617c9f1 100644 --- a/app/javascript/dashboard/routes/dashboard/settings/inbox/WidgetBuilder.vue +++ b/app/javascript/dashboard/routes/dashboard/settings/inbox/WidgetBuilder.vue @@ -455,9 +455,7 @@ export default { } } .widget-script { - margin: 0 var(--space-two); - padding: var(--space-one); - background: var(--s-50); + @apply mx-5 p-2.5 bg-slate-50 dark:bg-slate-700; } }