A fork of the Materia GTK theme.

Important information: Google announced that, from September 2026, Android devices will require ALL apps to be signed by Google, effectively leading to an iOS situation. Value your right to a computer that does what you want; do not tolerate this monopolistic practice! Contact me if you don't understand why it is bad. Click to learn more.

Chrome: Add support for dark scrollbars

by roundabout, Friday, 10 March 2017, 10:01:15 (1489140075), pushed by roundabout, Sunday, 11 May 2025, 13:22:06 (1746969726)

Author identity: nana-4 <hnmaigo@gmail.com>

28643c7e0081fb852a16ad9c8ceb0c82afd460ca

install.sh

@@ -34,9 +34,17 @@ for color in '' '-dark' '-light' ; do

                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            		install -d ${themedir}/chrome
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            		cd ${srcdir}/chrome
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            		cp -ur \
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        			"Flat-Plat Scrollbars.crx" \
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            			"Flat-Plat${color} Theme.crx" \
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            			${themedir}/chrome
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        		if [ "$color" != '-dark' ] ; then
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        			cp -ur \
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        				"Flat-Plat Scrollbars.crx" \
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        				${themedir}/chrome
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        		else
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        			cp -ur \
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        				"Flat-Plat${color} Scrollbars.crx" \
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        				${themedir}/chrome
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        		fi
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            		# Install GNOME Shell Theme
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            		install -d ${themedir}/gnome-shell
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                            
                                

src/chrome/Flat-Plat-dark Scrollbars.crx

src/chrome/Flat-Plat-dark Scrollbars/icons/128.png

src/chrome/Flat-Plat-dark Scrollbars/icons/128.svg

@@ -1,7 +1,7 @@

                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            <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 width="64" height="64" fill="#546E7A"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          <path d="m46.5 0.5v63m-46-17h63m-63-46h63v63h-63z" fill="none" stroke="#000000" stroke-opacity="0.2"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          <g fill="#FFFFFF" fill-opacity="0.6">
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                                <rect x="51" y="5" width="8" height="32" rx="4"/>
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                                <rect x="5" y="51" width="32" height="8" ry="4"/>
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                              </g>
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                            
                                

src/chrome/Flat-Plat-dark Scrollbars/icons/16.png

src/chrome/Flat-Plat-dark Scrollbars/icons/16.svg

@@ -1,7 +1,7 @@

                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            <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 width="16" height="16" fill="#546E7A"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          <path d="m10.5 0.5v15m-10-5h15m-15-10h15v15h-15z" fill="none" stroke="#000000" stroke-opacity="0.2"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          <g fill="#FFFFFF" fill-opacity="0.6">
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                                <rect x="12" y="2" width="2" height="7" rx="1"/>
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                                <rect x="2" y="12" width="7" height="2" ry="1"/>
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                              </g>
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                            
                                

src/chrome/Flat-Plat-dark Scrollbars/icons/48.png

src/chrome/Flat-Plat-dark Scrollbars/icons/48.svg

@@ -1,7 +1,7 @@

                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            <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 width="48" height="48" fill="#546E7A"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          <path d="m30.5 0.5v47m-30-17h47m-47-30h47v47h-47z" fill="none" stroke="#000000" stroke-opacity="0.2"/>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          <g fill="#FFFFFF" fill-opacity="0.6">
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                                <rect x="35" y="5" width="8" height="21" rx="4"/>
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                                <rect x="5" y="35" width="21" height="8" ry="4"/>
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                              </g>
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                            
                                

src/chrome/Flat-Plat-dark Scrollbars/manifest.json

@@ -1,6 +1,6 @@

                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            {
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                              "manifest_version": 2,
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          "name": "Flat-Plat Scrollbars",
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          "name": "Flat-Plat-dark Scrollbars",
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                              "version": "3",
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                              "description": "Semi-transparent scrollbars based on Adwaita Scrollbars",
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                              "icons": {
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                            
                                

src/chrome/Flat-Plat-dark Scrollbars/scrollbars.css

@@ -2,9 +2,9 @@

                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            ::-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;

                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          border: 0 solid rgba(0, 0, 0, 0.2);

                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          background-color: rgba(84, 110, 122, 0.9);

                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          background-clip: border-box;

                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            }

                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            

                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            ::-webkit-scrollbar:horizontal,

                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        

@@ -22,7 +22,7 @@

                                
                                
                                
                            
                                
                                    
                                        
                                            
                                              height: 32px;

                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                              border: 4px solid transparent;

                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                              border-radius: 8px;

                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          background-color: rgba(0, 0, 0, 0.48);

                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          background-color: rgba(255, 255, 255, 0.6);

                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                              background-clip: padding-box;

                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            }

                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            

                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        

@@ -39,13 +39,13 @@

                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            }

                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            

                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            ::-webkit-scrollbar-thumb:hover {

                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          background-color: rgba(0, 0, 0, 0.6);

                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          background-color: rgba(255, 255, 255, 0.75);

                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            }

                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            

                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            ::-webkit-scrollbar-thumb:active {

                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          background-color: rgba(0, 0, 0, 0.8);

                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          background-color: #FFFFFF;

                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            }

                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            

                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            ::-webkit-scrollbar-thumb:disabled {

                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          background-color: rgba(0, 0, 0, 0.192);

                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          background-color: rgba(255, 255, 255, 0.24);

                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            }