refactor(styles): remove outdated HubSpot widget dark mode CSS overrides

- Eliminated unnecessary CSS rules for the HubSpot widget's dark mode styling to streamline the stylesheet.
- Cleaned up the customOverrides.css file by removing redundant background and box-shadow properties for improved maintainability.
This commit is contained in:
chamikaJ
2025-07-24 16:08:11 +05:30
parent 7ea05d2982
commit 15ff69a031

View File

@@ -179,43 +179,4 @@ body.dark .overview-stat-card .ant-card-body,
.ql-snow .ql-stroke { .ql-snow .ql-stroke {
stroke: #6c757d !important; stroke: #6c757d !important;
} }
/* HubSpot Widget Dark Mode Fixes */
html.dark #hubspot-messages-iframe-container {
background-color: transparent !important;
}
html.dark #hubspot-messages-iframe-container iframe {
background-color: transparent !important;
}
/* Target the HubSpot widget container */
html.dark .hs-messages-widget-open {
background-color: transparent !important;
}
/* Remove white background from HubSpot elements */
html.dark #hs-messages-iframe-container,
html.dark .hs-messages-iframe-container {
background: transparent !important;
background-color: transparent !important;
}
/* Ensure the iframe wrapper has no background */
html.dark iframe#hs-messages-iframe {
background: transparent !important;
}
/* Target the widget launcher button area */
html.dark .hs-messages-widget,
html.dark .hs-messages-widget-container {
background: transparent !important;
background-color: transparent !important;
}
/* Remove any box shadow that might appear white */
html.dark #hubspot-messages-iframe-container,
html.dark .hs-messages-widget {
box-shadow: none !important;
}