Consistently format CSS color and opacity values

- Prefer the modern comma-free CSS color function syntax over the
  legacy syntax. [1]
- Explicitly use the `deg` suffix for angle values in colors, to
  clarify the range.
- Explicitly use the `%` suffix for percentages instead of formatting
  the value as a number, again to clarify the range.

[1]: https://twitter.com/mathias/status/1253242715304857601
[2]: https://goo.gle/devtools-css-color

Bug: chromium:1083142
Fixed: chromium:1073885
Change-Id: I8e1582a2dee3553a61df88564051ea84c2011d76
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/2209091
Reviewed-by: Alex Rudenko <[email protected]>
Reviewed-by: Tim van der Lippe <[email protected]>
Commit-Queue: Tim van der Lippe <[email protected]>
Auto-Submit: Mathias Bynens <[email protected]>
diff --git a/front_end/ui/emptyWidget.css b/front_end/ui/emptyWidget.css
index ead95a3..4ff7ace 100644
--- a/front_end/ui/emptyWidget.css
+++ b/front_end/ui/emptyWidget.css
@@ -12,7 +12,7 @@
 }
 
 .empty-view {
-  color: hsla(0, 0%, 43%, 1);
+  color: hsl(0deg 0% 43% / 100%);
   padding: 30px;
   display: flex;
   align-items: center;