swapped some gray colors with neutral

This commit is contained in:
daniel31x13
2023-11-25 05:39:56 -05:00
parent 3c9d171f4d
commit d53dd93bb7
32 changed files with 81 additions and 105 deletions
+7 -11
View File
@@ -112,7 +112,7 @@ export default function TeamManagement({
}
/>
<p className="text-gray-500 dark:text-gray-300 text-sm">
<p className="text-neutral text-sm">
This will let <b>Anyone</b> to view this collection.
</p>
</>
@@ -181,7 +181,7 @@ export default function TeamManagement({
{collection?.members[0]?.user && (
<>
<p className="text-center text-gray-500 dark:text-gray-300 text-xs sm:text-sm">
<p className="text-center text-neutral text-xs sm:text-sm">
(All Members have <b>Read</b> access to this collection.)
</p>
<div className="flex flex-col gap-3 rounded-md">
@@ -196,7 +196,7 @@ export default function TeamManagement({
{permissions === true && (
<FontAwesomeIcon
icon={faClose}
className="absolute right-2 top-2 text-gray-500 dark:text-gray-300 h-4 hover:text-red-500 dark:hover:text-red-500 duration-100 cursor-pointer"
className="absolute right-2 top-2 text-neutral h-4 hover:text-red-500 dark:hover:text-red-500 duration-100 cursor-pointer"
title="Remove Member"
onClick={() => {
const updatedMembers = collection.members.filter(
@@ -218,9 +218,7 @@ export default function TeamManagement({
/>
<div>
<p className="text-sm font-bold">{e.user.name}</p>
<p className="text-gray-500 dark:text-gray-300">
@{e.user.username}
</p>
<p className="text-neutral">@{e.user.username}</p>
</div>
</div>
<div className="flex sm:block items-center justify-between gap-5 min-w-[10rem]">
@@ -233,7 +231,7 @@ export default function TeamManagement({
Permissions
</p>
{permissions === true && (
<p className="text-xs text-gray-500 dark:text-gray-300 mb-2">
<p className="text-xs text-neutral mb-2">
(Click to toggle.)
</p>
)}
@@ -243,7 +241,7 @@ export default function TeamManagement({
!e.canCreate &&
!e.canUpdate &&
!e.canDelete ? (
<p className="text-sm text-gray-500 dark:text-gray-300">
<p className="text-sm text-neutral">
Has no permissions.
</p>
) : (
@@ -409,9 +407,7 @@ export default function TeamManagement({
className="w-3 h-3 text-yellow-500"
/>
</div>
<p className="text-gray-500 dark:text-gray-300">
@{collectionOwner.username}
</p>
<p className="text-neutral">@{collectionOwner.username}</p>
</div>
</div>
+2 -6
View File
@@ -52,9 +52,7 @@ export default function ViewTeam({ collection }: Props) {
Admin
</div>
</div>
<p className="text-gray-500 dark:text-gray-300">
@{collectionOwner.username}
</p>
<p className="text-neutral">@{collectionOwner.username}</p>
</div>
</div>
</div>
@@ -77,9 +75,7 @@ export default function ViewTeam({ collection }: Props) {
/>
<div>
<p className="text-sm font-bold">{e.user.name}</p>
<p className="text-gray-500 dark:text-gray-300">
@{e.user.username}
</p>
<p className="text-neutral">@{e.user.username}</p>
</div>
</div>
</div>
+1 -1
View File
@@ -138,7 +138,7 @@ export default function AddOrEditLink({
<div className="flex flex-col gap-3 sm:w-[35rem] w-80">
{method === "UPDATE" ? (
<div
className="text-gray-500 dark:text-gray-300 break-all w-full flex gap-2"
className="text-neutral break-all w-full flex gap-2"
title={link.url}
>
<FontAwesomeIcon icon={faLink} className="w-6 h-6" />
+5 -5
View File
@@ -107,7 +107,7 @@ export default function PreservedFormats() {
>
<FontAwesomeIcon
icon={faCloudArrowDown}
className="w-5 h-5 cursor-pointer text-gray-500 dark:text-gray-300"
className="w-5 h-5 cursor-pointer text-neutral"
/>
</div>
@@ -118,7 +118,7 @@ export default function PreservedFormats() {
>
<FontAwesomeIcon
icon={faArrowUpRightFromSquare}
className="w-5 h-5 text-gray-500 dark:text-gray-300"
className="w-5 h-5 text-neutral"
/>
</Link>
</div>
@@ -142,7 +142,7 @@ export default function PreservedFormats() {
>
<FontAwesomeIcon
icon={faCloudArrowDown}
className="w-5 h-5 cursor-pointer text-gray-500 dark:text-gray-300"
className="w-5 h-5 cursor-pointer text-neutral"
/>
</div>
@@ -153,7 +153,7 @@ export default function PreservedFormats() {
>
<FontAwesomeIcon
icon={faArrowUpRightFromSquare}
className="w-5 h-5 text-gray-500 dark:text-gray-300"
className="w-5 h-5 text-neutral"
/>
</Link>
</div>
@@ -183,7 +183,7 @@ export default function PreservedFormats() {
""
)}`}
target="_blank"
className={`text-gray-500 dark:text-gray-300 duration-100 hover:opacity-60 flex gap-2 w-fit items-center text-sm ${
className={`text-neutral duration-100 hover:opacity-60 flex gap-2 w-fit items-center text-sm ${
link?.pdfPath &&
link?.screenshotPath &&
link?.pdfPath !== "pending" &&
+1 -1
View File
@@ -23,7 +23,7 @@ export default function Modal({ toggleModal, className, children }: Props) {
>
<FontAwesomeIcon
icon={faChevronLeft}
className="w-4 h-4 text-gray-500 dark:text-gray-300"
className="w-4 h-4 text-neutral"
/>
</div>
{children}