From 54862ace0b131944c4e459ea10a66c2da6aa613a Mon Sep 17 00:00:00 2001 From: Yann Pringault Date: Thu, 23 Mar 2017 04:28:26 -0700 Subject: [PATCH] Improve dark mode for debugger Summary: * Added a label so we can click on the text to toggle the dark mode * Added `height: 100%` in the CSS to make the dark background fill the entire view * Improving JS code with `classList.toggle()` instead of redundant `if else` and fragile `document.styleSheets` access * Adjusted the link color in dark mode to be less flashy ![image](https://cloud.githubusercontent.com/assets/5436545/24155304/bb80bb9a-0e53-11e7-9298-ce2c1ec6672c.png) ![image](https://cloud.githubusercontent.com/assets/5436545/24155311/c27e85f8-0e53-11e7-87ae-0245f54870c5.png) Closes https://github.com/facebook/react-native/pull/13052 Differential Revision: D4748893 fbshipit-source-id: a81266c52b24f8e5dcedf0b9f37134688342d8d2 --- local-cli/server/util/debugger.html | 29 +++++++++++++++-------------- 1 file changed, 15 insertions(+), 14 deletions(-) diff --git a/local-cli/server/util/debugger.html b/local-cli/server/util/debugger.html index 8678c047eb4ee3..9e8bca4cbc6529 100644 --- a/local-cli/server/util/debugger.html +++ b/local-cli/server/util/debugger.html @@ -15,19 +15,6 @@ React Native Debugger
- Dark background +

React Native JS code runs inside this Chrome tab.