René's URL Explorer Experiment

{"@context":"https://schema.org","@type":"DiscussionForumPosting","headline":"Theme switching light \u003c-\u003e dark mode not working correctly on IOS in NS Angular project","articleBody":"**Environment**\r\nProvide version numbers for the following components (information can be retrieved by running `tns info` in your project folder or by inspecting the `package.json` of the project):\r\n - CLI: 8.1.0\r\n - Cross-platform modules: \"@nativescript/core\": \"~8.1.2\",\r\n - iOS Runtime: JSC\r\n - Plugin(s):  \"@nativescript/theme\": \"~3.0.1\"\r\n\r\n**Describe the bug**\r\nWhen switching between dark and light mode The new theme is not applied correctly. It looks like pages in the history of the navigation stack do not get the new styles applied. When I navigate back in the page history the styles are partly from the old theme. When I than navigate forward again, the new theme styles are applied correctly.\r\n\r\nIn my _app-common.scss file I assign the styles as follows:\r\n\r\n```\r\n.mnd .text-field-grey {\r\n\tcolor: $dark-grey-text-color;\r\n\tbackground-color: $light-grey-color;\r\n}\r\n.ns-dark .mnd .text-field-grey {\r\n\tcolor: $very-light-grey-color;\r\n\tbackground-color: $medium-dark-grey-color;\r\n}\r\n```\r\n\r\nand in the component specific scss files, I am using the following syntax:\r\n\r\n```\r\n.mnd .searchbar-bg {\r\n\tbackground-color: white;\r\n}\r\n.ns-root.ns-dark :host .mnd .searchbar-bg {\r\n\tbackground-color: $dark-mode-light-grey-blue;\r\n}\r\n```\r\n\r\n\r\n","author":{"url":"https://github.com/cjohn001","@type":"Person","name":"cjohn001"},"datePublished":"2021-09-18T12:49:47.000Z","interactionStatistic":{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":1},"url":"https://github.com/296/theme/issues/296"}