style: Refine Portal News TreeList Dark Theme Styling (#8788)

Refactor TreeList SCSS to use CSS variables for theming. Apply var(--white-off) for secondary content (dates, ticket titles) in Dark Theme. Unify secondary content color in Light Theme to rgba(0,0,0,0.8). Wrap ticket titles in span.ticket-title and align styling (font-size, margins) with release dates for consistency.

Author: tobiu

apps/portal/model/Ticket.mjs

@@ -47,7 +47,7 @@ class Ticket extends Model {
              * @returns {String}
              */
             calculate({id, isLeaf, title}) {
-                return isLeaf ? `<b>${id}</b> ${title}` : id
+                return isLeaf ? `<b>${id}</b> <span class="ticket-title">${title}</span>` : id
             }
         }]
     }

resources/scss/src/apps/portal/shared/content/TreeList.scss

@@ -87,6 +87,10 @@
             overflow      : hidden;
             text-overflow : ellipsis;
             white-space   : nowrap;
+
+            b {
+                color: var(--portal-treelist-bold-color, inherit);
+            }
         }
     }
 
@@ -127,17 +131,25 @@
     }
 
     .release-date {
+        color       : var(--portal-treelist-meta-color, inherit);
         font-size   : 90%;
         margin-left : 5px;
-        opacity     : 0.8;
         position    : relative;
         top         : -1px;
     }
 
     .blog-date {
+        color       : var(--portal-treelist-meta-color, inherit);
         font-size   : 90%;
         margin-right: 5px;
-        opacity     : 0.8;
+        position    : relative;
+        top         : -1px;
+    }
+
+    .ticket-title {
+        color       : var(--portal-treelist-ticket-title-color, inherit);
+        font-size   : 90%;
+        margin-left : 5px;
         position    : relative;
         top         : -1px;
     }

resources/scss/theme-neo-dark/apps/portal/shared/content/TreeList.scss

@@ -0,0 +1,5 @@
+:root .neo-theme-neo-dark {
+    --portal-treelist-bold-color        : inherit;
+    --portal-treelist-meta-color        : var(--white-off);
+    --portal-treelist-ticket-title-color: var(--white-off);
+}

resources/scss/theme-neo-light/apps/portal/shared/content/TreeList.scss

@@ -0,0 +1,5 @@
+:root .neo-theme-neo-light {
+    --portal-treelist-bold-color        : inherit;
+    --portal-treelist-meta-color        : rgba(0, 0, 0, 0.8);
+    --portal-treelist-ticket-title-color: rgba(0, 0, 0, 0.8);
+}