cw color and style

epicyon-profile.css

@@ -17,6 +17,8 @@
     --main-bg-color-report: #221c27;
     --main-header-color-roles: #282237;
     --main-fg-color: #dddddd;
+    --cw-color: #dddddd;
+    --cw-style: normal;
     --column-left-fg-color: #dddddd;
     --column-right-fg-color: yellow;
     --column-right-fg-color-voted-on: red;
@@ -178,6 +180,11 @@ body, html {
     line-height: var(--line-spacing);
 }
 
+.cw {
+    font-style: var(--cw-style);
+    color: var(--cw-color);
+}
+
 .leftColIcons {
     width: 100%;
     background-color: var(--column-left-color);

epicyon-search.css

@@ -10,6 +10,8 @@
     --border-color: #505050;
     --font-size-header: 18px;
     --font-color-header: #ccc;
+    --cw-color: #dddddd;
+    --cw-style: normal;
     --font-size: 40px;
     --font-size2: 24px;
     --font-size3: 38px;
@@ -100,6 +102,11 @@ a:focus {
     border: 2px solid var(--focus-color);
 }
 
+.cw {
+    font-style: var(--cw-style);
+    color: var(--cw-color);
+}
+
 .domainHistogramLeft {
     float: right;
 }

theme/debian/theme.json

@@ -51,6 +51,7 @@
     "main-bg-color-reply": "white",
     "main-bg-color-report": "#e3dbf0",
     "main-header-color-roles": "#ebebf0",
+    "cw-color": "#2d2c37",
     "main-fg-color": "#2d2c37",
     "login-fg-color": "white",
     "options-fg-color": "lightgrey",

theme/hacker/theme.json

@@ -17,6 +17,7 @@
     "main-bg-color-reply": "#030202",
     "main-bg-color-report": "#050202",
     "main-header-color-roles": "#1f192d",
+    "cw-color": "#00ff00",
     "main-fg-color": "#00ff00",
     "login-fg-color": "#00ff00",
     "options-fg-color": "#00ff00",

theme/henge/theme.json

@@ -34,6 +34,7 @@
     "title-color": "white",
     "main-visited-color": "#e1c4bc",
     "options-main-visited-color": "#e1c4bc",
+    "cw-color": "white",
     "main-fg-color": "white",
     "options-fg-color": "white",
     "column-left-fg-color": "white",

theme/indymediaclassic/theme.json

@@ -44,6 +44,7 @@
     "options-main-link-color-hover": "#d09338",
     "main-visited-color": "#ffb900",
     "options-main-visited-color": "#ffb900",
+    "cw-color": "white",
     "main-fg-color": "white",
     "login-fg-color": "white",
     "options-fg-color": "white",

theme/indymediamodern/theme.json

@@ -99,6 +99,7 @@
     "main-bg-color-reply": "white",
     "main-bg-color-report": "white",
     "main-header-color-roles": "#ebebf0",
+    "cw-color": "black",
     "main-fg-color": "black",
     "login-fg-color": "black",
     "options-fg-color": "black",

theme/lcd/theme.json

@@ -22,6 +22,7 @@
     "main-bg-color-report": "#9fb42b",
     "main-bg-color-dm": "#5fb42b",
     "main-header-color-roles": "#9fb42b",
+    "cw-color": "#33390d",
     "main-fg-color": "#33390d",
     "login-fg-color": "#33390d",
     "options-fg-color": "#33390d",

theme/light/theme.json

@@ -32,6 +32,7 @@
     "main-bg-color-reply": "white",
     "main-bg-color-report": "#e3dbf0",
     "main-header-color-roles": "#ebebf0",
+    "cw-color": "#2d2c37",
     "main-fg-color": "#2d2c37",
     "login-fg-color": "#2d2c37",
     "options-fg-color": "#2d2c37",

theme/night/theme.json

@@ -33,6 +33,7 @@
     "main-link-color-hover": "#d09338",
     "options-main-link-color": "#6481f5",
     "options-main-link-color-hover": "#d09338",
+    "cw-color": "#0481f5",
     "main-fg-color": "#0481f5",
     "login-fg-color": "#0481f5",
     "options-fg-color": "#0481f5",

theme/purple/theme.json

@@ -23,6 +23,7 @@
     "main-bg-color-reply": "#1a142d",
     "main-bg-color-report": "#12152d",
     "main-header-color-roles": "#1f192d",
+    "cw-color": "#f98bb0",
     "main-fg-color": "#f98bb0",
     "login-fg-color": "#f98bb0",
     "options-fg-color": "#f98bb0",

theme/rc3/theme.json

@@ -54,6 +54,7 @@
     "main-link-color-hover": "#46eed5",
     "options-main-link-color": "#05b9ec",
     "options-main-link-color-hover": "#46eed5",
+    "cw-color": "white",
     "main-fg-color": "white",
     "login-fg-color": "white",
     "options-fg-color": "white",

theme/solidaric/theme.json

@@ -40,6 +40,7 @@
     "main-bg-color-reply": "white",
     "main-bg-color-report": "white",
     "main-header-color-roles": "#ebebf0",
+    "cw-color": "#2d2c37",
     "main-fg-color": "#2d2c37",
     "login-fg-color": "#2d2c37",
     "options-fg-color": "#2d2c37",

theme/starlight/theme.json

@@ -33,6 +33,7 @@
     "title-color": "#ffc4bc",
     "main-visited-color": "#e1c4bc",
     "options-main-visited-color": "#e1c4bc",
+    "cw-color": "#ffc4bc",
     "main-fg-color": "#ffc4bc",
     "login-fg-color": "#ffc4bc",
     "options-fg-color": "#ffc4bc",

theme/zen/theme.json

@@ -1,5 +1,6 @@
 {
     "dropdown-bg-color-hover": "#463b35",
+    "cw-color": "#d5c7b7",
     "main-fg-color": "#d5c7b7",
     "column-left-fg-color": "#d5c7b7",
     "button-text": "#d5c7b7",

webapp_post.py

@@ -1521,7 +1521,7 @@ def individualPostAsHtml(allowDownloads: bool,
                 addEmojiToDisplayName(baseDir, httpPrefix,
                                       nickname, domain,
                                       cwStr, False)
-            contentStr += '<b>' + cwStr + '</b>\n '
+            contentStr += '<label class="cw">' + cwStr + '</label>\n '
             if isModerationPost:
                 containerClass = 'container report'
         # get the content warning text

webapp_utils.py

@@ -167,8 +167,8 @@ def getContentWarningButton(postID: str, translate: {},
                             content: str) -> str:
     """Returns the markup for a content warning button
     """
-    return '       <details><summary><b>' + \
+    return '       <details><summary><label class="cw">' + \
-        translate['SHOW MORE'] + '</b></summary>' + \
+        translate['SHOW MORE'] + '</label></summary>' + \
         '<div id="' + postID + '">' + content + \
         '</div></details>\n'