Sync theme change with topbar

Author: ioedeveloper

libs/remix-ui/settings/src/lib/remix-ui-settings.tsx

@@ -232,6 +232,7 @@ export const RemixUiSettings = (props: RemixUiSettingsProps) => {
 
     props.plugin.on('theme', 'themeChanged', (theme) => {
       setState((prevState) => {
+        dispatch({ type: 'SET_VALUE', payload: { name: 'theme', value: theme.name } })
         return {
           ...prevState,
           themeQuality: theme.quality === 'dark' ? themes.dark : themes.light

libs/remix-ui/top-bar/src/lib/remix-ui-topbar.tsx

@@ -88,6 +88,8 @@ export function RemixUiTopbar () {
       const [url, currentReleaseVersion] = await plugin.getLatestReleaseNotesUrl()
       setLatestReleaseNotesUrl(url)
       setCurrentReleaseVersion(currentReleaseVersion)
+      const theme = await getCurrentTheme()
+      setCurrentTheme(theme)
     }
     run()
   }, [])