<?xml version="1.0" encoding="UTF-8" standalone="yes" ?>
<!DOCTYPE bugzilla SYSTEM "https://bugs.webkit.org/page.cgi?id=bugzilla.dtd">

<bugzilla version="5.0.4.1"
          urlbase="https://bugs.webkit.org/"
          
          maintainer="admin@webkit.org"
>

    <bug>
          <bug_id>231590</bug_id>
          
          <creation_ts>2021-10-12 10:21:16 -0700</creation_ts>
          <short_desc>[css-scrollbars-1] Implement &quot;scrollbar-color&quot; CSS property</short_desc>
          <delta_ts>2025-09-17 14:58:44 -0700</delta_ts>
          <reporter_accessible>1</reporter_accessible>
          <cclist_accessible>1</cclist_accessible>
          <classification_id>1</classification_id>
          <classification>Unclassified</classification>
          <product>WebKit</product>
          <component>CSS</component>
          <version>Safari 15</version>
          <rep_platform>Unspecified</rep_platform>
          <op_sys>Unspecified</op_sys>
          <bug_status>RESOLVED</bug_status>
          <resolution>FIXED</resolution>
          
          <see_also>https://bugs.webkit.org/show_bug.cgi?id=258286</see_also>
    
    <see_also>https://bugs.webkit.org/show_bug.cgi?id=258457</see_also>
    
    <see_also>https://bugs.webkit.org/show_bug.cgi?id=258458</see_also>
    
    <see_also>https://bugs.webkit.org/show_bug.cgi?id=258462</see_also>
    
    <see_also>https://bugs.webkit.org/show_bug.cgi?id=258463</see_also>
          <bug_file_loc></bug_file_loc>
          <status_whiteboard></status_whiteboard>
          <keywords>InRadar</keywords>
          <priority>P2</priority>
          <bug_severity>Normal</bug_severity>
          <target_milestone>---</target_milestone>
          <dependson>257570</dependson>
    
    <dependson>257571</dependson>
    
    <dependson>257597</dependson>
    
    <dependson>257617</dependson>
    
    <dependson>257788</dependson>
    
    <dependson>258461</dependson>
    
    <dependson>258773</dependson>
    
    <dependson>259484</dependson>
    
    <dependson>260141</dependson>
    
    <dependson>297166</dependson>
          <blocked>297896</blocked>
          <everconfirmed>1</everconfirmed>
          <reporter name="Luke Warlow">lwarlow</reporter>
          <assigned_to name="Nobody">webkit-unassigned</assigned_to>
          <cc>50167214</cc>
    
    <cc>benoit.rouleau</cc>
    
    <cc>bfulgham</cc>
    
    <cc>bramus</cc>
    
    <cc>dino</cc>
    
    <cc>dramaretskiy</cc>
    
    <cc>kevin_neal</cc>
    
    <cc>koivisto</cc>
    
    <cc>nileanedorffer</cc>
    
    <cc>nmouchtaris</cc>
    
    <cc>r_a_m_i</cc>
    
    <cc>sebastianzartner</cc>
    
    <cc>simon.fraser</cc>
    
    <cc>vertigoback</cc>
    
    <cc>webkit-bug-importer</cc>
    
    <cc>woodlxf00</cc>
          

      

      

      

          <comment_sort_order>oldest_to_newest</comment_sort_order>  
          <long_desc isprivate="0" >
    <commentid>1803202</commentid>
    <comment_count>0</comment_count>
    <who name="Luke Warlow">lwarlow</who>
    <bug_when>2021-10-12 10:21:16 -0700</bug_when>
    <thetext>https://drafts.csswg.org/css-scrollbars-1/#scrollbar-color

WebKit should implement the &quot;scrollbar-color&quot; property.

This is a standard alternative to using the various &quot;::-webkit-scrollbar&quot; Pseudo elements and their background-color properties.</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>1806058</commentid>
    <comment_count>1</comment_count>
    <who name="Kevin Neal">kevin_neal</who>
    <bug_when>2021-10-19 09:26:03 -0700</bug_when>
    <thetext>Thank you for filing the new feature request. The appropriate engineers have been notified.</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>1806059</commentid>
    <comment_count>2</comment_count>
    <who name="Radar WebKit Bug Importer">webkit-bug-importer</who>
    <bug_when>2021-10-19 09:26:16 -0700</bug_when>
    <thetext>&lt;rdar://problem/84418022&gt;</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>2005216</commentid>
    <comment_count>3</comment_count>
    <who name="Luke Warlow">lwarlow</who>
    <bug_when>2024-01-16 02:49:38 -0800</bug_when>
    <thetext>For anyone following this issue there&apos;s currently a limitation with the platform APIs that blocks this property being implemented on macOS and iOS.</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>2131854</commentid>
    <comment_count>4</comment_count>
    <who name="Rami Yushuvaev">r_a_m_i</who>
    <bug_when>2025-07-22 10:42:37 -0700</bug_when>
    <thetext>Luke, what is the limitation?</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>2131886</commentid>
    <comment_count>5</comment_count>
    <who name="Luke Warlow">lwarlow</who>
    <bug_when>2025-07-22 12:59:08 -0700</bug_when>
    <thetext>You&apos;re unable to use custom colours for painting the track and thumb. You&apos;d have to implement them by painting it manually yourself (what Firefox and chromium do) but the current WebKit code uses a private API for scrollbars and it probably isn&apos;t desirable to replace that.</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>2138527</commentid>
    <comment_count>6</comment_count>
    <who name="yisibl">50167214</who>
    <bug_when>2025-08-24 10:38:20 -0700</bug_when>
    <thetext>https://github.com/WebKit/WebKit/pull/49248
https://github.com/WebKit/WebKit/pull/49176
https://github.com/WebKit/WebKit/pull/49478</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>2138633</commentid>
    <comment_count>7</comment_count>
    <who name="Nikos Mouchtaris">nmouchtaris</who>
    <bug_when>2025-08-25 11:14:22 -0700</bug_when>
    <thetext>This is implemented on Mac and iOS now.</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>2143747</commentid>
    <comment_count>8</comment_count>
    <who name="Benoît Rouleau">benoit.rouleau</who>
    <bug_when>2025-09-17 14:58:44 -0700</bug_when>
    <thetext>Looks like the thumb can be colored now (in Safari TP 228), but not the track. See https://developer.mozilla.org/en-US/docs/Web/CSS/scrollbar-color#coloring_overflow_scrollbars</thetext>
  </long_desc>
      
      

    </bug>

</bugzilla>