diff --git a/.changeset/hint-button-contrast.md b/.changeset/hint-button-contrast.md new file mode 100644 index 000000000..fd6bfea64 --- /dev/null +++ b/.changeset/hint-button-contrast.md @@ -0,0 +1,5 @@ +--- +"gitbook": patch +--- + +Fix low-contrast button labels inside success, warning and danger hints. diff --git a/packages/gitbook/src/components/DocumentView/Hint.tsx b/packages/gitbook/src/components/DocumentView/Hint.tsx index 2ca379684..4e043272a 100644 --- a/packages/gitbook/src/components/DocumentView/Hint.tsx +++ b/packages/gitbook/src/components/DocumentView/Hint.tsx @@ -135,10 +135,10 @@ const HINT_STYLES: { header: 'bg-warning-active', body: [ 'text-neutral-strong', - 'links-default:[&_a]:text-warning', - 'links-default:[&_a:hover]:text-warning-strong', - 'links-default:[&_a]:decoration-warning/6', - 'links-accent:[&_a]:decoration-warning', + 'links-default:[&_a:not(.button)]:text-warning', + 'links-default:[&_a:not(.button):hover]:text-warning-strong', + 'links-default:[&_a:not(.button)]:decoration-warning/6', + 'links-accent:[&_a:not(.button)]:decoration-warning', 'decoration-warning/6', '[&_.can-override-bg]:bg-warning-active', '[&_.can-override-text]:text-warning-strong', @@ -152,10 +152,10 @@ const HINT_STYLES: { header: 'bg-danger-active', body: [ 'text-neutral-strong', - 'links-default:[&_a]:text-danger', - 'links-default:[&_a:hover]:text-danger-strong', - 'links-default:[&_a]:decoration-danger/6', - 'links-accent:[&_a]:decoration-danger', + 'links-default:[&_a:not(.button)]:text-danger', + 'links-default:[&_a:not(.button):hover]:text-danger-strong', + 'links-default:[&_a:not(.button)]:decoration-danger/6', + 'links-accent:[&_a:not(.button)]:decoration-danger', 'decoration-danger/6', '[&_.can-override-bg]:bg-danger-active', '[&_.can-override-text]:text-danger-strong', @@ -169,10 +169,10 @@ const HINT_STYLES: { header: 'bg-success-active', body: [ 'text-neutral-strong', - 'links-default:[&_a]:text-success', - 'links-default:[&_a:hover]:text-success-strong', - 'links-default:[&_a]:decoration-success/6', - 'links-accent:[&_a]:decoration-success', + 'links-default:[&_a:not(.button)]:text-success', + 'links-default:[&_a:not(.button):hover]:text-success-strong', + 'links-default:[&_a:not(.button)]:decoration-success/6', + 'links-accent:[&_a:not(.button)]:decoration-success', 'decoration-success/6', '[&_.can-override-bg]:bg-success-active', '[&_.can-override-text]:text-success-strong',