Unified room context menus (#7072)

res/css/views/context_menus/_IconizedContextMenu.scss

@@ -17,6 +17,7 @@ limitations under the License.
 // A context menu that largely fits the | [icon]    [label] | format.
 .mx_IconizedContextMenu {
     min-width: 146px;
+    width: max-content;
 
     .mx_IconizedContextMenu_optionList {
         & > * {
@@ -119,7 +120,7 @@ limitations under the License.
             mask-position: center;
             mask-size: contain;
             mask-repeat: no-repeat;
-            background: $primary-content;
+            background-color: $secondary-content;
         }
     }
 
@@ -133,6 +134,14 @@ limitations under the License.
         }
     }
 
+    .mx_IconizedContextMenu_option_red {
+        color: $alert !important;
+
+        .mx_IconizedContextMenu_icon::before {
+            background-color: $alert;
+        }
+    }
+
     .mx_IconizedContextMenu_active {
         &.mx_AccessibleButton, .mx_AccessibleButton {
             color: $accent !important;
@@ -162,4 +171,9 @@ limitations under the License.
     .mx_IconizedContextMenu_unchecked::before {
         content: unset;
     }
+
+    .mx_IconizedContextMenu_sublabel {
+        margin-left: 20px;
+        color: $tertiary-content;
+    }
 }