tor-browser

The Tor Browser
git clone https://git.dasho.dev/tor-browser.git
Log | Files | Refs | README | LICENSE

custom-scrollbar.html (951B)

      1 <!DOCTYPE html>
      2 <html class="reftest-wait">
      3 <title>View Transitions: custom scrollbar</title>
      4 <link rel="help" href="https://drafts.csswg.org/css-view-transitions-2/">
      5 <link rel="author" href="mailto:bokan@chromium.org">
      6 <link rel="match" href="custom-scrollbar-ref.html">
      7 <script src="/common/reftest-wait.js"></script>
      8 <style>
      9 @view-transition {
     10  navigation: auto;
     11 }
     12 
     13 html {
     14  background: blue;
     15  overflow: scroll;
     16 }
     17 
     18 @layer {
     19    ::-webkit-scrollbar {
     20        background-color: hsl(0, 100%, 10%);
     21        color: hsl(0, 100%, 90%);
     22    }
     23    ::-webkit-scrollbar-thumb {
     24        background-color: hsl(0, 100%, 50%);
     25    }
     26    ::-webkit-scrollbar-corner {
     27        background-color: hsl(0, 100%, 0%);
     28    }
     29 }
     30 </style>
     31 <script>
     32 function runTest() {
     33  const url = "resources/custom-scrollbar.html";
     34  window.location.replace(new URL(url, window.location));
     35 }
     36 onload = () => requestAnimationFrame(() => requestAnimationFrame(runTest));
     37 </script>
     38 </html>