SDK plug chat dark mode fix to always dark mode ignoring device settings
ART-15509_KNOWLEDGE_NODE-10
`dark`.\n\n```\n|  |  |\n| --- | --- |\n| 1 | window.plugSDK.toggleTheme(\'light | dark\'); |\n```\n\nCalling `toggleTheme()` switches between the current themes. Specifying a theme as a parameter allows you to toggle directly to that specific theme.\n\n##### \n\nThe theme specified in this method takes precedence over the theme configured in the Plug settings in your DevRev app.\n\nToggle widget\n-------------\n\nThe `toggleWidget` method allows you to control the visibility of the Plug chat
Methods | DevRev | Docs
ART-1270_KNOWLEDGE_NODE-8
theme, even after initializing the PLuG widget. This functionality enables real-time adjustments to the PLuG widget\xe2\x80\x99s theme based on diverse themes preferred by your users.\n\nThe method accepts two inputs: light and dark.\n\n1 window. plugSDK. toggleTheme ( \' light | dark \' ) ;\n\nThe parameter is optional; calling toggleTheme() toggles the current theme, and specifying a theme as a parameter allows toggling for that specific theme.\n\nStart conversation.\n\nThis method is
Methods — DevRev | Docs
ART-2897_KNOWLEDGE_NODE-11
options: `light` and `dark`.\n\n[code]\n\n    1| window.plugSDK.toggleTheme(\'light | dark\');  \n    ---|---\n[/code]  \n  \nCalling `toggleTheme()` switches between the current themes. Specifying a theme as a parameter allows you to toggle directly to that specific theme.\n\n#####\n\nThe theme specified in this method takes precedence over the theme configured in the PLuG settings in your DevRev app.\n\n## Toggle widget\n\nThe `toggleWidget` method allows you to control the visibility of the
Methods — DevRev | Docs
ART-1466_KNOWLEDGE_NODE-19
mode, you may receive a warning about window.plugSDK.init() being called multiple times. These warnings do not affect the widget\xe2\x80\x99s installation or functionality.\n\nToggle widget theme.\n\nThe toggle theme method lets you dynamically adjust the PLuG SDK\xe2\x80\x99s theme, even after the widget has been initialized. This feature allows for real-time theme changes based on your users\xe2\x80\x99 preferences.\n\nThe method accepts the input options: light and dark.\n\n1 window.
Methods — DevRev | Docs
ART-1466_KNOWLEDGE_NODE-20
plugSDK. toggleTheme ( \' light | dark \' ) ;\n\nCalling toggleTheme() switches between the current themes. Specifying a theme as a parameter allows you to toggle directly to that specific theme.\n\nThe theme specified in this method takes precedence over the theme configured in the PLuG settings in your DevRev app.\n\nToggle widget.\n\nThe toggleWidget method allows you to control the visibility of the PLuG chat widget.\n\nPassing true opens the chat widget.\n\nPassing false closes the chat
Methods — DevRev | Docs
ART-1270_KNOWLEDGE_NODE-1
widget.\n\nplugSDK.initSearchAgent() Initialize PLuG search agent.\n\nplugSDK.shutdown() End the user session which is currently initialized in PLuG widget.\n\nplugSDK.toggleWidget() Open/close the chat widget.\n\nplugSDK.toggleSearchAgent() Open/close the search agent.\n\nplugSDK.onEvent() Perform specific actions based on the payload type received from the PLuG widget.\n\nplugSDK.toggleTheme(\'light/dark\') Toggle PLuG widget theme.\n\nplugSDK.toggleWidget(true, \'create_conversation\',
Methods — DevRev | Docs
ART-15509_KNOWLEDGE_NODE-9
may receive a warning about `window.plugSDK.init()` being called multiple times. These warnings do not affect the widget\xe2\x80\x99s installation or functionality.\n\nToggle widget theme\n-------------------\n\nThe toggle theme method lets you dynamically adjust the Plug SDK\xe2\x80\x99s theme, even after the widget has been initialized. This feature allows for real-time theme changes based on your users\xe2\x80\x99 preferences.\n\nThe method accepts the input options: `light` and
Methods | DevRev | Docs
ART-2897_KNOWLEDGE_NODE-10
\n  \n#####\n\nWhen React is in Strict mode, you may receive a warning about `window.plugSDK.init()` being called multiple times. These warnings do not affect the widget\xe2\x80\x99s installation or functionality.\n\n## Toggle widget theme\n\nThe toggle theme method lets you dynamically adjust the PLuG SDK\xe2\x80\x99s theme, even after the widget has been initialized. This feature allows for real-time theme changes based on your users\xe2\x80\x99 preferences.\n\nThe method accepts the input
Methods — DevRev | Docs
ART-1270_KNOWLEDGE_NODE-7
widget is opened.\n\nON_PLUG_WIDGET_READY The PLuG widget is ready.\n\nON_PLUG_WIDGET_UNREAD_COUNT_CHANGE The user receives a new message to their PLuG. You can also listen to the number of unread messages and display that to your user.\n\n1 useEffect ( () => { 2 window. plugSDK. onEvent ( ( payload ) => { 3 if ( payload. type === PAYLOAD_TYPE ) { 4 //Your logic goes here 5 } 6 } ) ; 7 } , []) ; Toggle theme.\n\nThe toggle theme method allows you to dynamically modify the PLuG SDK\xe2\x80\x99s
Methods — DevRev | Docs
ART-12456_KNOWLEDGE_NODE-13
DevRev SDK allows you to configure the theme dynamically based on the system appearance, or use the theme configured on the DevRev portal. By default, the theme will be dynamic and follow the system appearance.\n\n[code]\n\n    1| DevRev.setPrefersSystemTheme(value: boolean)  \n    ---|---\n[/code]  \n  \n## Analytics\n\n#####\n\nThis feature requires the SDK to be configured and the user to be identified, whether they are unverified or anonymous.\n\nThe DevRev SDK allows you to send custom
Features — DevRev | Docs
ART-15509_KNOWLEDGE_NODE-8
object `{bottom: string; side: string;}` |\n| `theme` | The color scheme for the launcher and widget. | `light` or `dark` |\n| `widget_alignment` | The Plug widget can be positioned on either the left or right side of the launcher. You can also adjust the widget alignment through the Plug settings at app.devrev.ai. If alignment settings are configured in both places, the value from app.devrev.ai will override the launcher setting. | left or right |\n\n##### \n\nWhen React is in Strict mode, you
Methods | DevRev | Docs
ART-15513_KNOWLEDGE_NODE-29
system appearance, or use the theme configured on the DevRev portal. By default, the theme is dynamic and follows the system appearance.\n\n###### Kotlin\n\n###### Java\n\n```\n|  |  |\n| --- | --- |\n| 1 | DevRev.setShouldPreferSystemTheme(value: Boolean) |\n```\n\nAnalytics\n---------\n\nThe DevRev SDK allows you to send custom analytic events by using a name and a string dictionary. You can track these events using the following function:\n\n###### Kotlin\n\n###### Java\n\n```\n|  |  |\n|
Features | DevRev | Docs
ART-12453_KNOWLEDGE_NODE-18
link is opened.\n\n[code]\n\n    1| DevRev.shouldDismissModalsOnOpenLink: Bool  \n    ---|---\n[/code]  \n  \n## Dynamic theme configuration\n\nThe DevRev SDK allows you to configure the theme dynamically based on the system appearance, or use the theme configured on the DevRev portal. By default, the theme will be dynamic and follow the system appearance.\n\n[code]\n\n    1| DevRev.prefersSystemTheme: Bool  \n    ---|---\n[/code]  \n  \n## Analytics\n\nThe DevRev SDK allows you to send custom
Features — DevRev | Docs
ART-16579_KNOWLEDGE_NODE-26
system appearance, or use the theme configured on the DevRev portal. By default, the theme is dynamic and follows the system appearance.\n\n```\n|  |  |\n| --- | --- |\n| 1 | DevRev.setPrefersSystemTheme(value: boolean); |\n```\n\nAnalytics\n---------\n\nThe DevRev SDK allows you to send custom analytic events by using a properties map. You can track these events using the following function:\n\n```\n|  |  |\n| --- | --- |\n| 1 | DevRev.trackEvent(name, properties); |\n```\n\nFor
Features | DevRev | Docs
ART-15515_KNOWLEDGE_NODE-29
the `shouldDismissModalsOnOpenLink` boolean flag. This flag controls whether the DevRev SDK should dismiss the top-most modal screen when a link is opened.\n\n```\n|  |  |\n| --- | --- |\n| 1 | DevRev.shouldDismissModalsOnOpenLink: Bool |\n```\n\nDynamic theme configuration\n---------------------------\n\nThe DevRev SDK allows you to configure the theme dynamically based on the system appearance, or use the theme configured on the DevRev portal. By default, the theme is dynamic and follows the
Features | DevRev | Docs
ART-2897_KNOWLEDGE_NODE-9
launcher. Side: Spacing from the sides of the launcher| object `{bottom: string; side: string;}`  \n`theme`| The color scheme for the launcher and widget.| `light` or `dark`  \n`widget_alignment`| The PLuG widget can be positioned on either the left or right side of the launcher. You can also adjust the widget alignment through the PLuG settings at app.devrev.ai. If alignment settings are configured in both places, the value from app.devrev.ai will override the launcher setting.| left or right
Methods — DevRev | Docs
ART-15496_KNOWLEDGE_NODE-6
from the bottom of the launcher.\n\n  The default value is `10px`.\n* The `side` property determines the spacing of the widget from the launcher icon.\n\n  The default value is `0px`.\n\n```\n|  |  |\n| --- | --- |\n| 1 | spacing?:{ |\n| 2 | bottom?: '10px', |\n| 3 | side?:'10px', |\n| 4 | } |\n```\n\n### Light/dark theme\n\nSet the theme of the Plug widget.\n\n```\n|  |  |\n| --- | --- |\n| 1 | theme?: 'dark' | 'light'; |\n```\n\nThe default value is `light`.\n\nWas this page
Custom implementation | DevRev | Docs
ART-15507_KNOWLEDGE_NODE-25
appearance, or use the theme configured on the DevRev portal. By default, the theme is dynamic and follows the system appearance.\n\n```\n|  |  |\n| --- | --- |\n| 1 | DevRev.setPrefersSystemTheme(value: boolean) |\n```\n\nAnalytics\n---------\n\nThe DevRev SDK allows you to send custom analytic events by using a properties map. You can track these events using the following function:\n\n```\n|  |  |\n| --- | --- |\n| 1 | DevRev.trackEvent(name: string, properties?: { [key: string]: string })
Features | DevRev | Docs
ART-15515_KNOWLEDGE_NODE-30
system appearance.\n\n```\n|  |  |\n| --- | --- |\n| 1 | DevRev.prefersSystemTheme: Bool |\n```\n\nAnalytics\n---------\n\nThe DevRev SDK allows you to send custom analytic events by using a name and a string dictionary. You can track these events using the following function:\n\n```\n|  |  |\n| --- | --- |\n| 1 | DevRev.trackEvent(name:properties:) |\n```\n\nFor example:\n\n```\n|  |  |\n| --- | --- |\n| 1 | await DevRev.trackEvent(name: "open-message-screen", properties: ["id":
Features | DevRev | Docs
ART-2900_KNOWLEDGE_NODE-7
* The `bottom` property determines the padding from the bottom of the launcher.\n\nThe default value is `10px`.\n\n  * The `side` property determines the spacing of the widget from the launcher icon.\n\nThe default value is `0px`.\n\n[code]\n\n    1| spacing?:{  \n    ---|---  \n    2|     bottom?: '10px',  \n    3|     side?:'10px',  \n    4| }\n[/code]  \n  \n### Light/dark theme\n\nSet the theme of the PLuG widget.\n\n[code]\n\n    1| theme?: 'dark' | 'light';  \n    ---|---\n[/code]  \n
Custom implementation — DevRev | Docs