Set text area focus blue to match input styles (#328)

* Set text area focus blue to match input styles * also update box-shadow for consistency
mozilla-lockwise · Nov 13, 2017 · b8f51c2 · b8f51c2
1 parent 3d5c284
commit b8f51c2
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/src/webextension/widgets/text-area.css b/src/webextension/widgets/text-area.css
@@ -17,7 +17,8 @@
 }
 
 .text-area:focus {
-  /* Note: This is reverse-engineered by looking at the mockups. */
-  border-color: #7cddee;
-  box-shadow: 0 0 3px rgba(124, 221, 238, 0.5);
+  border-color: #0a84ff;
+  /* Note: This is a best-guess from the screenshots for the Photon spec, since
+     the box shadow isn't actually specified. */
+  box-shadow: 0 0 3px rgba(10, 168, 255, 0.5);
 }