DevTools: add the logging aspect into the PerformanceMonitor

third_party/WebKit/Source/devtools/front_end/console/consoleView.css

Index: third_party/WebKit/Source/devtools/front_end/console/consoleView.css
diff --git a/third_party/WebKit/Source/devtools/front_end/console/consoleView.css b/third_party/WebKit/Source/devtools/front_end/console/consoleView.css
index d2cab2be069b546241edc07ba192de78e99383b0..c33232a43d9f6c76a36cd94bfb1bd398ab8a62ac 100644
--- a/third_party/WebKit/Source/devtools/front_end/console/consoleView.css
+++ b/third_party/WebKit/Source/devtools/front_end/console/consoleView.css
@@ -146,6 +146,7 @@
 .console-error-level .repeated-message::before,
 .console-revokedError-level .repeated-message::before,
 .console-warning-level .repeated-message::before,
+.console-violation-level .repeated-message::before,
 .console-debug-level .repeated-message::before,
 .console-info-level .repeated-message::before {
     visibility: hidden;
@@ -156,10 +157,11 @@
     flex: 1;
 }
 
-.console-warning-level .repeated-message,
 .console-error-level .repeated-message,
 .console-revokedError-level .repeated-message,
 .console-log-level .repeated-message,
+.console-warning-level .repeated-message,
+.console-violation-level .repeated-message,
 .console-debug-level .repeated-message,
 .console-info-level .repeated-message {
     display: flex;
@@ -225,7 +227,8 @@
     margin-top: -1px;
 }
 
-.console-message-wrapper.console-warning-level {
+.console-message-wrapper.console-warning-level,
+.console-message-wrapper.console-violation-level {
     border-top: 1px solid hsl(50, 100%, 88%);
     border-bottom: 1px solid hsl(50, 100%, 88%);
     margin-top: -1px;
@@ -263,15 +266,18 @@
     background-color: hsl(0, 100%, 8%);
 }
 
-.console-warning-level {
+.console-warning-level,
+.console-violation-level {
     background-color: hsl(50, 100%, 95%);
 }
 
-.-theme-with-dark-background .console-warning-level {
+.-theme-with-dark-background .console-warning-level,
+.-theme-with-dark-background .console-violation-level {
     background-color: hsl(50, 100%, 10%);
 }
 
-.console-warning-level .console-message-text {
+.console-warning-level .console-message-text,
+.console-violation-level .console-message-text {
     color: hsl(39, 100%, 18%);
 }
 
@@ -293,13 +299,15 @@
     color: hsl(220, 100%, 65%) !important;
 }
 
-.console-message.console-warning-level {
+.console-message.console-warning-level,
+.console-message.console-violation-level {
     background-color: rgb(255, 250, 224);
 }
 
 .console-error-level .console-message::before,
 .console-revokedError-level .console-message::before,
 .console-warning-level .console-message::before,
+.console-violation-level .console-message::before,
 .console-debug-level .console-message::before,
 .console-info-level .console-message::before {
     background-image: url(Images/smallIcons.png);
@@ -312,13 +320,15 @@
 .console-error-level .console-message::before,
 .console-revokedError-level .console-message::before,
 .console-warning-level .console-message::before,
+.console-violation-level .console-message::before,
 .console-debug-level .console-message::before,
 .console-info-level .console-message::before {
     background-image: url(Images/smallIcons_2x.png);
 }
 } /* media */
 
-.console-warning-level .console-message::before {
+.console-warning-level .console-message::before,
+.console-violation-level .console-message::before {
     background-position: -60px 0;
 }