chore: fix theme & ts issues

res/css/superhero/custom.css

@@ -190,6 +190,8 @@ h2 .sh_VerifiedIcon {
 
 /* CPD Light Theme Overwrite */
 .cpd-theme-light.cpd-theme-light {
+    --cpd-color-icon-accent-tertiary: #6147ff !important;
+    --cpd-color-bg-accent-rest: #6147ff !important;
     --cpd-color-text-action-accent: #6147ff !important;
     --cpd-color-alpha-gray-500: hsla(212, 87%, 15%, 0.2);
     --cpd-color-pink-1200: #a80298 !important;
@@ -212,6 +214,7 @@ h2 .sh_VerifiedIcon {
 
 /* CPD Dark Theme Overwrite */
 .cpd-theme-dark.cpd-theme-dark {
+    --cpd-color-icon-accent-tertiary: #6147ff !important;
     --cpd-color-text-action-accent: #6147ff !important;
     --cpd-color-theme-bg: #313338 !important;
     --cpd-color-text-link-external: rgb(141, 149, 255) !important;

src/components/views/rooms/RoomSublist.tsx

@@ -679,7 +679,7 @@ export default class RoomSublist extends React.Component<IProps, IState> {
 
                     const badge = (
                         <NotificationBadge
-                            forceCount={true}
+                            hideIfDot={true}
                             notification={this.notificationState}
                             onClick={this.onBadgeClick}
                             tabIndex={tabIndex}

src/components/views/rooms/RoomTile.tsx

@@ -408,11 +408,7 @@ export class RoomTile extends React.PureComponent<ClassProps, State> {
             // aria-hidden because we summarise the unread count/highlight status in a manual aria-label below
             badge = (
                 <div className="mx_RoomTile_badgeContainer" aria-hidden="true">
-                    <NotificationBadge
-                        notification={this.notificationState}
-                        forceCount={false}
-                        roomId={this.props.room.roomId}
-                    />
+                    <NotificationBadge notification={this.notificationState} roomId={this.props.room.roomId} />
                 </div>
             );
         }