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>
chatwoot · Aug 18, 2023 · 2d31535 · 2d31535
1 parent c54b469
commit 2d31535
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 4 deletions.
diff --git 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
@@ -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;
   }
 }
 </style>