Changed dark theme to have more React blues
Brian Vaughn committed
Feb 14, 2019 at 09:17 UTC
36e596ecd1319d5621d39be8a4316365f9fced09
2 files changed
+10
-10
src/devtools/views/TabBar.css
+1
-1
@@ -3,7 +3,7 @@
3
align-items: center;
4
padding: 0 0.5rem;
5
background-color: var(--color-background);
6
- color: var(--color-tree-node-selected);
6
+ color: var(--color-button);
7
border-top: 1px solid var(--color-border);
8
font-family: var(--font-family-sans);
9
font-size: var(--font-size-sans-large);
src/devtools/views/root.css
+9
-9
@@ -27,15 +27,15 @@
27
28
/* Dark theme */
29
--theme-dark-arrow: #777d88;
30
- --theme-dark-arrow-inverted: #23272f;
30
+ --theme-dark-arrow-inverted: #282828;
31
--theme-dark-attribute-name: #9d87d2;
32
--theme-dark-attribute-value: #cedae0;
33
- --theme-dark-background: #23272f;
34
- --theme-dark-button: #4dbba6;
35
- --theme-dark-button-hover: #80d4c4;
36
- --theme-dark-color-border: #303846;
37
- --theme-dark-component-name: #4dbba6;
38
- --theme-dark-component-name-inverted: ##23272f;
33
+ --theme-dark-background: #282c34;
34
+ --theme-dark-button: #61dafb;
35
+ --theme-dark-button-hover: #a2e9fc;
36
+ --theme-dark-color-border: #3d424a;
37
+ --theme-dark-component-name: #61dafb;
38
+ --theme-dark-component-name-inverted: ##282828;
39
--theme-dark-dim: #8f949d;
40
--theme-dark-dimmer: #777d88;
41
--theme-dark-dimmest: #4f5766;
@@ -44,8 +44,8 @@
44
--theme-dark-search-match: yellow;
45
--theme-dark-search-match-current: #f7923b;
46
--theme-dark-text-color: #ffffff;
47
- --theme-dark-tree-node-selected: #31a38d;
48
- --theme-dark-tree-node-hover: #303846;
47
+ --theme-dark-tree-node-selected: #178fb9;
48
+ --theme-dark-tree-node-hover: #3d424a;
49
50
/* Compact density */
51
--compact-font-size-monospace-normal: 11px;