"notice" level styling to be the same as "success" level

Author: arukompas

public/app.css

@@ -1,6 +1,6 @@
 {
     "/app.js": "/app.js?id=fc139aeb14d759b4a2906fc46d6c8150",
-    "/app.css": "/app.css?id=48015ade898839a92598a51bfa9cdf0f",
+    "/app.css": "/app.css?id=12c5e78a91987c11d8a0cc04436541e9",
     "/img/log-viewer-128.png": "/img/log-viewer-128.png?id=d576c6d2e16074d3f064e60fe4f35166",
     "/img/log-viewer-32.png": "/img/log-viewer-32.png?id=f8ec67d10f996aa8baf00df3b61eea6d",
     "/img/log-viewer-64.png": "/img/log-viewer-64.png?id=8902d596fc883ca9eb8105bb683568c6"

public/mix-manifest.json

@@ -34,12 +34,9 @@ html.dark {
         .log-level {
             @apply font-semibold;
 
-            &.success {
+            &.success, &.notice {
                 @apply text-emerald-700 dark:text-emerald-500;
             }
-            &.notice {
-                @apply text-green-700 dark:text-green-500;
-            }
             &.info {
                 @apply text-sky-700 dark:text-sky-500;
             }
@@ -60,12 +57,9 @@ html.dark {
 
         button.active {
             .log-level {
-                &.success {
+                &.success, &.notice {
                     @apply text-emerald-100;
                 }
-                &.notice {
-                    @apply text-green-100;
-                }
                 &.info {
                     @apply text-sky-100;
                 }
@@ -93,7 +87,7 @@ html.dark {
 .log-item {
     @apply bg-white dark:bg-gray-800 transition duration-200 cursor-pointer;
 
-    &.success {
+    &.success, &.notice {
         &:hover > td, &.active > td, &:focus-within > td {
             @apply bg-emerald-50 dark:bg-emerald-800 dark:bg-opacity-40;
         }
@@ -105,18 +99,6 @@ html.dark {
         }
     }
 
-    &.notice {
-        &:hover > td, &.active > td, &:focus-within > td {
-            @apply bg-green-50 dark:bg-green-800 dark:bg-opacity-40;
-        }
-        .log-level-indicator {
-            @apply bg-green-700 dark:bg-green-500;
-        }
-        .log-level {
-            @apply text-green-700 dark:text-green-500;
-        }
-    }
-
     &.info {
         &:hover > td, &.active > td, &:focus-within > td {
             @apply bg-sky-50 dark:bg-sky-800 dark:bg-opacity-40;
@@ -174,7 +156,7 @@ html.dark {
 .badge {
     @apply inline-flex items-center text-sm cursor-pointer px-3 py-1 rounded-md mr-2 mt-1 transition duration-200;
 
-    &.success {
+    &.success, &.notice {
         @apply border border-emerald-200 bg-emerald-50 text-gray-600
           dark:border-emerald-800 dark:bg-emerald-900 dark:bg-opacity-40 dark:text-gray-400;
 
@@ -206,39 +188,6 @@ html.dark {
         }
     }
 
-    &.notice {
-        @apply border border-green-200 bg-green-50 text-green-600
-          dark:border-green-800 dark:bg-green-900 dark:bg-opacity-40 dark:text-green-400;
-
-        &:hover {
-            @apply bg-green-100
-              dark:bg-green-900 dark:bg-opacity-75;
-        }
-
-        .checkmark {
-            @apply border-green-200
-              dark:border-green-800;
-        }
-
-        &.active {
-            @apply border-green-700 bg-green-600 text-white
-              dark:border-green-600 dark:bg-green-700;
-
-            &:hover {
-                @apply bg-green-500
-                  dark:bg-green-800;
-            }
-            .checkmark {
-                @apply border-green-600
-                  dark:border-green-700 dark:bg-green-100;
-            }
-            .checkmark > svg {
-                @apply text-green-600
-                  dark:text-green-700;
-            }
-        }
-    }
-
     &.info {
         @apply border border-sky-200 bg-sky-50 text-gray-600
           dark:border-sky-800 dark:bg-sky-900 dark:bg-opacity-40 dark:text-gray-400;