diff --git a/examples/react/.loki/reference/chrome_a4_Media_with_dark_scheme_queries.png b/examples/react/.loki/reference/chrome_a4_Media_with_dark_scheme_queries.png new file mode 100644 index 00000000..cc1f2f50 Binary files /dev/null and b/examples/react/.loki/reference/chrome_a4_Media_with_dark_scheme_queries.png differ diff --git a/examples/react/.loki/reference/chrome_a4_Media_with_color_scheme_queries.png b/examples/react/.loki/reference/chrome_a4_Media_with_light_scheme_queries.png similarity index 100% rename from examples/react/.loki/reference/chrome_a4_Media_with_color_scheme_queries.png rename to examples/react/.loki/reference/chrome_a4_Media_with_light_scheme_queries.png diff --git a/examples/react/.loki/reference/chrome_iphone7_dark_Media_with_color_scheme_queries.png b/examples/react/.loki/reference/chrome_iphone7_Media_with_dark_scheme_queries.png similarity index 100% rename from examples/react/.loki/reference/chrome_iphone7_dark_Media_with_color_scheme_queries.png rename to examples/react/.loki/reference/chrome_iphone7_Media_with_dark_scheme_queries.png diff --git a/examples/react/.loki/reference/chrome_iphone7_Media_with_color_scheme_queries.png b/examples/react/.loki/reference/chrome_iphone7_Media_with_light_scheme_queries.png similarity index 100% rename from examples/react/.loki/reference/chrome_iphone7_Media_with_color_scheme_queries.png rename to examples/react/.loki/reference/chrome_iphone7_Media_with_light_scheme_queries.png diff --git a/examples/react/.loki/reference/chrome_iphone7_dark_Animation_with_CSS_animation.png b/examples/react/.loki/reference/chrome_iphone7_dark_Animation_with_CSS_animation.png deleted file mode 100644 index eb8cbe23..00000000 Binary files a/examples/react/.loki/reference/chrome_iphone7_dark_Animation_with_CSS_animation.png and /dev/null differ diff --git a/examples/react/.loki/reference/chrome_iphone7_dark_Animation_with_CSS_animation_on_pseudo_element.png b/examples/react/.loki/reference/chrome_iphone7_dark_Animation_with_CSS_animation_on_pseudo_element.png deleted file mode 100644 index 59b039c2..00000000 Binary files a/examples/react/.loki/reference/chrome_iphone7_dark_Animation_with_CSS_animation_on_pseudo_element.png and /dev/null differ diff --git a/examples/react/.loki/reference/chrome_iphone7_dark_Animation_with_CSS_transition.png b/examples/react/.loki/reference/chrome_iphone7_dark_Animation_with_CSS_transition.png deleted file mode 100644 index eb8cbe23..00000000 Binary files a/examples/react/.loki/reference/chrome_iphone7_dark_Animation_with_CSS_transition.png and /dev/null differ diff --git a/examples/react/.loki/reference/chrome_iphone7_dark_Animation_with_CSS_transition_with_will_change_property.png b/examples/react/.loki/reference/chrome_iphone7_dark_Animation_with_CSS_transition_with_will_change_property.png deleted file mode 100644 index eb8cbe23..00000000 Binary files a/examples/react/.loki/reference/chrome_iphone7_dark_Animation_with_CSS_transition_with_will_change_property.png and /dev/null differ diff --git a/examples/react/.loki/reference/chrome_iphone7_dark_Animation_with_react_motion.png b/examples/react/.loki/reference/chrome_iphone7_dark_Animation_with_react_motion.png deleted file mode 100644 index eb8cbe23..00000000 Binary files a/examples/react/.loki/reference/chrome_iphone7_dark_Animation_with_react_motion.png and /dev/null differ diff --git a/examples/react/.loki/reference/chrome_iphone7_dark_Asynchronous_render_Logo_with_1s_delay.png b/examples/react/.loki/reference/chrome_iphone7_dark_Asynchronous_render_Logo_with_1s_delay.png deleted file mode 100644 index 6aae27a2..00000000 Binary files a/examples/react/.loki/reference/chrome_iphone7_dark_Asynchronous_render_Logo_with_1s_delay.png and /dev/null differ diff --git a/examples/react/.loki/reference/chrome_iphone7_dark_Asynchronous_render_Logo_without_delay.png b/examples/react/.loki/reference/chrome_iphone7_dark_Asynchronous_render_Logo_without_delay.png deleted file mode 100644 index 6aae27a2..00000000 Binary files a/examples/react/.loki/reference/chrome_iphone7_dark_Asynchronous_render_Logo_without_delay.png and /dev/null differ diff --git a/examples/react/.loki/reference/chrome_iphone7_dark_Asynchronous_render_createAsyncCallback_with_1s_delay.png b/examples/react/.loki/reference/chrome_iphone7_dark_Asynchronous_render_createAsyncCallback_with_1s_delay.png deleted file mode 100644 index 8589ce92..00000000 Binary files a/examples/react/.loki/reference/chrome_iphone7_dark_Asynchronous_render_createAsyncCallback_with_1s_delay.png and /dev/null differ diff --git a/examples/react/.loki/reference/chrome_iphone7_dark_CSF_404_Error.png b/examples/react/.loki/reference/chrome_iphone7_dark_CSF_404_Error.png deleted file mode 100644 index 59b039c2..00000000 Binary files a/examples/react/.loki/reference/chrome_iphone7_dark_CSF_404_Error.png and /dev/null differ diff --git a/examples/react/.loki/reference/chrome_iphone7_dark_CSF_TODO.png b/examples/react/.loki/reference/chrome_iphone7_dark_CSF_TODO.png deleted file mode 100644 index eb8cbe23..00000000 Binary files a/examples/react/.loki/reference/chrome_iphone7_dark_CSF_TODO.png and /dev/null differ diff --git a/examples/react/.loki/reference/chrome_iphone7_dark_Decorators_Custom_Chrome_Selector.png b/examples/react/.loki/reference/chrome_iphone7_dark_Decorators_Custom_Chrome_Selector.png deleted file mode 100644 index fc7f93b4..00000000 Binary files a/examples/react/.loki/reference/chrome_iphone7_dark_Decorators_Custom_Chrome_Selector.png and /dev/null differ diff --git a/examples/react/.loki/reference/chrome_iphone7_dark_Decorators_Overflow_With_One_Element.png b/examples/react/.loki/reference/chrome_iphone7_dark_Decorators_Overflow_With_One_Element.png deleted file mode 100644 index ced5b2c0..00000000 Binary files a/examples/react/.loki/reference/chrome_iphone7_dark_Decorators_Overflow_With_One_Element.png and /dev/null differ diff --git a/examples/react/.loki/reference/chrome_iphone7_dark_Decorators_Overflow_With_Several_Elements.png b/examples/react/.loki/reference/chrome_iphone7_dark_Decorators_Overflow_With_Several_Elements.png deleted file mode 100644 index 0a9a87ee..00000000 Binary files a/examples/react/.loki/reference/chrome_iphone7_dark_Decorators_Overflow_With_Several_Elements.png and /dev/null differ diff --git a/examples/react/.loki/reference/chrome_iphone7_dark_Fetch_Components_fetch_fail.png b/examples/react/.loki/reference/chrome_iphone7_dark_Fetch_Components_fetch_fail.png deleted file mode 100644 index f8fac7b7..00000000 Binary files a/examples/react/.loki/reference/chrome_iphone7_dark_Fetch_Components_fetch_fail.png and /dev/null differ diff --git a/examples/react/.loki/reference/chrome_iphone7_dark_FocusedInput_default.png b/examples/react/.loki/reference/chrome_iphone7_dark_FocusedInput_default.png deleted file mode 100644 index dab11d60..00000000 Binary files a/examples/react/.loki/reference/chrome_iphone7_dark_FocusedInput_default.png and /dev/null differ diff --git a/examples/react/.loki/reference/chrome_iphone7_dark_Hover_default.png b/examples/react/.loki/reference/chrome_iphone7_dark_Hover_default.png deleted file mode 100644 index 782220fe..00000000 Binary files a/examples/react/.loki/reference/chrome_iphone7_dark_Hover_default.png and /dev/null differ diff --git a/examples/react/.loki/reference/chrome_iphone7_dark_Long_Element_default.png b/examples/react/.loki/reference/chrome_iphone7_dark_Long_Element_default.png deleted file mode 100644 index e6a0b590..00000000 Binary files a/examples/react/.loki/reference/chrome_iphone7_dark_Long_Element_default.png and /dev/null differ diff --git a/examples/react/.loki/reference/chrome_iphone7_dark_Long_Element_non_integer_Viewport.png b/examples/react/.loki/reference/chrome_iphone7_dark_Long_Element_non_integer_Viewport.png deleted file mode 100644 index cfaa1bb4..00000000 Binary files a/examples/react/.loki/reference/chrome_iphone7_dark_Long_Element_non_integer_Viewport.png and /dev/null differ diff --git a/examples/react/.loki/reference/chrome_iphone7_dark_Media_with_media_queries.png b/examples/react/.loki/reference/chrome_iphone7_dark_Media_with_media_queries.png deleted file mode 100644 index 17a33534..00000000 Binary files a/examples/react/.loki/reference/chrome_iphone7_dark_Media_with_media_queries.png and /dev/null differ diff --git a/examples/react/.loki/reference/chrome_iphone7_dark_Multiple_elements_Invisible_elements.png b/examples/react/.loki/reference/chrome_iphone7_dark_Multiple_elements_Invisible_elements.png deleted file mode 100644 index 0c3f5bbc..00000000 Binary files a/examples/react/.loki/reference/chrome_iphone7_dark_Multiple_elements_Invisible_elements.png and /dev/null differ diff --git a/examples/react/.loki/reference/chrome_iphone7_dark_Multiple_elements_Stacked_elements.png b/examples/react/.loki/reference/chrome_iphone7_dark_Multiple_elements_Stacked_elements.png deleted file mode 100644 index 2e130c8c..00000000 Binary files a/examples/react/.loki/reference/chrome_iphone7_dark_Multiple_elements_Stacked_elements.png and /dev/null differ diff --git a/examples/react/.loki/reference/chrome_iphone7_dark_Multiple_elements_Stacked_elements_with_a_wrapper.png b/examples/react/.loki/reference/chrome_iphone7_dark_Multiple_elements_Stacked_elements_with_a_wrapper.png deleted file mode 100644 index d58015b0..00000000 Binary files a/examples/react/.loki/reference/chrome_iphone7_dark_Multiple_elements_Stacked_elements_with_a_wrapper.png and /dev/null differ diff --git a/examples/react/.loki/reference/chrome_iphone7_dark_Positions_Absolute.png b/examples/react/.loki/reference/chrome_iphone7_dark_Positions_Absolute.png deleted file mode 100644 index 2e9bd70b..00000000 Binary files a/examples/react/.loki/reference/chrome_iphone7_dark_Positions_Absolute.png and /dev/null differ diff --git a/examples/react/.loki/reference/chrome_iphone7_dark_Positions_Fixed.png b/examples/react/.loki/reference/chrome_iphone7_dark_Positions_Fixed.png deleted file mode 100644 index dbd89802..00000000 Binary files a/examples/react/.loki/reference/chrome_iphone7_dark_Positions_Fixed.png and /dev/null differ diff --git a/examples/react/.loki/reference/chrome_iphone7_dark_Positions_Nested.png b/examples/react/.loki/reference/chrome_iphone7_dark_Positions_Nested.png deleted file mode 100644 index 8c170b1a..00000000 Binary files a/examples/react/.loki/reference/chrome_iphone7_dark_Positions_Nested.png and /dev/null differ diff --git a/examples/react/.loki/reference/chrome_iphone7_dark_Positions_Nested_Overflow_Hidden.png b/examples/react/.loki/reference/chrome_iphone7_dark_Positions_Nested_Overflow_Hidden.png deleted file mode 100644 index 858d0046..00000000 Binary files a/examples/react/.loki/reference/chrome_iphone7_dark_Positions_Nested_Overflow_Hidden.png and /dev/null differ diff --git a/examples/react/.loki/reference/chrome_iphone7_dark_Positions_Overflow_Hidden_Fixed.png b/examples/react/.loki/reference/chrome_iphone7_dark_Positions_Overflow_Hidden_Fixed.png deleted file mode 100644 index 3418770d..00000000 Binary files a/examples/react/.loki/reference/chrome_iphone7_dark_Positions_Overflow_Hidden_Fixed.png and /dev/null differ diff --git a/examples/react/.loki/reference/chrome_iphone7_dark_Positions_Overflow_Hidden_Relative.png b/examples/react/.loki/reference/chrome_iphone7_dark_Positions_Overflow_Hidden_Relative.png deleted file mode 100644 index aff7750b..00000000 Binary files a/examples/react/.loki/reference/chrome_iphone7_dark_Positions_Overflow_Hidden_Relative.png and /dev/null differ diff --git a/examples/react/.loki/reference/chrome_iphone7_dark_Positions_Relative_Wrapper.png b/examples/react/.loki/reference/chrome_iphone7_dark_Positions_Relative_Wrapper.png deleted file mode 100644 index a7f85ca7..00000000 Binary files a/examples/react/.loki/reference/chrome_iphone7_dark_Positions_Relative_Wrapper.png and /dev/null differ diff --git a/examples/react/.loki/reference/chrome_iphone7_dark_Positions_Slider_With_Nested_Overflow.png b/examples/react/.loki/reference/chrome_iphone7_dark_Positions_Slider_With_Nested_Overflow.png deleted file mode 100644 index cbf47178..00000000 Binary files a/examples/react/.loki/reference/chrome_iphone7_dark_Positions_Slider_With_Nested_Overflow.png and /dev/null differ diff --git a/examples/react/.loki/reference/chrome_iphone7_dark_Text_With_External_Font.png b/examples/react/.loki/reference/chrome_iphone7_dark_Text_With_External_Font.png deleted file mode 100644 index 7fe8ff76..00000000 Binary files a/examples/react/.loki/reference/chrome_iphone7_dark_Text_With_External_Font.png and /dev/null differ diff --git a/examples/react/.loki/reference/chrome_iphone7_dark_Zero_height_with_padding.png b/examples/react/.loki/reference/chrome_iphone7_dark_Zero_height_with_padding.png deleted file mode 100644 index b02b2019..00000000 Binary files a/examples/react/.loki/reference/chrome_iphone7_dark_Zero_height_with_padding.png and /dev/null differ diff --git a/examples/react/.loki/reference/chrome_iphone7_dark_isLokiRunning_default.png b/examples/react/.loki/reference/chrome_iphone7_dark_isLokiRunning_default.png deleted file mode 100644 index c6a92963..00000000 Binary files a/examples/react/.loki/reference/chrome_iphone7_dark_isLokiRunning_default.png and /dev/null differ diff --git a/examples/react/.loki/reference/chrome_laptop_Animation_with_CSS_animation.png b/examples/react/.loki/reference/chrome_laptop_Animation_with_CSS_animation.png deleted file mode 100644 index 90b8eccb..00000000 Binary files a/examples/react/.loki/reference/chrome_laptop_Animation_with_CSS_animation.png and /dev/null differ diff --git a/examples/react/.loki/reference/chrome_laptop_Animation_with_CSS_animation_on_pseudo_element.png b/examples/react/.loki/reference/chrome_laptop_Animation_with_CSS_animation_on_pseudo_element.png deleted file mode 100644 index 086d2fa0..00000000 Binary files a/examples/react/.loki/reference/chrome_laptop_Animation_with_CSS_animation_on_pseudo_element.png and /dev/null differ diff --git a/examples/react/.loki/reference/chrome_laptop_Animation_with_CSS_transition.png b/examples/react/.loki/reference/chrome_laptop_Animation_with_CSS_transition.png deleted file mode 100644 index 90b8eccb..00000000 Binary files a/examples/react/.loki/reference/chrome_laptop_Animation_with_CSS_transition.png and /dev/null differ diff --git a/examples/react/.loki/reference/chrome_laptop_Animation_with_CSS_transition_with_will_change_property.png b/examples/react/.loki/reference/chrome_laptop_Animation_with_CSS_transition_with_will_change_property.png deleted file mode 100644 index 90b8eccb..00000000 Binary files a/examples/react/.loki/reference/chrome_laptop_Animation_with_CSS_transition_with_will_change_property.png and /dev/null differ diff --git a/examples/react/.loki/reference/chrome_laptop_CSF_404_Error.png b/examples/react/.loki/reference/chrome_laptop_CSF_404_Error.png deleted file mode 100644 index 086d2fa0..00000000 Binary files a/examples/react/.loki/reference/chrome_laptop_CSF_404_Error.png and /dev/null differ diff --git a/examples/react/.loki/reference/chrome_laptop_CSF_TODO.png b/examples/react/.loki/reference/chrome_laptop_CSF_TODO.png deleted file mode 100644 index 90b8eccb..00000000 Binary files a/examples/react/.loki/reference/chrome_laptop_CSF_TODO.png and /dev/null differ diff --git a/examples/react/.loki/reference/chrome_laptop_Decorators_Custom_Chrome_Selector.png b/examples/react/.loki/reference/chrome_laptop_Decorators_Custom_Chrome_Selector.png deleted file mode 100644 index 789e3f79..00000000 Binary files a/examples/react/.loki/reference/chrome_laptop_Decorators_Custom_Chrome_Selector.png and /dev/null differ diff --git a/examples/react/.loki/reference/chrome_laptop_Decorators_Overflow_With_One_Element.png b/examples/react/.loki/reference/chrome_laptop_Decorators_Overflow_With_One_Element.png deleted file mode 100644 index 24b2a3c7..00000000 Binary files a/examples/react/.loki/reference/chrome_laptop_Decorators_Overflow_With_One_Element.png and /dev/null differ diff --git a/examples/react/.loki/reference/chrome_laptop_Decorators_Overflow_With_Several_Elements.png b/examples/react/.loki/reference/chrome_laptop_Decorators_Overflow_With_Several_Elements.png deleted file mode 100644 index e9bf1d27..00000000 Binary files a/examples/react/.loki/reference/chrome_laptop_Decorators_Overflow_With_Several_Elements.png and /dev/null differ diff --git a/examples/react/.loki/reference/chrome_laptop_Fetch_Components_fetch_fail.png b/examples/react/.loki/reference/chrome_laptop_Fetch_Components_fetch_fail.png deleted file mode 100644 index fe0d0db2..00000000 Binary files a/examples/react/.loki/reference/chrome_laptop_Fetch_Components_fetch_fail.png and /dev/null differ diff --git a/examples/react/.loki/reference/chrome_laptop_FocusedInput_default.png b/examples/react/.loki/reference/chrome_laptop_FocusedInput_default.png deleted file mode 100644 index 9ccd68ec..00000000 Binary files a/examples/react/.loki/reference/chrome_laptop_FocusedInput_default.png and /dev/null differ diff --git a/examples/react/.loki/reference/chrome_laptop_Media_with_color_scheme_queries.png b/examples/react/.loki/reference/chrome_laptop_Media_with_color_scheme_queries.png deleted file mode 100644 index 182fffee..00000000 Binary files a/examples/react/.loki/reference/chrome_laptop_Media_with_color_scheme_queries.png and /dev/null differ diff --git a/examples/react/.loki/reference/chrome_laptop_Media_with_media_queries.png b/examples/react/.loki/reference/chrome_laptop_Media_with_media_queries.png deleted file mode 100644 index e6728cb9..00000000 Binary files a/examples/react/.loki/reference/chrome_laptop_Media_with_media_queries.png and /dev/null differ diff --git a/examples/react/.loki/reference/chrome_laptop_Text_With_External_Font.png b/examples/react/.loki/reference/chrome_laptop_Text_With_External_Font.png deleted file mode 100644 index a705475c..00000000 Binary files a/examples/react/.loki/reference/chrome_laptop_Text_With_External_Font.png and /dev/null differ diff --git a/examples/react/.loki/reference/chrome_laptop_dark_Animation_with_CSS_animation.png b/examples/react/.loki/reference/chrome_laptop_dark_Animation_with_CSS_animation.png deleted file mode 100644 index 90b8eccb..00000000 Binary files a/examples/react/.loki/reference/chrome_laptop_dark_Animation_with_CSS_animation.png and /dev/null differ diff --git a/examples/react/.loki/reference/chrome_laptop_dark_Animation_with_CSS_animation_on_pseudo_element.png b/examples/react/.loki/reference/chrome_laptop_dark_Animation_with_CSS_animation_on_pseudo_element.png deleted file mode 100644 index 086d2fa0..00000000 Binary files a/examples/react/.loki/reference/chrome_laptop_dark_Animation_with_CSS_animation_on_pseudo_element.png and /dev/null differ diff --git a/examples/react/.loki/reference/chrome_laptop_dark_Animation_with_CSS_transition.png b/examples/react/.loki/reference/chrome_laptop_dark_Animation_with_CSS_transition.png deleted file mode 100644 index 90b8eccb..00000000 Binary files a/examples/react/.loki/reference/chrome_laptop_dark_Animation_with_CSS_transition.png and /dev/null differ diff --git a/examples/react/.loki/reference/chrome_laptop_dark_Animation_with_CSS_transition_with_will_change_property.png b/examples/react/.loki/reference/chrome_laptop_dark_Animation_with_CSS_transition_with_will_change_property.png deleted file mode 100644 index 90b8eccb..00000000 Binary files a/examples/react/.loki/reference/chrome_laptop_dark_Animation_with_CSS_transition_with_will_change_property.png and /dev/null differ diff --git a/examples/react/.loki/reference/chrome_laptop_dark_Animation_with_react_motion.png b/examples/react/.loki/reference/chrome_laptop_dark_Animation_with_react_motion.png deleted file mode 100644 index 90b8eccb..00000000 Binary files a/examples/react/.loki/reference/chrome_laptop_dark_Animation_with_react_motion.png and /dev/null differ diff --git a/examples/react/.loki/reference/chrome_laptop_dark_Asynchronous_render_Logo_with_1s_delay.png b/examples/react/.loki/reference/chrome_laptop_dark_Asynchronous_render_Logo_with_1s_delay.png deleted file mode 100644 index 18093d40..00000000 Binary files a/examples/react/.loki/reference/chrome_laptop_dark_Asynchronous_render_Logo_with_1s_delay.png and /dev/null differ diff --git a/examples/react/.loki/reference/chrome_laptop_dark_Asynchronous_render_Logo_without_delay.png b/examples/react/.loki/reference/chrome_laptop_dark_Asynchronous_render_Logo_without_delay.png deleted file mode 100644 index 18093d40..00000000 Binary files a/examples/react/.loki/reference/chrome_laptop_dark_Asynchronous_render_Logo_without_delay.png and /dev/null differ diff --git a/examples/react/.loki/reference/chrome_laptop_dark_Asynchronous_render_createAsyncCallback_with_1s_delay.png b/examples/react/.loki/reference/chrome_laptop_dark_Asynchronous_render_createAsyncCallback_with_1s_delay.png deleted file mode 100644 index 507edd60..00000000 Binary files a/examples/react/.loki/reference/chrome_laptop_dark_Asynchronous_render_createAsyncCallback_with_1s_delay.png and /dev/null differ diff --git a/examples/react/.loki/reference/chrome_laptop_dark_CSF_404_Error.png b/examples/react/.loki/reference/chrome_laptop_dark_CSF_404_Error.png deleted file mode 100644 index 086d2fa0..00000000 Binary files a/examples/react/.loki/reference/chrome_laptop_dark_CSF_404_Error.png and /dev/null differ diff --git a/examples/react/.loki/reference/chrome_laptop_dark_CSF_TODO.png b/examples/react/.loki/reference/chrome_laptop_dark_CSF_TODO.png deleted file mode 100644 index 90b8eccb..00000000 Binary files a/examples/react/.loki/reference/chrome_laptop_dark_CSF_TODO.png and /dev/null differ diff --git a/examples/react/.loki/reference/chrome_laptop_dark_Decorators_Custom_Chrome_Selector.png b/examples/react/.loki/reference/chrome_laptop_dark_Decorators_Custom_Chrome_Selector.png deleted file mode 100644 index 789e3f79..00000000 Binary files a/examples/react/.loki/reference/chrome_laptop_dark_Decorators_Custom_Chrome_Selector.png and /dev/null differ diff --git a/examples/react/.loki/reference/chrome_laptop_dark_Decorators_Overflow_With_One_Element.png b/examples/react/.loki/reference/chrome_laptop_dark_Decorators_Overflow_With_One_Element.png deleted file mode 100644 index 24b2a3c7..00000000 Binary files a/examples/react/.loki/reference/chrome_laptop_dark_Decorators_Overflow_With_One_Element.png and /dev/null differ diff --git a/examples/react/.loki/reference/chrome_laptop_dark_Decorators_Overflow_With_Several_Elements.png b/examples/react/.loki/reference/chrome_laptop_dark_Decorators_Overflow_With_Several_Elements.png deleted file mode 100644 index e9bf1d27..00000000 Binary files a/examples/react/.loki/reference/chrome_laptop_dark_Decorators_Overflow_With_Several_Elements.png and /dev/null differ diff --git a/examples/react/.loki/reference/chrome_laptop_dark_Fetch_Components_fetch_fail.png b/examples/react/.loki/reference/chrome_laptop_dark_Fetch_Components_fetch_fail.png deleted file mode 100644 index fe0d0db2..00000000 Binary files a/examples/react/.loki/reference/chrome_laptop_dark_Fetch_Components_fetch_fail.png and /dev/null differ diff --git a/examples/react/.loki/reference/chrome_laptop_dark_FocusedInput_default.png b/examples/react/.loki/reference/chrome_laptop_dark_FocusedInput_default.png deleted file mode 100644 index 9ccd68ec..00000000 Binary files a/examples/react/.loki/reference/chrome_laptop_dark_FocusedInput_default.png and /dev/null differ diff --git a/examples/react/.loki/reference/chrome_laptop_dark_Hover_default.png b/examples/react/.loki/reference/chrome_laptop_dark_Hover_default.png deleted file mode 100644 index c1a050fe..00000000 Binary files a/examples/react/.loki/reference/chrome_laptop_dark_Hover_default.png and /dev/null differ diff --git a/examples/react/.loki/reference/chrome_laptop_dark_Long_Element_default.png b/examples/react/.loki/reference/chrome_laptop_dark_Long_Element_default.png deleted file mode 100644 index 872325bd..00000000 Binary files a/examples/react/.loki/reference/chrome_laptop_dark_Long_Element_default.png and /dev/null differ diff --git a/examples/react/.loki/reference/chrome_laptop_dark_Long_Element_non_integer_Viewport.png b/examples/react/.loki/reference/chrome_laptop_dark_Long_Element_non_integer_Viewport.png deleted file mode 100644 index be40e090..00000000 Binary files a/examples/react/.loki/reference/chrome_laptop_dark_Long_Element_non_integer_Viewport.png and /dev/null differ diff --git a/examples/react/.loki/reference/chrome_laptop_dark_Media_with_color_scheme_queries.png b/examples/react/.loki/reference/chrome_laptop_dark_Media_with_color_scheme_queries.png deleted file mode 100644 index c110faf1..00000000 Binary files a/examples/react/.loki/reference/chrome_laptop_dark_Media_with_color_scheme_queries.png and /dev/null differ diff --git a/examples/react/.loki/reference/chrome_laptop_dark_Media_with_media_queries.png b/examples/react/.loki/reference/chrome_laptop_dark_Media_with_media_queries.png deleted file mode 100644 index e6728cb9..00000000 Binary files a/examples/react/.loki/reference/chrome_laptop_dark_Media_with_media_queries.png and /dev/null differ diff --git a/examples/react/.loki/reference/chrome_laptop_dark_Multiple_elements_Invisible_elements.png b/examples/react/.loki/reference/chrome_laptop_dark_Multiple_elements_Invisible_elements.png deleted file mode 100644 index c0586e69..00000000 Binary files a/examples/react/.loki/reference/chrome_laptop_dark_Multiple_elements_Invisible_elements.png and /dev/null differ diff --git a/examples/react/.loki/reference/chrome_laptop_dark_Multiple_elements_Stacked_elements.png b/examples/react/.loki/reference/chrome_laptop_dark_Multiple_elements_Stacked_elements.png deleted file mode 100644 index b780ce01..00000000 Binary files a/examples/react/.loki/reference/chrome_laptop_dark_Multiple_elements_Stacked_elements.png and /dev/null differ diff --git a/examples/react/.loki/reference/chrome_laptop_dark_Multiple_elements_Stacked_elements_with_a_wrapper.png b/examples/react/.loki/reference/chrome_laptop_dark_Multiple_elements_Stacked_elements_with_a_wrapper.png deleted file mode 100644 index b3928218..00000000 Binary files a/examples/react/.loki/reference/chrome_laptop_dark_Multiple_elements_Stacked_elements_with_a_wrapper.png and /dev/null differ diff --git a/examples/react/.loki/reference/chrome_laptop_dark_Positions_Absolute.png b/examples/react/.loki/reference/chrome_laptop_dark_Positions_Absolute.png deleted file mode 100644 index 75424700..00000000 Binary files a/examples/react/.loki/reference/chrome_laptop_dark_Positions_Absolute.png and /dev/null differ diff --git a/examples/react/.loki/reference/chrome_laptop_dark_Positions_Fixed.png b/examples/react/.loki/reference/chrome_laptop_dark_Positions_Fixed.png deleted file mode 100644 index ee7a1510..00000000 Binary files a/examples/react/.loki/reference/chrome_laptop_dark_Positions_Fixed.png and /dev/null differ diff --git a/examples/react/.loki/reference/chrome_laptop_dark_Positions_Nested.png b/examples/react/.loki/reference/chrome_laptop_dark_Positions_Nested.png deleted file mode 100644 index fb967ed7..00000000 Binary files a/examples/react/.loki/reference/chrome_laptop_dark_Positions_Nested.png and /dev/null differ diff --git a/examples/react/.loki/reference/chrome_laptop_dark_Positions_Nested_Overflow_Hidden.png b/examples/react/.loki/reference/chrome_laptop_dark_Positions_Nested_Overflow_Hidden.png deleted file mode 100644 index a12bb189..00000000 Binary files a/examples/react/.loki/reference/chrome_laptop_dark_Positions_Nested_Overflow_Hidden.png and /dev/null differ diff --git a/examples/react/.loki/reference/chrome_laptop_dark_Positions_Overflow_Hidden_Fixed.png b/examples/react/.loki/reference/chrome_laptop_dark_Positions_Overflow_Hidden_Fixed.png deleted file mode 100644 index cc3db8fa..00000000 Binary files a/examples/react/.loki/reference/chrome_laptop_dark_Positions_Overflow_Hidden_Fixed.png and /dev/null differ diff --git a/examples/react/.loki/reference/chrome_laptop_dark_Positions_Overflow_Hidden_Relative.png b/examples/react/.loki/reference/chrome_laptop_dark_Positions_Overflow_Hidden_Relative.png deleted file mode 100644 index 4acacebe..00000000 Binary files a/examples/react/.loki/reference/chrome_laptop_dark_Positions_Overflow_Hidden_Relative.png and /dev/null differ diff --git a/examples/react/.loki/reference/chrome_laptop_dark_Positions_Relative_Wrapper.png b/examples/react/.loki/reference/chrome_laptop_dark_Positions_Relative_Wrapper.png deleted file mode 100644 index fdb015f4..00000000 Binary files a/examples/react/.loki/reference/chrome_laptop_dark_Positions_Relative_Wrapper.png and /dev/null differ diff --git a/examples/react/.loki/reference/chrome_laptop_dark_Positions_Slider_With_Nested_Overflow.png b/examples/react/.loki/reference/chrome_laptop_dark_Positions_Slider_With_Nested_Overflow.png deleted file mode 100644 index 2792fa44..00000000 Binary files a/examples/react/.loki/reference/chrome_laptop_dark_Positions_Slider_With_Nested_Overflow.png and /dev/null differ diff --git a/examples/react/.loki/reference/chrome_laptop_dark_Text_With_External_Font.png b/examples/react/.loki/reference/chrome_laptop_dark_Text_With_External_Font.png deleted file mode 100644 index a705475c..00000000 Binary files a/examples/react/.loki/reference/chrome_laptop_dark_Text_With_External_Font.png and /dev/null differ diff --git a/examples/react/.loki/reference/chrome_laptop_dark_Zero_height_with_padding.png b/examples/react/.loki/reference/chrome_laptop_dark_Zero_height_with_padding.png deleted file mode 100644 index 5547f3d2..00000000 Binary files a/examples/react/.loki/reference/chrome_laptop_dark_Zero_height_with_padding.png and /dev/null differ diff --git a/examples/react/.loki/reference/chrome_laptop_dark_isLokiRunning_default.png b/examples/react/.loki/reference/chrome_laptop_dark_isLokiRunning_default.png deleted file mode 100644 index 5a6806f7..00000000 Binary files a/examples/react/.loki/reference/chrome_laptop_dark_isLokiRunning_default.png and /dev/null differ diff --git a/examples/react/.loki/reference/chrome_laptop_isLokiRunning_default.png b/examples/react/.loki/reference/chrome_laptop_isLokiRunning_default.png deleted file mode 100644 index 5a6806f7..00000000 Binary files a/examples/react/.loki/reference/chrome_laptop_isLokiRunning_default.png and /dev/null differ diff --git a/examples/react/loki.config.js b/examples/react/loki.config.js index a97e83de..31b6f70a 100644 --- a/examples/react/loki.config.js +++ b/examples/react/loki.config.js @@ -7,20 +7,10 @@ module.exports = { width: 1366, height: 768, }, - 'chrome.laptop.dark': { - target: 'chrome.docker', - width: 1366, - height: 768, - features: [{ name: 'prefers-color-scheme', value: 'dark' }], - }, 'chrome.iphone7': { target: 'chrome.docker', preset: 'iPhone 7', }, - 'chrome.iphone7.dark': { - target: 'chrome.docker', - preset: 'iPhone 7 Dark Mode', - }, 'chrome.a4': { target: 'chrome.docker', preset: 'A4 Paper', diff --git a/examples/react/src/api/Media.stories.js b/examples/react/src/api/Media.stories.js index 03b49563..4263b3fa 100644 --- a/examples/react/src/api/Media.stories.js +++ b/examples/react/src/api/Media.stories.js @@ -11,8 +11,22 @@ export const MediaAwareComponent = () => ( MediaAwareComponent.storyName = 'with media queries'; -export const FeaturesAwareComponent = () => ( +export const LightSchemeComponent = () => (
); -FeaturesAwareComponent.storyName = 'with color scheme queries'; +LightSchemeComponent.parameters = { + loki: { features: [{ name: 'prefers-color-scheme', value: 'light' }] }, +}; + +LightSchemeComponent.storyName = 'with light scheme queries'; + +export const DarkSchemeComponent = () => ( +
+); + +DarkSchemeComponent.parameters = { + loki: { features: [{ name: 'prefers-color-scheme', value: 'dark' }] }, +}; + +DarkSchemeComponent.storyName = 'with dark scheme queries';