Fix debug window SEVERE style, add styles for FINE, FINER and FINEST (#11891)

Change-Id: Ibbe209a6a67e594318a7ac50f962c48aeab4730d

diff --git a/WebContent/VAADIN/themes/base/debug/debug.scss b/WebContent/VAADIN/themes/base/debug/debug.scss
index 687370270e367abf1bf0ad8068d83fe38daae6c2..209c3e046983c32e578df956ed09b65ea9ec2d42 100644 (file)
--- a/WebContent/VAADIN/themes/base/debug/debug.scss
+++ b/WebContent/VAADIN/themes/base/debug/debug.scss
@@ -207,13 +207,22 @@
        .v-debugwindow-row:nth-child(odd) {
                background-color: rgba(0, 61, 255, 0.11);
        }
-       .v-debugwindow-row.ERROR {
+       .v-debugwindow-row.SEVERE {
                color: #550000;
                background-color: #FFC5C5;
        }
        .v-debugwindow-row.WARNING {
                background-color: #FFFF99;
        }
+       .v-debugwindow-row.FINE {
+               color: lighten($maincolor, 5%);
+       }
+       .v-debugwindow-row.FINER {
+               color: lighten($maincolor, 10%);
+       }
+       .v-debugwindow-row.FINEST {
+               color: lighten($maincolor, 15%);
+       }
        
        .v-debugwindow-row > span {
                display: table-cell;