[CARDS][Profile] No longer ids, now classes (CSS). Profile info nickname for instance. The inversion filter now actually works.

public/assets/css/base.css

@@ -602,10 +602,10 @@ hr {
     box-shadow: var(--shadow);
 }
 
-.profile > text {
+.profile *[class*="profile-info-"] {
     flex: 1;
-    filter: invert(1) !important;
-    mix-blend-mode: difference !important;
+    mix-blend-mode: difference;
+    filter: invert(1);
 }
 
 .profile-info {

templates/cards/profile/view.html.twig

@@ -8,7 +8,7 @@
         <a href="{{ path('actor_view_nickname', {'nickname' : actor_nickname}) }}">
             <div class="profile-info">
                 <img src='{{ actor_avatar }}' class="profile-avatar" alt="{{ actor_nickname }}{{ '\'s avatar.' | trans }}">
-                <strong id="profile-info-nickname" title="{{ actor_nickname }}{{ '\'s nickname.' | trans }}">{{ actor_nickname }}</strong>
+                <strong class="profile-info-nickname" title="{{ actor_nickname }}{{ '\'s nickname.' | trans }}">{{ actor_nickname }}</strong>
 
                 <section class="profile-info-bio">
                     {% if actor_bio %}