Revert "Use Compound primary colors for most actions" (#12264)

* Revert ed5ef023b2

* Update failing snapshots

* Update snapshots after develop merge

res/css/views/rooms/_EditMessageComposer.pcss

@@ -33,7 +33,7 @@ limitations under the License.
         padding: 3px 6px;
 
         &:focus {
-            border-color: var(--cpd-color-border-interactive-primary);
+            border-color: $accent-500;
         }
     }
 

res/css/views/rooms/_EmojiButton.pcss

@@ -15,7 +15,7 @@ limitations under the License.
 */
 
 .mx_EmojiButton {
-    @mixin composerButton 50%, var(--cpd-color-icon-secondary), var(--cpd-color-bg-subtle-secondary);
+    @mixin composerButton 50%, $accent, $accent-300;
 }
 
 .mx_EmojiButton_highlight {

res/css/views/rooms/_EventTile.pcss

@@ -240,7 +240,7 @@ $left-gutter: 64px;
             > .mx_EventTile_line {
                 /* TODO: ultimately we probably want some transition on here. */
                 box-shadow: inset var(--EventTile-box-shadow-offset-x) 0 0 var(--EventTile-box-shadow-spread-radius)
-                    var(--cpd-color-bg-action-primary-rest);
+                    $accent;
             }
         }
 

res/css/views/rooms/_MessageComposer.pcss

@@ -191,7 +191,7 @@ limitations under the License.
 }
 
 .mx_MessageComposer_button {
-    @mixin composerButton 50%, var(--cpd-color-icon-secondary), var(--cpd-color-bg-subtle-secondary);
+    @mixin composerButton 50%, $accent, $accent-300;
 
     &:last-child {
         margin-right: auto;
@@ -199,11 +199,11 @@ limitations under the License.
 
     &.mx_MessageComposer_closeButtonMenu {
         &::after {
-            background: var(--cpd-color-bg-subtle-primary);
+            background: $accent-300;
         }
 
         &::before {
-            background-color: var(--cpd-color-icon-primary);
+            background-color: $accent;
             z-index: 2;
         }
     }
@@ -295,7 +295,7 @@ limitations under the License.
     width: 32px;
     height: 32px;
     border-radius: 100%;
-    background-color: var(--cpd-color-icon-accent-tertiary);
+    background-color: $accent;
 
     &::before {
         position: absolute;
@@ -309,7 +309,7 @@ limitations under the License.
         mask-size: contain;
         mask-position: center;
 
-        background-color: var(--cpd-color-icon-on-solid-primary);
+        background-color: $button-fg-color;
         content: "";
     }
 }

res/css/views/rooms/_RoomInfoLine.pcss

@@ -49,8 +49,6 @@ limitations under the License.
 
     .mx_RoomInfoLine_members {
         color: inherit;
-        text-decoration: inherit;
-        font-weight: inherit;
 
         &::before {
             content: "·"; /* visual separator */

res/css/views/rooms/_TopUnreadMessagesBar.pcss

@@ -30,8 +30,8 @@ limitations under the License.
     width: 4px;
     height: 4px;
     border-radius: 16px;
-    background-color: var(--cpd-color-bg-canvas-default);
-    border: 6px solid var(--cpd-color-icon-primary);
+    background-color: $secondary-accent-color;
+    border: 6px solid $accent;
     pointer-events: none;
 }