fix(flatten-threads): change reply button color to violet
Due to the recent change in the md3 color theme, the button was styled
green, and the recommended button next to it was also green. This can
cause confusion, and that's why this CL changes the color of the button
back to the color it previously had.
Fixed: twpowertools:186
Change-Id: Ib14028c7f22cfe5802b20e3e004faba7707f0b6a
diff --git a/src/contentScripts/communityConsole/flattenThreads/components/ReplyButton.js b/src/contentScripts/communityConsole/flattenThreads/components/ReplyButton.js
index 73a4cc1..8adf676 100644
--- a/src/contentScripts/communityConsole/flattenThreads/components/ReplyButton.js
+++ b/src/contentScripts/communityConsole/flattenThreads/components/ReplyButton.js
@@ -19,6 +19,22 @@
md-outlined-button {
--md-outlined-button-container-shape: 0.25rem;
--md-outlined-button-container-height: 38px;
+
+ /**
+ * We change the color because otherwise it would have a very similar
+ * color to the "Recommend" button.
+ */
+ --md-outlined-button-label-text-color: var(--reply-button-color);
+ --md-outlined-button-focus-label-text-color: var(--reply-button-color);
+ --md-outlined-button-hover-label-text-color: var(--reply-button-color);
+ --md-outlined-button-hover-state-layer-color: var(--reply-button-color);
+ --md-outlined-button-label-text-color: var(--reply-button-color);
+ --md-outlined-button-pressed-label-text-color: var(--reply-button-color);
+ --md-outlined-button-pressed-state-layer-color: var(--reply-button-color);
+ --md-outlined-button-focus-icon-color: var(--reply-button-color);
+ --md-outlined-button-hover-icon-color: var(--reply-button-color);
+ --md-outlined-button-icon-color: var(--reply-button-color);
+ --md-outlined-button-pressed-icon-color: var(--reply-button-color);
}
`,
];