Branch: refs/heads/main
Home: https://github.com/WebKit/WebKit
Commit: 21391bb5cf6b734a83ccf04468f4a50be3dc2148
https://github.com/WebKit/WebKit/commit/21391bb5cf6b734a83ccf04468f4a50be3dc2148
Author: Anuj Panta <[email protected]>
Date: 2026-02-03 (Tue, 03 Feb 2026)
Changed paths:
M Source/WebInspectorUI/UserInterface/Models/Color.js
M Source/WebInspectorUI/UserInterface/Views/ColorPicker.css
M Source/WebInspectorUI/UserInterface/Views/ColorPicker.js
M Source/WebInspectorUI/UserInterface/Views/InlineSwatch.js
Log Message:
-----------
Web Inspector: Color picker should have explicit format and gamut toggles for
better discoverability
https://bugs.webkit.org/show_bug.cgi?id=305557
rdar://168216591
Reviewed by Devin Rousso.
Add a gear icon to the color picker popover that shows a context menu with
format and gamut conversion options, matching the existing InlineSwatch
context menu behavior.
* Source/WebInspectorUI/UserInterface/Models/Color.js:
(WI.Color.prototype.getNextValidHEXFormat):
* Source/WebInspectorUI/UserInterface/Views/ColorPicker.css:
(.color-picker > .color-inputs-wrapper > :is(.pick-color-from-screen,
.format-options)):
(.color-picker > .color-inputs-wrapper > :is(.pick-color-from-screen,
.format-options):active,):
(.color-picker > .color-inputs-wrapper > .pick-color-from-screen): Deleted.
(.color-picker > .color-inputs-wrapper > .pick-color-from-screen.active):
Deleted.
* Source/WebInspectorUI/UserInterface/Views/ColorPicker.js:
(WI.ColorPicker.addContextMenuFormatItems):
(WI.ColorPicker.prototype._changeFormat):
(WI.ColorPicker.prototype._populateFormatContextMenu):
(WI.ColorPicker):
* Source/WebInspectorUI/UserInterface/Views/InlineSwatch.js:
(WI.InlineSwatch.prototype._handleContextMenuEvent):
(WI.InlineSwatch.prototype._getNextValidHEXFormat.hexMatchesCurrentColor):
Deleted.
(WI.InlineSwatch.prototype._getNextValidHEXFormat): Deleted.
Canonical link: https://commits.webkit.org/306691@main
To unsubscribe from these emails, change your notification settings at
https://github.com/WebKit/WebKit/settings/notifications
