Improve contrast for light mode
Brian Vaughn committed
Apr 17, 2019 at 11:40 UTC
3fb9f6cdaa47ed0094aed59ec5eb56fcaeca37b8
2 files changed
+10
-2
src/devtools/views/Settings/SettingsContext.js
+3
@@ -247,6 +247,9 @@ function updateThemeVariables(
247
updateStyleHelper(theme, 'color-search-match', documentElements);
248
updateStyleHelper(theme, 'color-search-match-current', documentElements);
249
updateStyleHelper(theme, 'color-text-color', documentElements);
250
+
251
+ // Font smoothing varies based on the theme.
252
+ updateStyleHelper(theme, 'font-smoothing', documentElements);
253
}
254
255
export { SettingsContext, SettingsContextController };
src/devtools/views/root.css
+7
-2
@@ -28,7 +28,7 @@
28
--light-color-commit-gradient-8: #efbb49;
29
--light-color-commit-gradient-9: #febc38;
30
--light-color-commit-gradient-text: #000000;
31
- --light-color-component-name: #8155cb;
31
+ --light-color-component-name: #6a51b2;
32
--light-color-component-name-inverted: #ffffff;
33
--light-color-dim: #777d88;
34
--light-color-dimmer: #cfd1d5;
@@ -95,6 +95,11 @@
95
--dark-color-selected-foreground: #ffffff;
96
--dark-color-text-color: #ffffff;
97
98
+ /* Font smoothing */
99
+ --light-font-smoothing: auto;
100
+ --dark-font-smoothing: antialiased;
101
+ --font-smoothing: auto;
102
+
103
/* Compact density */
104
--compact-font-size-monospace-small: 9px;
105
--compact-font-size-monospace-normal: 11px;
@@ -127,5 +132,5 @@
132
* {
133
box-sizing: border-box;
134
130
- -webkit-font-smoothing: antialiased;
135
+ -webkit-font-smoothing: var(--font-smoothing);
136
}