KumiSystems/Chatwoot
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

feat: Support Dark mode for the widget (#4137)

Browse source 
Co-authored-by: Pranav Raj S <pranav@chatwoot.com>
This commit is contained in:
Sivin Varghese 2022-04-01 20:59:03 +05:30 • committed by GitHub
parent 3813b3b372
commit caee9535f1
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
36 changed files with 411 additions and 113 deletions
Download patch file Download diff file Expand all files Collapse all files

10
app/javascript/shared/components/ChatOptions.vue
View file

@ -1,7 +1,10 @@
<template>
<div class="options-message chat-bubble agent">
<div
class="options-message chat-bubble agent"
:class="$dm('bg-white', 'dark:bg-slate-700')"
>
<div class="card-body">
<h4 class="title">
<h4 class="title" :class="$dm('text-black-900', 'dark:text-slate-50')">
{{ title }}
</h4>
<ul
@ -23,11 +26,13 @@
<script>
import ChatOption from 'shared/components/ChatOption';
import darkModeMixin from 'widget/mixins/darkModeMixin.js';
export default {
components: {
ChatOption,
},
mixins: [darkModeMixin],
props: {
title: {
type: String,
@ -80,7 +85,6 @@ export default {
font-weight: $font-weight-normal;
margin-top: $space-smaller;
margin-bottom: $space-smaller;
color: $color-heading;
line-height: 1.5;
}