From 96295be70b84a1c5f1a90aeca7705b5776c467f3 Mon Sep 17 00:00:00 2001 From: danidfra Date: Mon, 27 Jan 2025 11:55:49 -0300 Subject: [PATCH 1/5] Updated deprecated element --- src/components/icon-with-counter.tsx | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/src/components/icon-with-counter.tsx b/src/components/icon-with-counter.tsx index 072e2166f..4a7cac64d 100644 --- a/src/components/icon-with-counter.tsx +++ b/src/components/icon-with-counter.tsx @@ -1,5 +1,6 @@ -import Icon, { IIcon } from 'soapbox/components/icon.tsx'; +import { IIcon } from 'soapbox/components/icon.tsx'; import Counter from 'soapbox/components/ui/counter.tsx'; +import Icon from 'soapbox/components/ui/icon.tsx'; interface IIconWithCounter extends React.HTMLAttributes { count: number; From 19d912a42c86022e2315dd3c2009da98a55cbc08 Mon Sep 17 00:00:00 2001 From: danidfra Date: Mon, 27 Jan 2025 11:56:57 -0300 Subject: [PATCH 2/5] Update icon color in thumb-navigation --- src/components/thumb-navigation-link.tsx | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/src/components/thumb-navigation-link.tsx b/src/components/thumb-navigation-link.tsx index 5e4d2a406..6225b2433 100644 --- a/src/components/thumb-navigation-link.tsx +++ b/src/components/thumb-navigation-link.tsx @@ -37,9 +37,9 @@ const ThumbNavigationLink: React.FC = ({ count, countMax, = ({ count, countMax, )} From c7b4cc87ba917ac4a68ca9609536bf5138fe9260 Mon Sep 17 00:00:00 2001 From: danidfra Date: Mon, 27 Jan 2025 12:06:06 -0300 Subject: [PATCH 3/5] Update text color in thumb-navigation --- src/components/thumb-navigation-link.tsx | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/src/components/thumb-navigation-link.tsx b/src/components/thumb-navigation-link.tsx index 6225b2433..eec7fb4c5 100644 --- a/src/components/thumb-navigation-link.tsx +++ b/src/components/thumb-navigation-link.tsx @@ -38,7 +38,7 @@ const ThumbNavigationLink: React.FC = ({ count, countMax, src={icon} className={clsx({ 'size-5': true, - 'text-gray-600 black:text-white': active, + 'text-black dark:text-white black:text-white': active, 'text-primary-500': !active, })} count={count} @@ -49,7 +49,7 @@ const ThumbNavigationLink: React.FC = ({ count, countMax, src={icon} className={clsx({ 'size-5': true, - 'text-white': active, + 'text-black dark:text-white black:text-white': active, 'text-primary-500': !active, })} /> @@ -60,8 +60,8 @@ const ThumbNavigationLink: React.FC = ({ count, countMax, size='xs' weight='medium' className={clsx({ - 'text-gray-600': !active, - 'text-primary-500': active, + 'text-greed-600': active, + 'text-primary-500': !active, })} > {text} From 35475592a32d51d1501c7b0fb7c2cc84be9f29ba Mon Sep 17 00:00:00 2001 From: danidfra Date: Mon, 27 Jan 2025 12:30:18 -0300 Subject: [PATCH 4/5] Change text color for 'black' theme in sidebar --- src/components/sidebar-navigation-link.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/sidebar-navigation-link.tsx b/src/components/sidebar-navigation-link.tsx index 0dbb47c53..8d1b26ca2 100644 --- a/src/components/sidebar-navigation-link.tsx +++ b/src/components/sidebar-navigation-link.tsx @@ -55,7 +55,7 @@ const SidebarNavigationLink = forwardRef((props: ISidebarNavigationLink, ref: Re count={count} countMax={countMax} className={clsx('size-5', { - 'text-gray-600 black:text-white dark:text-gray-500 group-hover:text-gray-900 dark:group-hover:text-gray-50': !isActive, + 'text-gray-600 black:text-gray-500 dark:text-gray-500 group-hover:text-gray-900 dark:group-hover:text-gray-50': !isActive, 'text-gray-900 dark:text-gray-50': isActive, })} /> From c5a3a28c5d2ecf48be56c5f6a73ebf015ab75856 Mon Sep 17 00:00:00 2001 From: danidfra Date: Mon, 27 Jan 2025 13:15:43 -0300 Subject: [PATCH 5/5] Finish updating text color and icon color for thumbnail-navigation --- src/components/thumb-navigation-link.tsx | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/src/components/thumb-navigation-link.tsx b/src/components/thumb-navigation-link.tsx index eec7fb4c5..dafb8bdfa 100644 --- a/src/components/thumb-navigation-link.tsx +++ b/src/components/thumb-navigation-link.tsx @@ -39,7 +39,7 @@ const ThumbNavigationLink: React.FC = ({ count, countMax, className={clsx({ 'size-5': true, 'text-black dark:text-white black:text-white': active, - 'text-primary-500': !active, + 'text-gray-600': !active, })} count={count} countMax={countMax} @@ -49,8 +49,8 @@ const ThumbNavigationLink: React.FC = ({ count, countMax, src={icon} className={clsx({ 'size-5': true, - 'text-black dark:text-white black:text-white': active, - 'text-primary-500': !active, + 'text-black black:text-white dark:text-white': active, + 'text-gray-600 black:text-gray-500 dark:text-gray-500': !active, })} /> )} @@ -60,9 +60,9 @@ const ThumbNavigationLink: React.FC = ({ count, countMax, size='xs' weight='medium' className={clsx({ - 'text-greed-600': active, - 'text-primary-500': !active, - })} + 'text-gray-600 black:text-white dark:text-white': active, + '!text-gray-600 black:!text-gray-500 dark:!text-gray-500': !active, + })}text-primary-500 > {text}