Style for block reasons

epicyon-profile.css

@@ -35,6 +35,7 @@
     --pageslist-color: #dddddd;
     --pageslist-selected-color: white;
     --main-fg-color: #dddddd;
+    --block-reason-color: lightgreen;
     --verified-site-color: lightgreen;
     --cw-color: #dddddd;
     --cw-style: normal;
@@ -296,6 +297,10 @@ mark {
     color: var(--diff-remove);
 }
 
+.blockreason {
+    color: var(--block-reason-color);
+}
+
 .accesskeys {
     border: 0;
     width: 100%;

theme/blue/theme.json

@@ -1,4 +1,5 @@
 {
+    "block-reason-color": "lightgreen",
     "verified-site-color": "lightgreen",
     "code-color": "white",
     "pwa-theme-color": "apple-mobile-web-app-status-bar-style",

theme/debian/theme.json

@@ -1,4 +1,5 @@
 {
+    "block-reason-color": "lightgreen",
     "verified-site-color": "lightgreen",
     "code-color": "blue",
     "diff-add": "#111",

theme/default/theme.json

@@ -221,6 +221,7 @@
     "pageslist-color": "#dddddd",
     "pageslist-selected-color": "white",
     "main-fg-color": "#dddddd",
+    "block-reason-color": "lightgreen",
     "day-number": "#dddddd",
     "day-number2": "#bbbbbb",
     "cw-color": "#dddddd",

theme/hacker/theme.json

@@ -1,4 +1,5 @@
 {
+    "block-reason-color": "lightgreen",
     "verified-site-color": "lightgreen",
     "code-color": "lightblue",
     "pwa-theme-color": "apple-mobile-web-app-status-bar-style",

theme/henge/theme.json

@@ -1,4 +1,5 @@
 {
+    "block-reason-color": "lightgreen",
     "verified-site-color": "lightgreen",
     "code-color": "blue",
     "pwa-theme-color": "apple-mobile-web-app-status-bar-style",

theme/indymediaclassic/theme.json

@@ -1,4 +1,5 @@
 {
+    "block-reason-color": "lightgreen",
     "verified-site-color": "lightgreen",
     "code-color": "lightblue",
     "pwa-theme-color": "apple-mobile-web-app-status-bar-style",

theme/indymediamodern/theme.json

@@ -1,4 +1,5 @@
 {
+    "block-reason-color": "lightgreen",
     "verified-site-color": "lightgreen",
     "code-color": "blue",
     "diff-add": "#111",

theme/lcd/theme.json

@@ -1,4 +1,5 @@
 {
+    "block-reason-color": "lightgreen",
     "verified-site-color": "white",
     "code-color": "blue",
     "pwa-theme-color": "apple-mobile-web-app-status-bar-style",

theme/light/theme.json

@@ -1,5 +1,6 @@
 {
-    "verified-site-color": "lightgreen",
+    "block-reason-color": "green",
+    "verified-site-color": "green",
     "diff-add": "#111",
     "diff-remove": "#333",
     "code-color": "blue",

theme/night/theme.json

@@ -1,4 +1,5 @@
 {
+    "block-reason-color": "lightgreen",
     "verified-site-color": "lightgreen",
     "code-color": "lightblue",
     "pwa-theme-color": "apple-mobile-web-app-status-bar-style",

theme/pixel/theme.json

@@ -1,4 +1,5 @@
 {
+    "block-reason-color": "lightgreen",
     "verified-site-color": "lightgreen",
     "code-color": "blue",
     "diff-add": "#111",

theme/purple/theme.json

@@ -1,4 +1,5 @@
 {
+    "block-reason-color": "lightgreen",
     "verified-site-color": "lightgreen",
     "code-color": "lightblue",
     "pwa-theme-color": "apple-mobile-web-app-status-bar-style",

theme/rc3/theme.json

@@ -1,4 +1,5 @@
 {
+    "block-reason-color": "lightgreen",
     "verified-site-color": "lightgreen",
     "code-color": "lightblue",
     "pwa-theme-color": "apple-mobile-web-app-status-bar-style",

theme/solidaric/theme.json

@@ -1,4 +1,5 @@
 {
+    "block-reason-color": "lightgreen",
     "verified-site-color": "lightgreen",
     "code-color": "blue",
     "pwa-theme-color": "apple-mobile-web-app-status-bar-style",

theme/starlight/theme.json

@@ -1,4 +1,5 @@
 {
+    "block-reason-color": "lightgreen",
     "verified-site-color": "lightgreen",
     "code-color": "lightblue",
     "pwa-theme-color": "apple-mobile-web-app-status-bar-style",

theme/zen/theme.json

@@ -1,4 +1,5 @@
 {
+    "block-reason-color": "lightgreen",
     "verified-site-color": "lightgreen",
     "code-color": "blue",
     "font-size-header": "18px",

webapp_moderation.py

@@ -460,7 +460,10 @@ def html_moderation_info(translate: {}, base_dir: str,
                             _get_global_block_reason(line,
                                                      blocking_reasons_filename)
                         if reason:
-                            blocked_str += line + ' ' + reason + '\n'
+                            blocked_str += \
+                                line + ' ' + \
+                                '<span class="blockreason">' + \
+                                reason + '</span>\n'
                             continue
                     blocked_str += line + '\n'
             info_form += '<div class="container">\n'