Color Audit — Transactions / All / Active

Audit Table Before / After REAL UI Mapped Visual
Real UI 2025 Design System token mapping for all colors on the transaction list page
199 total
91 100% match
107 mapped to closest
1 not in DS
Section Component Property Current Current Hex Real UI Token Token Real UI Hex Status Visible On
Breadcrumb Active page text (Home) Text color #3E3F3C real-grey-900 #3D3C3C Mapped to closest
Breadcrumb Chevron separator Icon color #A1A1AA real-grey-300 #B0B0B0 Mapped to closest
Breadcrumb Inactive link text (My Transactions) Text color #A1A1AA real-grey-300 #B0B0B0 Mapped to closest
Global Search Input background Background color #FFFFFF white #FFFFFF 100% Match
Global Search Input border Border color #D2D5DB real-grey-200 #D1D0D0 Mapped to closest
Global Search Search icon Icon color #3B82F6 real-blue-500 #4967FD Mapped to closest
Page Header > Filters Button Filters button background Background color #FFFFFF white #FFFFFF 100% Match
Page Header > Filters Button Filters button text Text color #615B56 real-grey-600 #5D5D5D Mapped to closest
Page Header > Filters Button Filters button border Border color #DADADA real-grey-200 #D1D0D0 Mapped to closest
Page Header > Filters Button Filters button icon Icon color #615B56 real-grey-600 #5D5D5D Mapped to closest
Page Header > View Toggle Active view toggle background Background color #3B82F6/10% real-blue-500/10% #4967FD/10% Mapped to closest
Page Header > View Toggle Active view toggle icon Icon color #3B82F6 real-blue-500 #4967FD Mapped to closest
Page Header > View Toggle Inactive view toggle icon Icon color #1D1D1D real-black #1D1D1D 100% Match
Page Header > View Toggle Divider pipe Text color #DADADA real-grey-200 #D1D0D0 Mapped to closest
Page Header > Create Referral Button Create Referral text Text color #4967FD real-blue-500 #4967FD 100% Match
Page Header > Create Referral Button Create Referral outline (inset box-shadow) Border color #4967FD real-blue-500 #4967FD 100% Match
Page Header > Create Referral Button Create Referral plus icon Icon color #4967FD real-blue-500 #4967FD 100% Match
Page Header > Add Transaction Button Add Transaction background Background color #4967FD real-blue-500 #4967FD 100% Match
Page Header > Add Transaction Button Add Transaction text Text color #FFFFFF white #FFFFFF 100% Match
Page Header > Add Transaction Button Add Transaction plus icon Icon color #FFFFFF white #FFFFFF 100% Match
Tabs (All / Sale / Lease / Referrals) Active tab text Text color #1D1D1D real-black #1D1D1D 100% Match
Tabs (All / Sale / Lease / Referrals) Active tab underline Border color #4967FD real-blue-500 #4967FD 100% Match
Tabs (All / Sale / Lease / Referrals) Inactive tab text Text color #7B7A7A real-grey-500 #767676 Mapped to closest
Tabs (All / Sale / Lease / Referrals) Tab strip bottom border Border color #F2F2F4 real-grey-50 #F6F5F5 Mapped to closest
Sub-Tabs (Active / Closed / Terminated) Sub-tabs container background Background color #F6F8FC real-grey-50 #F6F5F5 Mapped to closest
Sub-Tabs (Active / Closed / Terminated) Active pill background Background color #629BF8 real-blue-500 #4967FD Mapped to closest
Sub-Tabs (Active / Closed / Terminated) Active pill text Text color #FFFFFF white #FFFFFF 100% Match
Sub-Tabs (Active / Closed / Terminated) Inactive pill background Background color #EEEEEE real-grey-100 #E7E6E6 Mapped to closest
Sub-Tabs (Active / Closed / Terminated) Inactive pill text Text color #615B56 real-grey-600 #5D5D5D Mapped to closest
Sort Bar Sort By label Text color #7B7A7A real-grey-500 #767676 Mapped to closest
Sort Bar Sort dropdown background Background color #FFFFFF white #FFFFFF 100% Match
Sort Bar Sort dropdown border Border color #D2D5DB real-grey-200 #D1D0D0 Mapped to closest
Sort Bar Sort dropdown value text Text color #1D1D1D real-black #1D1D1D 100% Match
Sort Bar Sort dropdown chevron Icon color #1D1D1D real-black #1D1D1D 100% Match
Sort Bar Sort direction button background Background color #FFFFFF white #FFFFFF 100% Match
Sort Bar Sort direction button border Border color #BFC3CA real-grey-200 #D1D0D0 Mapped to closest
Sort Bar Expand All / Collapse All divider Border color #A8A8A8 real-grey-300 #B0B0B0 Mapped to closest
Sort Bar Expand All / Collapse All link text Text color #4967FD real-blue-500 #4967FD 100% Match
Transaction Card > Container Card background Background color #FFFFFF white #FFFFFF 100% Match
Transaction Card > Container Card border (default) Border color #E4E4E7 real-grey-100 #E7E6E6 Mapped to closest
Transaction Card > Container Card border (hover) Border color (hover) #7A8496 real-grey-400 #888888 Mapped to closest
Transaction Card > Container Card header bottom border Border color #EEEEEE real-grey-100 #E7E6E6 Mapped to closest
Transaction Card > Container Expand/collapse button background Background color #4967FD/10% real-blue-500/10% #4967FD/10% 100% Match
Transaction Card > Container Expand/collapse button icon Icon color #4967FD real-blue-500 #4967FD 100% Match
Transaction Card > Container Vertical divider in header Background color #EEEEEE real-grey-100 #E7E6E6 Mapped to closest
Transaction Card > Type Tag Sale tag text Text color #050E3D real-blue-950 #171C4F Mapped to closest All-*, Sale-*
Transaction Card > Type Tag Sale tag icon Icon color #050E3D real-blue-950 #171C4F Mapped to closest All-*, Sale-*
Transaction Card > Type Tag Lease tag text Text color #003036 real-seaglass-950 #1C2D30 Mapped to closest All-*, Lease-*
Transaction Card > Type Tag Internal Referral tag text Text color #731A3A real-red-900 #8A1238 Mapped to closest All-*, Referrals-*
Transaction Card > Progress ROAD TO SUCCESS label Text color #7A8496 real-grey-400 #888888 Mapped to closest
Transaction Card > Progress Progress bar track Background color #F2F2F4 real-grey-50 #F6F5F5 Mapped to closest
Transaction Card > Progress Progress bar fill Background color #7A8496 real-grey-400 #888888 Mapped to closest
Transaction Card > Progress Percentage text Text color #1D1D1D real-black #1D1D1D 100% Match
Transaction Card > Checklist CHECKLIST label Text color #7A8496 real-grey-400 #888888 Mapped to closest
Transaction Card > Checklist Completed count number Text color #1C244E real-blue-950 #171C4F Mapped to closest
Transaction Card > Status Pill New - text Text color #7B7A7A real-grey-500 #767676 Mapped to closest
Transaction Card > Status Pill Calculate Ledger - text Text color #7B7A7A real-grey-500 #767676 Mapped to closest
Transaction Card > Status Pill Needs Commission Validation - text Text color #C98B11 amber-600 #D97706 Mapped to closest All - Active; Sale - Active; Lease - Active; Referrals - Active
Transaction Card > Status Pill Needs Commission Validation - icon Icon color #C98B11 amber-600 #D97706 Mapped to closest All - Active; Sale - Active; Lease - Active; Referrals - Active
Transaction Card > Status Pill Commission Validated - text Text color #4967FD real-blue-500 #4967FD 100% Match
Transaction Card > Status Pill Ready For Commission Document Generation - text Text color #7B7A7A real-grey-500 #767676 Mapped to closest
Transaction Card > Status Pill Commission Document Generated - text Text color #E26811 amber-600 #D97706 Mapped to closest All - Active; Sale - Active
Transaction Card > Status Pill Commission Document Generated - icon Icon color #E26811 amber-600 #D97706 Mapped to closest All - Active; Sale - Active
Transaction Card > Status Pill Commission Document Approved - text Text color #4967FD real-blue-500 #4967FD 100% Match
Transaction Card > Status Pill Commission Document Sent - text Text color #4967FD real-blue-500 #4967FD 100% Match Sale - Active; Referrals - Active
Transaction Card > Status Pill Approved For Closing - text Text color #439775 real-green-500 #439775 100% Match All - Active; Sale - Active; Lease - Active
Transaction Card > Status Pill Approved For Closing - icon Icon color #439775 real-green-500 #439775 100% Match All - Active; Sale - Active; Lease - Active
Transaction Card > Status Pill Closed - text Text color #439775 real-green-500 #439775 100% Match Lease - Closed
Transaction Card > Status Pill Waiting On Payment - text Text color #439775 real-green-500 #439775 100% Match
Transaction Card > Status Pill Payment Accepted - text Text color #439775 real-green-500 #439775 100% Match All - Closed; Sale - Closed; Lease - Closed; Referrals - Closed
Transaction Card > Status Pill Payment Scheduled - text Text color #439775 real-green-500 #439775 100% Match All - Closed; Sale - Closed; Lease - Closed; Referrals - Closed
Transaction Card > Status Pill Settled - text Text color #439775 real-green-500 #439775 100% Match All - Closed; Sale - Closed; Referrals - Closed
Transaction Card > Status Pill Termination Requested - text Text color #731A3A real-red-900 #8A1238 Mapped to closest All - Active; Sale - Active; Referrals - Active
Transaction Card > Status Pill Termination Requested - icon Icon color #731A3A real-red-900 #8A1238 Mapped to closest All - Active; Sale - Active; Referrals - Active
Transaction Card > Status Pill Terminated - text Text color #F84C6C real-red-500 #F74D6B Mapped to closest All - Terminated; Sale - Terminated; Lease - Terminated; Referrals - Terminated
Transaction Card > Status Pill Listing Active - text Text color #439775 real-green-500 #439775 100% Match
Transaction Card > Status Pill Listing In Contract - text Text color #C98B11 amber-600 #D97706 Mapped to closest
Transaction Card > Status Pill Listing Closed - text Text color #7B7A7A real-grey-500 #767676 Mapped to closest
Transaction Card > Status Pill Trade Record Sheet Confirmed - text Text color #4967FD real-blue-500 #4967FD 100% Match All - Active; Sale - Active; Referrals - Active
Transaction Card > Status Pill Trade Record Sheet Confirmed - icon Icon color #4967FD real-blue-500 #4967FD 100% Match All - Active; Sale - Active; Referrals - Active
Transaction Card > Transaction Code Code pill background Background color #F6F8FC real-grey-50 #F6F5F5 Mapped to closest
Transaction Card > Transaction Code Code pill border Border color #F2F2F4 real-grey-50 #F6F5F5 Mapped to closest
Transaction Card > Transaction Code Code text Text color #1D1D1D real-black #1D1D1D 100% Match
Transaction Card > Transaction Code Copy icon Icon color #1D1D1D real-black #1D1D1D 100% Match
Transaction Card > Countdown Badge (X days Y hours) Badge border Border color #E4E4E7 real-grey-100 #E7E6E6 Mapped to closest
Transaction Card > Countdown Badge (X days Y hours) Badge text Text color #000000 black #000000 100% Match
Transaction Card > Action Icons Action button background (default) Background color #F2F2F4 real-grey-50 #F6F5F5 Mapped to closest
Transaction Card > Action Icons Action button background (hover) Background color (hover) #DADADA real-grey-200 #D1D0D0 Mapped to closest
Transaction Card > Action Icons Power Audit (lightning) icon Icon color #F84C6C real-red-500 #F74D6B Mapped to closest
Transaction Card > Action Icons Requires Attention (alert triangle) icon Icon color #F84C6C real-red-500 #F74D6B Mapped to closest
Transaction Card > Action Icons Compliance Verified (check) icon Icon color #439775 real-green-500 #439775 100% Match
Transaction Card > Action Icons Confirmed Commission Deposit ($) icon Icon color #439775 real-green-500 #439775 100% Match
Transaction Card > Expanded Card Fields Address text Text color #1D1D1D real-black #1D1D1D 100% Match
Transaction Card > Expanded Card Fields TRANSACTION OWNER label Text color #7A8496 real-grey-400 #888888 Mapped to closest
Transaction Card > Expanded Card Fields TRANSACTION OWNER & TEAM label Text color #7A8496 real-grey-400 #888888 Mapped to closest
Transaction Card > Expanded Card Fields Transaction Owner value Text color #1D1D1D real-black #1D1D1D 100% Match
Transaction Card > Expanded Card Fields REPRESENTING label Text color #7A8496 real-grey-400 #888888 Mapped to closest
Transaction Card > Expanded Card Fields Representing value (Buy Side / Listing Side) Text color #1D1D1D real-black #1D1D1D 100% Match
Transaction Card > Expanded Card Fields CLOSING DATE label Text color #7A8496 real-grey-400 #888888 Mapped to closest
Transaction Card > Expanded Card Fields Closing Date value Text color #1D1D1D real-black #1D1D1D 100% Match
Transaction Card > Expanded Card Fields SALE PRICE label Text color #7A8496 real-grey-400 #888888 Mapped to closest
Transaction Card > Expanded Card Fields Sale Price value Text color #1D1D1D real-black #1D1D1D 100% Match
Transaction Card > Expanded Card Fields BUYER label Text color #7A8496 real-grey-400 #888888 Mapped to closest
Transaction Card > Expanded Card Fields Buyer name value Text color #1D1D1D real-black #1D1D1D 100% Match
Transaction Card > Expanded Card Fields SELLER label Text color #7A8496 real-grey-400 #888888 Mapped to closest
Transaction Card > Expanded Card Fields Seller name value Text color #1D1D1D real-black #1D1D1D 100% Match
Transaction Card > Expanded Card Fields MONIES label Text color #7A8496 real-grey-400 #888888 Mapped to closest
Transaction Card > Expanded Card Fields Gross Comm value (e.g. $10,700.01) Text color #1D1D1D real-black #1D1D1D 100% Match
Transaction Card > Expanded Card Fields SYSTEM CLOSING DATE label Text color #7A8496 real-grey-400 #888888 Mapped to closest
Transaction Card > Expanded Card Fields System Closing Date value Text color #1D1D1D real-black #1D1D1D 100% Match
Transaction Card > Expanded Card Fields INVOICE label Text color #7A8496 real-grey-400 #888888 Mapped to closest
Transaction Card > Expanded Card Fields Invoice value (e.g. INV-aJgthQf) Text color #1D1D1D real-black #1D1D1D 100% Match
Transaction Card > Expanded Card Fields AGENTS label Text color #7A8496 real-grey-400 #888888 Mapped to closest
Transaction Card > Expanded Card Fields FIRM DATE label Text color #7A8496 real-grey-400 #888888 Mapped to closest
Transaction Card > Expanded Card Fields Firm Date value Text color #1D1D1D real-black #1D1D1D 100% Match
Transaction Card > Property Type Pill Residential pill background Background color #F6F5F5 real-grey-50 #F6F5F5 100% Match All tabs
Transaction Card > Property Type Pill Residential pill text Text color #454545 real-grey-800 #454545 100% Match All tabs
Transaction Card > Property Type Pill Residential pill border Border color #E7E6E6 real-grey-100 #E7E6E6 100% Match All tabs
Transaction Card > Property Type Pill Commercial pill background Background color #EDF4FF real-blue-50 #EDF4FF 100% Match Most tabs (excluding Sale-Terminated, Lease-Terminated, Referrals tabs)
Transaction Card > Property Type Pill Commercial pill text Text color #2632AD real-blue-800 #2632AD 100% Match Most tabs (excluding Sale-Terminated, Lease-Terminated, Referrals tabs)
Transaction Card > Property Type Pill Commercial pill border Border color #DDEBFF real-blue-100 #DDEBFF 100% Match Most tabs (excluding Sale-Terminated, Lease-Terminated, Referrals tabs)
Transaction Card > Property Type Pill Condo pill background Background color #FFFBEB amber-50 #FFFBEB 100% Match Sale-Active, Lease-Active
Transaction Card > Property Type Pill Condo pill text Text color #92400E amber-800 #92400E 100% Match Sale-Active, Lease-Active
Transaction Card > Property Type Pill Condo pill border Border color #FEF3C7 amber-100 #FEF3C7 100% Match Sale-Active, Lease-Active
Transaction Card > Property Type Pill Mobile Home pill background Background color #F1F8F4 real-green-50 #F1F8F4 100% Match Lease-Closed
Transaction Card > Property Type Pill Mobile Home pill text Text color #1E4738 real-green-800 #1E4738 100% Match Lease-Closed
Transaction Card > Property Type Pill Mobile Home pill border Border color #DCEFE4 real-green-100 #DCEFE4 100% Match Lease-Closed
Transaction Card > Avatars Purple avatar background Background color #321268 real-blue-950 #171C4F Mapped to closest
Transaction Card > Avatars Purple avatar text Text color #FFFFFF white #FFFFFF 100% Match
Transaction Card > Avatars Teal/seaglass avatar background Background color #BFDDDB real-seaglass-200 #BFDDDB 100% Match
Transaction Card > Avatars Teal/seaglass avatar text Text color #050E3D real-blue-950 #171C4F Mapped to closest
Transaction Card > Avatars Avatar overflow (+N) background Background color #DADADA real-grey-200 #D1D0D0 Mapped to closest
Transaction Card > Notification Badge Notification badge background Background color #F84C6C real-red-500 #F74D6B Mapped to closest
Transaction Card > Notification Badge Notification badge text Text color #FFFFFF white #FFFFFF 100% Match
Pagination Sticky bar background Background color #F6F8FC real-grey-50 #F6F5F5 Mapped to closest
Pagination View label text Text color #1D1D1D real-black #1D1D1D 100% Match
Pagination Row count text (of N transactions) Text color #7B7A7A real-grey-500 #767676 Mapped to closest
Pagination Page size select background Background color #FFFFFF white #FFFFFF 100% Match
Pagination Page size select border Border color #EEEEEE real-grey-100 #E7E6E6 Mapped to closest
Pagination Chevron icon Icon color #D2D5DB real-grey-200 #D1D0D0 Mapped to closest
Pagination Page button text Text color #444444 real-grey-800 #454545 Mapped to closest
Pagination Active page button background Background color #EDEFF3 real-grey-100 #E7E6E6 Mapped to closest
Filters Modal Panel background Background color #FFFFFF white #FFFFFF 100% Match
Filters Modal Panel ring (around shadow) Border color #E4E4E7 real-grey-100 #E7E6E6 Mapped to closest
Filters Modal Clear button background Background color #FFFFFF white #FFFFFF 100% Match
Filters Modal Clear button text Text color #1D1D1D real-black #1D1D1D 100% Match
Filters Modal Clear button border Border color #1D1D1D real-black #1D1D1D 100% Match
Filters Modal Filters heading text Text color #52525B real-grey-700 #4F4F4F Mapped to closest
Filters Modal Apply button background Background color #4967FD real-blue-500 #4967FD 100% Match
Filters Modal Apply button text Text color #FFFFFF white #FFFFFF 100% Match
Filters Modal Filter row divider Border color #E4E4E7 real-grey-100 #E7E6E6 Mapped to closest
Filters Modal Checkbox unchecked background Background color #FFFFFF white #FFFFFF 100% Match
Filters Modal Checkbox checked background Background color #3B82F6 real-blue-500 #4967FD Mapped to closest
Filters Modal Checkbox ring Border color #E4E4E7 real-grey-100 #E7E6E6 Mapped to closest
Sort Dropdown Panel background Background color #FFFFFF white #FFFFFF 100% Match
Sort Dropdown Panel border Border color #BFC3CA real-grey-200 #D1D0D0 Mapped to closest
Sort Dropdown Header bottom border Border color #DADADA real-grey-200 #D1D0D0 Mapped to closest
Sort Dropdown SORT BY label Text color #7B7A7A real-grey-500 #767676 Mapped to closest
Sort Dropdown Selected option check icon Icon color #4967FD real-blue-500 #4967FD 100% Match
Road to Success Popover (hover on ROAD TO SUCCESS) Popover background Background color #FFFFFF white #FFFFFF 100% Match
Road to Success Popover (hover on ROAD TO SUCCESS) Popover border Border color #D4D4D8 real-grey-200 #D1D0D0 Mapped to closest
Road to Success Popover (hover on ROAD TO SUCCESS) Heading text Text color #3E3F3C real-grey-900 #3D3C3C Mapped to closest
Road to Success Popover (hover on ROAD TO SUCCESS) Close (X) button background Background color #B2BDC6 real-grey-300 #B0B0B0 Mapped to closest
Road to Success Popover (hover on ROAD TO SUCCESS) Close (X) button icon Icon color #FFFFFF white #FFFFFF 100% Match
Road to Success Popover (hover on ROAD TO SUCCESS) Vertical timeline connector Background color #D4D4D8 real-grey-200 #D1D0D0 Mapped to closest
Road to Success Popover (hover on ROAD TO SUCCESS) Step circle background (completed) Background color #E4E4E7 real-grey-100 #E7E6E6 Mapped to closest
Road to Success Popover (hover on ROAD TO SUCCESS) Step checkmark icon Icon color #20B575 real-green-500 #439775 Mapped to closest
Road to Success Popover (hover on ROAD TO SUCCESS) Date/timestamp text Text color #71717A real-grey-500 #767676 Mapped to closest
Road to Success Popover (hover on ROAD TO SUCCESS) Subtitle text (Marked as completed by ...) Text color #71717A real-grey-500 #767676 Mapped to closest
Road to Success Popover (hover on ROAD TO SUCCESS) Toggle switch (ON state) Background color #05C3F9 — Not in DS
Road to Success Popover (hover on ROAD TO SUCCESS) Toggle switch (OFF state) Background color #E4E4E7 real-grey-100 #E7E6E6 Mapped to closest
Road to Success Popover (hover on ROAD TO SUCCESS) Toggle switch thumb Background color #FFFFFF white #FFFFFF 100% Match
Checklist Popover (hover on CHECKLIST) Popover background Background color #FFFFFF white #FFFFFF 100% Match
Checklist Popover (hover on CHECKLIST) Popover border Border color #D4D4D8 real-grey-200 #D1D0D0 Mapped to closest
Checklist Popover (hover on CHECKLIST) Heading text Text color #3E3F3C real-grey-900 #3D3C3C Mapped to closest
Checklist Popover (hover on CHECKLIST) Close (X) button background Background color #B2BDC6 real-grey-300 #B0B0B0 Mapped to closest
Checklist Popover (hover on CHECKLIST) Item row divider Border color #E4E4E7 real-grey-100 #E7E6E6 Mapped to closest
Checklist Popover (hover on CHECKLIST) Required label text Text color #FF617F real-red-400 #FF6E85 Mapped to closest
Checklist Popover (hover on CHECKLIST) Optional label text Text color #3E3F3C real-grey-900 #3D3C3C Mapped to closest
Checklist Popover (hover on CHECKLIST) Due date text Text color #A1A1AA real-grey-300 #B0B0B0 Mapped to closest
Checklist Popover (hover on CHECKLIST) Revision Requested badge background Background color #FEF2F5 real-red-50 #FFF2F2 Mapped to closest
Checklist Popover (hover on CHECKLIST) Revision Requested badge text Text color #F84C6C real-red-500 #F74D6B Mapped to closest
Checklist Popover (hover on CHECKLIST) Revision Requested badge icon Icon color #F84C6C real-red-500 #F74D6B Mapped to closest
Checklist Popover (hover on CHECKLIST) Accepted badge background Background color #E9F8F1 real-green-50 #F1F8F4 Mapped to closest
Checklist Popover (hover on CHECKLIST) Accepted badge text Text color #439775 real-green-500 #439775 100% Match
Checklist Popover (hover on CHECKLIST) Accepted badge icon Icon color #439775 real-green-500 #439775 100% Match
Requires Attention Popover (hover on alert icon) Popover background Background color #FFFFFF white #FFFFFF 100% Match
Requires Attention Popover (hover on alert icon) Header bottom border Border color #EEEEEE real-grey-100 #E7E6E6 Mapped to closest
Requires Attention Popover (hover on alert icon) Alert icon Icon color #F84C6C real-red-500 #F74D6B Mapped to closest
Requires Attention Popover (hover on alert icon) Heading text Text color #1D1D1D real-black #1D1D1D 100% Match
Requires Attention Popover (hover on alert icon) Body text Text color #1D1D1D real-black #1D1D1D 100% Match
Compliance Verified Tooltip (hover on green check) Tooltip background Background color #FFFFFF white #FFFFFF 100% Match
Compliance Verified Tooltip (hover on green check) Tooltip border Border color #1D1D1D real-black #1D1D1D 100% Match
Compliance Verified Tooltip (hover on green check) Tooltip text Text color #000000 black #000000 100% Match
Power Audit Tooltip (hover on lightning icon) Tooltip background Background color #FFFFFF white #FFFFFF 100% Match
Power Audit Tooltip (hover on lightning icon) Tooltip border Border color #1D1D1D real-black #1D1D1D 100% Match
Power Audit Tooltip (hover on lightning icon) Tooltip text Text color #1D1D1D real-black #1D1D1D 100% Match
Hover States (generic) Generic button hover bg (variant A) Background color (hover) #F8F8F8 real-grey-50 #F6F5F5 Mapped to closest
Hover States (generic) Pagination button hover bg Background color (hover) #F6F8FC real-grey-50 #F6F5F5 Mapped to closest