From 85bc891dbb4f3f802f8ffc8abb73f801e2a23f07 Mon Sep 17 00:00:00 2001 From: Alex Gleason Date: Tue, 27 Dec 2022 21:40:39 -0600 Subject: [PATCH] Use accent color for "floating action button" (mobile compose button). --- CHANGELOG.md | 1 + app/soapbox/features/ui/components/floating-action-button.tsx | 2 +- 2 files changed, 2 insertions(+), 1 deletion(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 268d5caad..685316297 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -11,6 +11,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0 ### Changed ### Fixed +- Layout: use accent color for "floating action button" (mobile compose button). ## [3.0.0] - 2022-12-25 diff --git a/app/soapbox/features/ui/components/floating-action-button.tsx b/app/soapbox/features/ui/components/floating-action-button.tsx index 845867030..de00b55a7 100644 --- a/app/soapbox/features/ui/components/floating-action-button.tsx +++ b/app/soapbox/features/ui/components/floating-action-button.tsx @@ -27,7 +27,7 @@ const FloatingActionButton: React.FC = () => { onClick={handleOpenComposeModal} className={clsx( 'p-4 inline-flex items-center border font-medium rounded-full focus:outline-none focus:ring-2 focus:ring-offset-2 appearance-none transition-all', - 'bg-primary-500 hover:bg-primary-400 dark:hover:bg-primary-600 border-transparent focus:bg-primary-500 text-gray-100 focus:ring-primary-300', + 'border-transparent bg-secondary-500 hover:bg-secondary-400 focus:bg-secondary-500 text-gray-100 focus:ring-secondary-300', )} aria-label={intl.formatMessage(messages.publish)} >