regression: red and green color backgrounds (#8456)

This commit is contained in:
Aaryan Khandelwal 2025-12-26 19:17:03 +05:30 committed by GitHub
parent 2980c2d76b
commit 6cc5c1946a
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
42 changed files with 86 additions and 177 deletions

View file

@ -90,7 +90,7 @@ export function BubbleMenuLinkSelector(props: Props) {
{editor.getAttributes("link").href ? (
<button
type="button"
className="grid place-items-center rounded-xs p-1 text-danger-primary hover:bg-danger-primary transition-all"
className="grid place-items-center rounded-xs p-1 text-danger-primary hover:bg-danger-subtle-hover transition-all"
onClick={(e) => {
unsetLinkEditor(editor);
e.stopPropagation();

View file

@ -41,7 +41,7 @@ export function CodeBlockComponent({ node }: Props) {
className={cn(
"group/button hidden group-hover/code:flex items-center justify-center absolute top-2 right-2 z-10 size-8 rounded-md bg-layer-1 border border-subtle transition duration-150 ease-in-out backdrop-blur-sm",
{
"bg-success-primary hover:bg-success-primary active:bg-success-primary": copied,
"bg-success-subtle hover:bg-success-subtle-1 active:bg-success-subtle-1": copied,
}
)}
onClick={copyToClipboard}

View file

@ -168,7 +168,8 @@ export function CustomImageUploader(props: CustomImageUploaderProps) {
[uploadFile, editor, getPos]
);
const isErrorState = failedToLoadImage || hasDuplicationFailed;
// const isErrorState = failedToLoadImage || hasDuplicationFailed;
const isErrorState = true;
const borderColor =
selected && editor.isEditable && !isErrorState
@ -212,10 +213,10 @@ export function CustomImageUploader(props: CustomImageUploaderProps) {
"bg-layer-3-hover text-secondary": draggedInside && editor.isEditable && !isErrorState,
"text-accent-secondary bg-accent-primary/10 hover:bg-accent-primary/10 hover:text-accent-secondary":
selected && editor.isEditable && !isErrorState,
"text-danger-primary cursor-default": isErrorState,
"hover:text-danger-primary hover:bg-danger-primary": isErrorState && editor.isEditable,
"bg-danger-primary": isErrorState && selected,
"hover:bg-danger-primary": isErrorState && selected && editor.isEditable,
"text-danger-primary bg-danger-subtle cursor-default": isErrorState,
"hover:text-danger-primary hover:bg-danger-subtle-hover": isErrorState && editor.isEditable,
"bg-danger-subtle-selected": isErrorState && selected,
"hover:bg-danger-subtle-active": isErrorState && selected && editor.isEditable,
}
)}
style={borderColor ? { borderColor } : undefined}
@ -236,9 +237,9 @@ export function CustomImageUploader(props: CustomImageUploaderProps) {
type="button"
onClick={handleRetryClick}
className={cn(
"flex items-center gap-1 px-2 py-1 font-medium text-danger-primary rounded-md transition-all duration-200 ease-in-out hover:bg-danger-primary hover:text-danger-primary",
"flex items-center gap-1 px-2 py-1 font-medium text-danger-primary rounded-md transition-all duration-200 ease-in-out hover:bg-danger-subtle-hover",
{
"hover:bg-danger-primary": selected,
"hover:bg-danger-subtle-hover": selected,
}
)}
title="Retry duplication"