Update collection permissions UI (#6917)

shared/i18n/locales/en_US/translation.json

@@ -264,6 +264,20 @@
   "Documents": "Documents",
   "Results": "Results",
   "No results for {{query}}": "No results for {{query}}",
+  "Admin": "Admin",
+  "Invite": "Invite",
+  "{{ userName }} was added to the collection": "{{ userName }} was added to the collection",
+  "{{ count }} people added to the collection": "{{ count }} people added to the collection",
+  "{{ count }} people added to the collection_plural": "{{ count }} people added to the collection",
+  "{{ count }} people and {{ count2 }} groups added to the collection": "{{ count }} people and {{ count2 }} groups added to the collection",
+  "{{ count }} people and {{ count2 }} groups added to the collection_plural": "{{ count }} people and {{ count2 }} groups added to the collection",
+  "Add": "Add",
+  "All members": "All members",
+  "Everyone in the workspace": "Everyone in the workspace",
+  "Add or invite": "Add or invite",
+  "Viewer": "Viewer",
+  "Editor": "Editor",
+  "No matches": "No matches",
   "{{ userName }} was removed from the document": "{{ userName }} was removed from the document",
   "Could not remove user": "Could not remove user",
   "Permissions for {{ userName }} updated": "Permissions for {{ userName }} updated",
@@ -271,11 +285,7 @@
   "Has access through <2>parent</2>": "Has access through <2>parent</2>",
   "Suspended": "Suspended",
   "Invited": "Invited",
-  "Viewer": "Viewer",
-  "Editor": "Editor",
   "Leave": "Leave",
-  "All members": "All members",
-  "Everyone in the workspace": "Everyone in the workspace",
   "Can view": "Can view",
   "Everyone in the collection": "Everyone in the collection",
   "You have full access": "You have full access",
@@ -293,11 +303,9 @@
   "Allow anyone with the link to access": "Allow anyone with the link to access",
   "Publish to internet": "Publish to internet",
   "Nested documents are not shared on the web. Toggle sharing to enable access, this will be the default behavior in the future": "Nested documents are not shared on the web. Toggle sharing to enable access, this will be the default behavior in the future",
-  "Invite": "Invite",
   "{{ userName }} was invited to the document": "{{ userName }} was invited to the document",
   "{{ count }} people invited to the document": "{{ count }} people invited to the document",
   "{{ count }} people invited to the document_plural": "{{ count }} people invited to the document",
-  "No matches": "No matches",
   "Logo": "Logo",
   "Move document": "Move document",
   "New doc": "New doc",
@@ -485,12 +493,6 @@
   "API token created": "API token created",
   "Name your token something that will help you to remember it's use in the future, for example \"local development\", \"production\", or \"continuous integration\".": "Name your token something that will help you to remember it's use in the future, for example \"local development\", \"production\", or \"continuous integration\".",
   "The document archive is empty at the moment.": "The document archive is empty at the moment.",
-  "This collection is only visible to those given access": "This collection is only visible to those given access",
-  "Private": "Private",
-  "Recently updated": "Recently updated",
-  "Recently published": "Recently published",
-  "Least recently updated": "Least recently updated",
-  "A–Z": "A–Z",
   "Collection menu": "Collection menu",
   "Drop documents to import": "Drop documents to import",
   "<em>{{ collectionName }}</em> doesn’t contain any\n                    documents yet.": "<em>{{ collectionName }}</em> doesn’t contain any\n                    documents yet.",
@@ -505,6 +507,12 @@
   "{{ usersCount }} users with access_plural": "{{ usersCount }} users with access",
   "{{ groupsCount }} groups with access": "{{ groupsCount }} group with access",
   "{{ groupsCount }} groups with access_plural": "{{ groupsCount }} groups with access",
+  "This collection is only visible to those given access": "This collection is only visible to those given access",
+  "Private": "Private",
+  "Recently updated": "Recently updated",
+  "Recently published": "Recently published",
+  "Least recently updated": "Least recently updated",
+  "A–Z": "A–Z",
   "{{ groupName }} was added to the collection": "{{ groupName }} was added to the collection",
   "Could not add user": "Could not add user",
   "Can’t find the group you’re looking for?": "Can’t find the group you’re looking for?",
@@ -513,8 +521,6 @@
   "Search groups": "Search groups",
   "No groups matching your search": "No groups matching your search",
   "No groups left to add": "No groups left to add",
-  "Add": "Add",
-  "{{ userName }} was added to the collection": "{{ userName }} was added to the collection",
   "Need to add someone who’s not on the team yet?": "Need to add someone who’s not on the team yet?",
   "Invite people to {{ teamName }}": "Invite people to {{ teamName }}",
   "Ask an admin to invite them first": "Ask an admin to invite them first",
@@ -522,7 +528,6 @@
   "Search people": "Search people",
   "No people matching your search": "No people matching your search",
   "No people left to add": "No people left to add",
-  "Admin": "Admin",
   "Active <1></1> ago": "Active <1></1> ago",
   "Never signed in": "Never signed in",
   "{{ userName }} was removed from the collection": "{{ userName }} was removed from the collection",

shared/styles/theme.ts

@@ -182,7 +182,7 @@ export const buildDarkTheme = (input: Partial<Colors>): DefaultTheme => {
     textDiffInsertedBackground: "rgba(63,185,80,0.3)",
     textDiffDeleted: darken(0.1, colors.almostWhite),
     textDiffDeletedBackground: "rgba(248,81,73,0.15)",
-    placeholder: colors.slateDark,
+    placeholder: "#596673",
     sidebarBackground: colors.veryDarkBlue,
     sidebarActiveBackground: lighten(0.02, colors.almostBlack),
     sidebarControlHoverBackground: colors.white10,