test/crm
1
0
Fork 1
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: fix collapser bg color for dark mode

Browse Source
This commit is contained in:
Shariq Ansari 2025-01-03 19:43:39 +05:30
parent afb71fd759
commit 553e59ac14
1 changed files with 10 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
frontend/src/components/Activities/EmailContent.vue
View File

@ -111,6 +111,14 @@ const htmlContent = `
<head> <head>
<style> <style>
${css} ${css}
:root {
--bg-surface-gray-3: #ededed;
--bg-surface-gray-4: #e2e2e2;
}
[data-theme='dark'] {
--bg-surface-gray-3: #343434;
--bg-surface-gray-4: #424242;
}
.replied-content .collapse { .replied-content .collapse {
margin: 10px 0 10px 0; margin: 10px 0 10px 0;
@ -121,14 +129,14 @@ const htmlContent = `
font-weight: 700; font-weight: 700;
height: 12px; height: 12px;
line-height: 0.1; line-height: 0.1;
background: #e8eaed; background: var(--bg-surface-gray-3);
width: 23px; width: 23px;
justify-content: center; justify-content: center;
border-radius: 5px; border-radius: 5px;
} }
.replied-content .collapse:hover { .replied-content .collapse:hover {
background: #dadce0; background: var(--bg-surface-gray-4);
} }
.replied-content .collapse + input { .replied-content .collapse + input {