pkp/pkp-lib#9890 Add link color override in DropdownActions component

pkp · Sep 11, 2024 · 2682b2b · 2682b2b
1 parent 6180de9
commit 2682b2b
Showing 1 changed file with 11 additions and 0 deletions.
diff --git a/src/components/DropdownActions/DropdownActions.vue b/src/components/DropdownActions/DropdownActions.vue
@@ -126,3 +126,14 @@ const isValidAction = (action) => {
 	return action?.label && (action?.url || action?.name);
 };
 </script>
+
+<style lang="less" scoped>
+@import '../../styles/_import';
+
+/* Override legacy styles for: a:hover, a:focus, where the color is being set to #008acb */
+a.text-on-dark:hover,
+a.text-on-dark:focus,
+a.text-on-dark:active {
+	color: rgb(255 255 255 / var(--tw-text-opacity));
+}
+</style>