DevTools: add the logging aspect into the PerformanceMonitor

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

 /*
  * Copyright (C) 2006, 2007, 2008 Apple Inc.  All rights reserved.
  * Copyright (C) 2009 Anthony Ricaud <rik@webkit.org>
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions
  * are met:
  *
  * 1.  Redistributions of source code must retain the above copyright
  *     notice, this list of conditions and the following disclaimer.
@@ skipping 128 matching lines @@
     flex: none;
 }
 
 .repeated-message {
     margin-left: 4px;
 }
 
 .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;
 }
 
 .repeated-message .console-message-stack-trace-toggle,
 .repeated-message > .console-message-text {
     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;
 }
 
 .console-info {
     color: rgb(128, 128, 128);
     font-style: italic;
 }
 
@@ skipping 45 matching lines @@
 .console-message-wrapper.console-adjacent-user-command-result {
     border-bottom: none;
 }
 
 .console-message-wrapper.console-error-level {
     border-top: 1px solid hsl(0, 100%, 92%);
     border-bottom: 1px solid hsl(0, 100%, 92%);
     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;
 }
 
 .console-message-wrapper .nesting-level-marker {
     width: 14px;
     flex: 0 0 auto;
     border-right: 1px solid #a5a5a5;
     position: relative;
@@ skipping 17 matching lines @@
 }
 
 .console-error-level {
     background-color: hsl(0, 100%, 97%);
 }
 
 .-theme-with-dark-background .console-error-level {
     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%);
 }
 
 .console-error-level .console-message-text,
 .console-error-level .console-view-object-properties-section {
     color: red !important;
 }
 
 .-theme-with-dark-background .console-error-level .console-message-text,
 .-theme-with-dark-background .console-error-level .console-view-object-properties-section {
     color: hsl(0, 100%, 75%) !important;
 }
 
 .console-debug-level .console-message-text {
     color: blue;
 }
 
 .-theme-with-dark-background .console-debug-level .console-message-text {
     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);
     background-size: 190px 30px;
     width: 10px;
     height: 10px;
 }
 
 @media (-webkit-min-device-pixel-ratio: 1.1) {
 .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;
 }
 
 .console-error-level .console-message::before {
     background-position: -20px 0;
 }
 
 .console-revokedError-level .console-message::before {
     background-position: -40px 0;
 }
@@ skipping 148 matching lines @@
 
 @media (-webkit-min-device-pixel-ratio: 1.1) {
 .console-message-stack-trace-triangle {
     -webkit-mask-image: url(Images/toolbarButtonGlyphs_2x.png);
 }
 } /* media */
 
 .console-message-stack-trace-toggle.expanded .console-message-stack-trace-triangle {
     -webkit-mask-position: -20px -96px;
 }