Improve shared status button

Signed-off-by: Marco <marcoambrosini@icloud.com>

apps/files/src/components/FileEntry/FileEntryActions.vue

@@ -37,6 +37,7 @@
 			:container="getBoundariesElement"
 			:disabled="isLoading || loading !== ''"
 			:force-name="true"
+			type="tertiary"
 			:force-menu="enabledInlineActions.length === 0 /* forceMenu only if no inline actions */"
 			:inline="enabledInlineActions.length"
 			:open.sync="openedMenu"
@@ -94,7 +95,7 @@
 <script lang="ts">
 import { DefaultType, FileAction, Node, NodeStatus, View, getFileActions } from '@nextcloud/files'
 import { showError, showSuccess } from '@nextcloud/dialogs'
-import { translate as t } from '@nextcloud/l10n';
+import { translate as t } from '@nextcloud/l10n'
 import Vue, { PropType } from 'vue'
 
 import ArrowLeftIcon from 'vue-material-design-icons/ArrowLeft.vue'
@@ -321,3 +322,15 @@ export default Vue.extend({
 	},
 })
 </script>
+
+<style lang="scss" scoped>
+
+:deep(.button-vue--icon-and-text, .files-list__row-action-sharing-status) {
+	.button-vue__text {
+		color: var(--color-primary-element);
+	}
+	.button-vue__icon {
+		color: var(--color-primary-element);
+	}
+}
+</style>