From 5cda807d9dcdbc5ed5dbb51a9c43123d60734c8a Mon Sep 17 00:00:00 2001 From: Eric Bailey Date: Fri, 31 May 2024 14:45:41 -0500 Subject: Tweak avi follow button styles (#4304) * Tighten up * Tweak colors * Tweak for night mode * Add missing file * Contrast plus --- src/view/com/posts/AviFollowButton.tsx | 23 ++++++++++++++++++----- 1 file changed, 18 insertions(+), 5 deletions(-) (limited to 'src/view') diff --git a/src/view/com/posts/AviFollowButton.tsx b/src/view/com/posts/AviFollowButton.tsx index db15312a6..7a7b513cc 100644 --- a/src/view/com/posts/AviFollowButton.tsx +++ b/src/view/com/posts/AviFollowButton.tsx @@ -16,7 +16,7 @@ import { NativeDropdown, } from '#/view/com/util/forms/NativeDropdown' import * as Toast from '#/view/com/util/Toast' -import {atoms as a, useTheme} from '#/alf' +import {atoms as a, select, useTheme} from '#/alf' import {Button} from '#/components/Button' import {useFollowMethods} from '#/components/hooks/useFollowMethods' import {PlusSmall_Stroke2_Corner0_Rounded as Plus} from '#/components/icons/Plus' @@ -90,17 +90,30 @@ export function AviFollowButton({ hitSlop={createHitslop(3)} style={[ a.rounded_full, - t.atoms.bg_contrast_975, + select(t.name, { + light: t.atoms.bg_contrast_100, + dim: t.atoms.bg_contrast_100, + dark: t.atoms.bg_contrast_200, + }), a.absolute, { - bottom: -2, - right: -2, + bottom: 0, + right: 0, borderWidth: 1, borderColor: t.atoms.bg.backgroundColor, }, ]}> - + )} -- cgit 1.4.1