by roundabout, Thursday, 9 March 2017, 17:23:38 (1489080218), pushed by roundabout, Sunday, 11 May 2025, 13:22:06 (1746969726)
Author identity: nana-4 <hnmaigo@gmail.com>
d07639d8d6facc8ba5aed2bdf3f628f26f10dc69
src/chrome/Flat-Plat-dark Scrollbars/icons/128.png
src/chrome/Flat-Plat-dark Scrollbars/icons/128.svg
@@ -0,0 +1,8 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="128" height="128">
<rect width="64" height="64" fill="#FFFFFF"/>
<path d="m46.5 0.5v63m-46-17h63m-63-46h63v63h-63z" fill="none" stroke="#000000" stroke-opacity="0.1"/>
<g fill="#000000" fill-opacity="0.48">
<rect x="51" y="5" width="8" height="32" rx="4"/>
<rect x="5" y="51" width="32" height="8" ry="4"/>
</g>
</svg>
src/chrome/Flat-Plat-dark Scrollbars/icons/16.png
src/chrome/Flat-Plat-dark Scrollbars/icons/16.svg
@@ -0,0 +1,8 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
<rect width="16" height="16" fill="#FFFFFF"/>
<path d="m10.5 0.5v15m-10-5h15m-15-10h15v15h-15z" fill="none" stroke="#000000" stroke-opacity="0.1"/>
<g fill="#000000" fill-opacity="0.48">
<rect x="12" y="2" width="2" height="7" rx="1"/>
<rect x="2" y="12" width="7" height="2" ry="1"/>
</g>
</svg>
src/chrome/Flat-Plat-dark Scrollbars/icons/48.png
src/chrome/Flat-Plat-dark Scrollbars/icons/48.svg
@@ -0,0 +1,8 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48" height="48">
<rect width="48" height="48" fill="#FFFFFF"/>
<path d="m30.5 0.5v47m-30-17h47m-47-30h47v47h-47z" fill="none" stroke="#000000" stroke-opacity="0.1"/>
<g fill="#000000" fill-opacity="0.48">
<rect x="35" y="5" width="8" height="21" rx="4"/>
<rect x="5" y="35" width="21" height="8" ry="4"/>
</g>
</svg>
src/chrome/Flat-Plat-dark Scrollbars/manifest.json
@@ -0,0 +1,16 @@
{
"manifest_version": 2,
"name": "Flat-Plat Scrollbars",
"version": "3",
"description": "Semi-transparent scrollbars based on Adwaita Scrollbars",
"icons": {
"16": "icons/16.png",
"48": "icons/48.png",
"128": "icons/128.png"
},
"content_scripts": [ {
"css": [ "scrollbars.css" ],
"matches": [ "<all_urls>" ],
"exclude_matches": [ "*://*.google.com/*/*" ]
} ]
}
src/chrome/Flat-Plat-dark Scrollbars/scrollbars.css
@@ -0,0 +1,51 @@
::-webkit-scrollbar,
::-webkit-scrollbar-corner {
width: 17px;
height: 17px;
border: 0 solid rgba(0, 0, 0, 0.1);
background-color: rgba(255, 255, 255, 0.9);
background-clip: padding-box;
}
::-webkit-scrollbar:horizontal,
::-webkit-scrollbar-corner {
border-top-width: 1px;
}
::-webkit-scrollbar:vertical,
::-webkit-scrollbar-corner {
border-left-width: 1px;
}
::-webkit-scrollbar-thumb {
width: 32px;
height: 32px;
border: 4px solid transparent;
border-radius: 8px;
background-color: rgba(0, 0, 0, 0.48);
background-clip: padding-box;
}
::-webkit-scrollbar-thumb:horizontal {
border-top-width: 5px;
border-top-left-radius: 8px 9px;
border-top-right-radius: 8px 9px;
}
::-webkit-scrollbar-thumb:vertical {
border-left-width: 5px;
border-top-left-radius: 9px 8px;
border-bottom-left-radius: 9px 8px;
}
::-webkit-scrollbar-thumb:hover {
background-color: rgba(0, 0, 0, 0.6);
}
::-webkit-scrollbar-thumb:active {
background-color: rgba(0, 0, 0, 0.8);
}
::-webkit-scrollbar-thumb:disabled {
background-color: rgba(0, 0, 0, 0.192);
}