Improved: Cleanup CSS of ".log" (#4594)

* themes css

* Log Level CSS class improved

* SCSS

* RTL CSS

3 files changed, 6 insertions, 108 deletions

diff --git a/p/themes/Ansum/_logs.scss b/p/themes/Ansum/_logs.scss
index 2ea26e68b..69d0153d1 100644
--- a/p/themes/Ansum/_logs.scss
+++ b/p/themes/Ansum/_logs.scss
@@ -2,40 +2,6 @@
 
 /*=== LOGS */
 /*=========*/
-.loglist {
-	overflow: hidden;
-	border: 1px solid variables.$grey-medium-dark;
-}
-
-.log {
-	margin: 10px 0;
-	padding: 5px 2%;
-	background: variables.$grey-lighter;
-	color: variables.$grey-dark;
-	font-size: 0.8rem;
-	overflow: auto;
-}
-
-.log > .date {
-	margin: 0 10px 0 0;
-	padding: 5px 10px;
-	border-radius: 20px;
-}
-
-.log.error > .date {
-	background: variables.$alert-bg;
-	color: #fff;
-}
-
-.log.warning > .date {
-	background: variables.$warning-bg;
-}
-
-.log.notice > .date {
-	background: variables.$grey-light;
-}
-
-.log.debug > .date {
-	background: variables.$main-first-darker;
-	color: variables.$white;
+.log-item.log-error {
+	background-color: rgba(variables.$main-first, 0.2);
 }
diff --git a/p/themes/Ansum/ansum.css b/p/themes/Ansum/ansum.css
index a2c139656..63a014db0 100644
--- a/p/themes/Ansum/ansum.css
+++ b/p/themes/Ansum/ansum.css
@@ -1181,42 +1181,8 @@ main.prompt {
 
 /*=== LOGS */
 /*=========*/
-.loglist {
-	overflow: hidden;
-	border: 1px solid #ba9;
-}
-
-.log {
-	margin: 10px 0;
-	padding: 5px 2%;
-	background: #fcfaf8;
-	color: #766556;
-	font-size: 0.8rem;
-	overflow: auto;
-}
-
-.log > .date {
-	margin: 0 10px 0 0;
-	padding: 5px 10px;
-	border-radius: 20px;
-}
-
-.log.error > .date {
-	background: #f5633e;
-	color: #fff;
-}
-
-.log.warning > .date {
-	background: #f4f762;
-}
-
-.log.notice > .date {
-	background: #f5f0ec;
-}
-
-.log.debug > .date {
-	background: #221f1d;
-	color: #fff;
+.log-item.log-error {
+	background-color: rgba(202, 114, 39, 0.2);
 }
 
 /*=== STATISTICS */
diff --git a/p/themes/Ansum/ansum.rtl.css b/p/themes/Ansum/ansum.rtl.css
index 2642a31e6..d1dcd97d0 100644
--- a/p/themes/Ansum/ansum.rtl.css
+++ b/p/themes/Ansum/ansum.rtl.css
@@ -1181,42 +1181,8 @@ main.prompt {
 
 /*=== LOGS */
 /*=========*/
-.loglist {
-	overflow: hidden;
-	border: 1px solid #ba9;
-}
-
-.log {
-	margin: 10px 0;
-	padding: 5px 2%;
-	background: #fcfaf8;
-	color: #766556;
-	font-size: 0.8rem;
-	overflow: auto;
-}
-
-.log > .date {
-	margin: 0 0 0 10px;
-	padding: 5px 10px;
-	border-radius: 20px;
-}
-
-.log.error > .date {
-	background: #f5633e;
-	color: #fff;
-}
-
-.log.warning > .date {
-	background: #f4f762;
-}
-
-.log.notice > .date {
-	background: #f5f0ec;
-}
-
-.log.debug > .date {
-	background: #221f1d;
-	color: #fff;
+.log-item.log-error {
+	background-color: rgba(202, 114, 39, 0.2);
 }
 
 /*=== STATISTICS */