Facebook/react
1
0
Fork 0
mirror of https://github.com/facebook/react.git synced 2025-11-01 09:12:30 +00:00
Code Issues Packages Projects Releases Wiki Activity

Improve contrast for light mode

Browse Source
This commit is contained in:
Brian Vaughn
2019-04-17 11:40:55 -07:00
parent 85179fe4a7
commit 3fb9f6cdaa
2 changed files with 10 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/devtools/views/Settings/SettingsContext.js
+3
View File
@@ -247,6 +247,9 @@ function updateThemeVariables(
updateStyleHelper(theme, 'color-search-match', documentElements);
updateStyleHelper(theme, 'color-search-match-current', documentElements);
updateStyleHelper(theme, 'color-text-color', documentElements);
// Font smoothing varies based on the theme.
updateStyleHelper(theme, 'font-smoothing', documentElements);
}
export { SettingsContext, SettingsContextController };
src/devtools/views/root.css
+7 -2
View File
@@ -28,7 +28,7 @@
--light-color-commit-gradient-8: #efbb49;
--light-color-commit-gradient-9: #febc38;
--light-color-commit-gradient-text: #000000;
--light-color-component-name: #8155cb;
--light-color-component-name: #6a51b2;
--light-color-component-name-inverted: #ffffff;
--light-color-dim: #777d88;
--light-color-dimmer: #cfd1d5;
@@ -95,6 +95,11 @@
--dark-color-selected-foreground: #ffffff;
--dark-color-text-color: #ffffff;
/* Font smoothing */
--light-font-smoothing: auto;
--dark-font-smoothing: antialiased;
--font-smoothing: auto;
/* Compact density */
--compact-font-size-monospace-small: 9px;
--compact-font-size-monospace-normal: 11px;
@@ -127,5 +132,5 @@
* {
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
-webkit-font-smoothing: var(--font-smoothing);
}