chrome: Rename files/directories
There are no longer files/directories with spaces in their names.
There are no longer files/directories with spaces in their names.
by roundabout, Tuesday, 16 January 2018, 15:55:32 (1516118132), pushed by roundabout, Sunday, 11 May 2025, 13:22:19 (1746969739)
Author identity: nana-4 <hnmaigo@gmail.com>
b93a4c92f9f4970bb8853cf5f78e33cbb07a61b3
cp -ur src/index${color}${size}.theme ${THEME_DIR}/index.theme
mkdir -p ${THEME_DIR}/chrome
cp -ur "src/chrome/Materia${color} Theme.crx" ${THEME_DIR}/chrome #/${name}${color} Theme.crx
cp -ur "src/chrome/Materia${ELSE_DARK} Scrollbars.crx" ${THEME_DIR}/chrome #/${name}${ELSE_DARK} Scrollbars.crx
cp -ur src/chrome/chrome-theme${color}.crx ${THEME_DIR}/chrome/chrome-theme.crx
cp -ur src/chrome/chrome-scrollbar${ELSE_DARK}.crx ${THEME_DIR}/chrome/chrome-scrollbar.crx
mkdir -p ${THEME_DIR}/gnome-shell
cp -ur src/gnome-shell/${GS_VERSION}/*.svg ${THEME_DIR}/gnome-shell
<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" opacity="0.12"/>
<g fill="#000000" opacity="0.38">
<rect x="51" y="5" width="8" height="32" rx="4"/>
<rect x="5" y="51" width="32" height="8" ry="4"/>
</g>
</svg>
<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" opacity="0.12"/>
<g fill="#000000" opacity="0.38">
<rect x="12" y="2" width="2" height="7" rx="1"/>
<rect x="2" y="12" width="7" height="2" ry="1"/>
</g>
</svg>
<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" opacity="0.12"/>
<g fill="#000000" opacity="0.38">
<rect x="35" y="5" width="8" height="21" rx="4"/>
<rect x="5" y="35" width="21" height="8" ry="4"/>
</g>
</svg>
{
"manifest_version": 2,
"name": "Materia Scrollbars",
"version": "5",
"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/*/*" ]
} ]
}
::-webkit-scrollbar,
::-webkit-scrollbar-corner {
width: 17px;
height: 17px;
border: 0 solid rgba(0, 0, 0, 0.12);
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.38);
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.54);
}
::-webkit-scrollbar-thumb:active {
background-color: rgba(0, 0, 0, 0.87);
}
::-webkit-scrollbar-thumb:disabled {
background-color: rgba(0, 0, 0, 0.26);
}
{
"manifest_version": 2,
"name": "Materia Theme",
"version": "5",
"description": "",
"theme": {
"images": {
"theme_frame": "theme_frame.png",
"theme_toolbar": "theme_toolbar.png"
},
"colors": {
"frame": [69, 90, 100],
"frame_inactive": [69, 90, 100],
"frame_incognito": [69, 90, 100],
"frame_incognito_inactive": [69, 90, 100],
"toolbar": [255, 255, 255],
"tab_text": [33, 33, 33],
"tab_background_text": [33, 33, 33],
"bookmark_text": [33, 33, 33],
"ntp_background": [255, 255, 255],
"ntp_text": [33, 33, 33],
"button_background": [0, 0, 0, 0]
},
"tints": {
"buttons": [-1, -1, -1],
"frame": [-1, -1, -1],
"frame_inactive": [-1, -1, -1],
"frame_incognito": [-1, -1, -1],
"frame_incognito_inactive": [-1, -1, -1]
},
"properties": {
"ntp_background_alignment": "bottom",
"ntp_background_repeat": "no-repeat"
}
}
}
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="200" fill="#455A64">
<rect width="20" height="200"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="200" fill="#F5F5F5">
<rect width="20" height="200"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="128" height="128">
<rect width="64" height="64" fill="#3b484e"/>
<path d="m46.5 0.5v63m-46-17h63m-63-46h63v63h-63z" fill="none" stroke="#000000" opacity="0.26"/>
<g fill="#FFFFFF" opacity="0.5">
<rect x="51" y="5" width="8" height="32" rx="4"/>
<rect x="5" y="51" width="32" height="8" ry="4"/>
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
<rect width="16" height="16" fill="#3b484e"/>
<path d="m10.5 0.5v15m-10-5h15m-15-10h15v15h-15z" fill="none" stroke="#000000" opacity="0.26"/>
<g fill="#FFFFFF" opacity="0.5">
<rect x="12" y="2" width="2" height="7" rx="1"/>
<rect x="2" y="12" width="7" height="2" ry="1"/>
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48" height="48">
<rect width="48" height="48" fill="#3b484e"/>
<path d="m30.5 0.5v47m-30-17h47m-47-30h47v47h-47z" fill="none" stroke="#000000" opacity="0.26"/>
<g fill="#FFFFFF" opacity="0.5">
<rect x="35" y="5" width="8" height="21" rx="4"/>
<rect x="5" y="35" width="21" height="8" ry="4"/>
</g>
</svg>
{
"manifest_version": 2,
"name": "Materia-dark Scrollbars",
"version": "5",
"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/*/*" ]
} ]
}
::-webkit-scrollbar,
::-webkit-scrollbar-corner {
width: 17px;
height: 17px;
border: 0 solid rgba(0, 0, 0, 0.26);
background-color: rgba(59, 72, 78, 0.9);
background-clip: border-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(255, 255, 255, 0.5);
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(255, 255, 255, 0.7);
}
::-webkit-scrollbar-thumb:active {
background-color: #FFFFFF;
}
::-webkit-scrollbar-thumb:disabled {
background-color: rgba(255, 255, 255, 0.3);
}
{
"manifest_version": 2,
"name": "Materia-dark Theme",
"version": "6",
"description": "",
"theme": {
"images": {
"theme_frame": "theme_frame.png",
"theme_toolbar": "theme_toolbar.png"
},
"colors": {
"frame": [55, 71, 79],
"frame_inactive": [55, 71, 79],
"frame_incognito": [55, 71, 79],
"frame_incognito_inactive": [55, 71, 79],
"toolbar": [59, 72, 78],
"tab_text": [255, 255, 255],
"tab_background_text": [207, 216, 220],
"bookmark_text": [255, 255, 255],
"ntp_background": [59, 72, 78],
"ntp_text": [255, 255, 255],
"button_background": [0, 0, 0, 0]
},
"tints": {
"buttons": [-1, -1, 0.9],
"frame": [-1, -1, -1],
"frame_inactive": [-1, -1, -1],
"frame_incognito": [-1, -1, -1],
"frame_incognito_inactive": [-1, -1, -1],
"background_tab": [-1, -1, 0.475]
},
"properties": {
"ntp_background_alignment": "bottom",
"ntp_background_repeat": "no-repeat"
}
}
}
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="200" fill="#37474F">
<rect width="20" height="200"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="200" fill="#414f56">
<rect width="20" height="200"/>
</svg>
{
"manifest_version": 2,
"name": "Materia-light Theme",
"version": "5",
"description": "",
"theme": {
"images": {
"theme_frame": "theme_frame.png",
"theme_toolbar": "theme_toolbar.png"
},
"colors": {
"frame": [224, 224, 224],
"frame_inactive": [224, 224, 224],
"frame_incognito": [224, 224, 224],
"frame_incognito_inactive": [224, 224, 224],
"toolbar": [255, 255, 255],
"tab_text": [33, 33, 33],
"tab_background_text": [66, 66, 66],
"bookmark_text": [33, 33, 33],
"ntp_background": [255, 255, 255],
"ntp_text": [33, 33, 33],
"button_background": [0, 0, 0, 0]
},
"tints": {
"buttons": [-1, -1, -1],
"frame": [-1, -1, -1],
"frame_inactive": [-1, -1, -1],
"frame_incognito": [-1, -1, -1],
"frame_incognito_inactive": [-1, -1, -1],
"background_tab": [-1, -1, 0.475]
},
"properties": {
"ntp_background_alignment": "bottom",
"ntp_background_repeat": "no-repeat"
}
}
}
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="200" fill="#E0E0E0">
<rect width="20" height="200"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="200" fill="#F5F5F5">
<rect width="20" height="200"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="128" height="128">
<rect width="64" height="64" fill="#3b484e"/>
<path d="m46.5 0.5v63m-46-17h63m-63-46h63v63h-63z" fill="none" stroke="#000000" opacity="0.26"/>
<g fill="#FFFFFF" opacity="0.5">
<rect x="51" y="5" width="8" height="32" rx="4"/>
<rect x="5" y="51" width="32" height="8" ry="4"/>
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
<rect width="16" height="16" fill="#3b484e"/>
<path d="m10.5 0.5v15m-10-5h15m-15-10h15v15h-15z" fill="none" stroke="#000000" opacity="0.26"/>
<g fill="#FFFFFF" opacity="0.5">
<rect x="12" y="2" width="2" height="7" rx="1"/>
<rect x="2" y="12" width="7" height="2" ry="1"/>
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48" height="48">
<rect width="48" height="48" fill="#3b484e"/>
<path d="m30.5 0.5v47m-30-17h47m-47-30h47v47h-47z" fill="none" stroke="#000000" opacity="0.26"/>
<g fill="#FFFFFF" opacity="0.5">
<rect x="35" y="5" width="8" height="21" rx="4"/>
<rect x="5" y="35" width="21" height="8" ry="4"/>
</g>
</svg>
{
"manifest_version": 2,
"name": "Materia-dark Scrollbars",
"version": "5",
"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/*/*" ]
} ]
}
::-webkit-scrollbar,
::-webkit-scrollbar-corner {
width: 17px;
height: 17px;
border: 0 solid rgba(0, 0, 0, 0.26);
background-color: rgba(59, 72, 78, 0.9);
background-clip: border-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(255, 255, 255, 0.5);
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(255, 255, 255, 0.7);
}
::-webkit-scrollbar-thumb:active {
background-color: #FFFFFF;
}
::-webkit-scrollbar-thumb:disabled {
background-color: rgba(255, 255, 255, 0.3);
}
<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" opacity="0.12"/>
<g fill="#000000" opacity="0.38">
<rect x="51" y="5" width="8" height="32" rx="4"/>
<rect x="5" y="51" width="32" height="8" ry="4"/>
</g>
</svg>
<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" opacity="0.12"/>
<g fill="#000000" opacity="0.38">
<rect x="12" y="2" width="2" height="7" rx="1"/>
<rect x="2" y="12" width="7" height="2" ry="1"/>
</g>
</svg>
<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" opacity="0.12"/>
<g fill="#000000" opacity="0.38">
<rect x="35" y="5" width="8" height="21" rx="4"/>
<rect x="5" y="35" width="21" height="8" ry="4"/>
</g>
</svg>
{
"manifest_version": 2,
"name": "Materia Scrollbars",
"version": "5",
"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/*/*" ]
} ]
}
::-webkit-scrollbar,
::-webkit-scrollbar-corner {
width: 17px;
height: 17px;
border: 0 solid rgba(0, 0, 0, 0.12);
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.38);
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.54);
}
::-webkit-scrollbar-thumb:active {
background-color: rgba(0, 0, 0, 0.87);
}
::-webkit-scrollbar-thumb:disabled {
background-color: rgba(0, 0, 0, 0.26);
}
{
"manifest_version": 2,
"name": "Materia-dark Theme",
"version": "6",
"description": "",
"theme": {
"images": {
"theme_frame": "theme_frame.png",
"theme_toolbar": "theme_toolbar.png"
},
"colors": {
"frame": [55, 71, 79],
"frame_inactive": [55, 71, 79],
"frame_incognito": [55, 71, 79],
"frame_incognito_inactive": [55, 71, 79],
"toolbar": [59, 72, 78],
"tab_text": [255, 255, 255],
"tab_background_text": [207, 216, 220],
"bookmark_text": [255, 255, 255],
"ntp_background": [59, 72, 78],
"ntp_text": [255, 255, 255],
"button_background": [0, 0, 0, 0]
},
"tints": {
"buttons": [-1, -1, 0.9],
"frame": [-1, -1, -1],
"frame_inactive": [-1, -1, -1],
"frame_incognito": [-1, -1, -1],
"frame_incognito_inactive": [-1, -1, -1],
"background_tab": [-1, -1, 0.475]
},
"properties": {
"ntp_background_alignment": "bottom",
"ntp_background_repeat": "no-repeat"
}
}
}
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="200" fill="#37474F">
<rect width="20" height="200"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="200" fill="#414f56">
<rect width="20" height="200"/>
</svg>
{
"manifest_version": 2,
"name": "Materia-light Theme",
"version": "5",
"description": "",
"theme": {
"images": {
"theme_frame": "theme_frame.png",
"theme_toolbar": "theme_toolbar.png"
},
"colors": {
"frame": [224, 224, 224],
"frame_inactive": [224, 224, 224],
"frame_incognito": [224, 224, 224],
"frame_incognito_inactive": [224, 224, 224],
"toolbar": [255, 255, 255],
"tab_text": [33, 33, 33],
"tab_background_text": [66, 66, 66],
"bookmark_text": [33, 33, 33],
"ntp_background": [255, 255, 255],
"ntp_text": [33, 33, 33],
"button_background": [0, 0, 0, 0]
},
"tints": {
"buttons": [-1, -1, -1],
"frame": [-1, -1, -1],
"frame_inactive": [-1, -1, -1],
"frame_incognito": [-1, -1, -1],
"frame_incognito_inactive": [-1, -1, -1],
"background_tab": [-1, -1, 0.475]
},
"properties": {
"ntp_background_alignment": "bottom",
"ntp_background_repeat": "no-repeat"
}
}
}
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="200" fill="#E0E0E0">
<rect width="20" height="200"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="200" fill="#F5F5F5">
<rect width="20" height="200"/>
</svg>
{
"manifest_version": 2,
"name": "Materia Theme",
"version": "5",
"description": "",
"theme": {
"images": {
"theme_frame": "theme_frame.png",
"theme_toolbar": "theme_toolbar.png"
},
"colors": {
"frame": [69, 90, 100],
"frame_inactive": [69, 90, 100],
"frame_incognito": [69, 90, 100],
"frame_incognito_inactive": [69, 90, 100],
"toolbar": [255, 255, 255],
"tab_text": [33, 33, 33],
"tab_background_text": [33, 33, 33],
"bookmark_text": [33, 33, 33],
"ntp_background": [255, 255, 255],
"ntp_text": [33, 33, 33],
"button_background": [0, 0, 0, 0]
},
"tints": {
"buttons": [-1, -1, -1],
"frame": [-1, -1, -1],
"frame_inactive": [-1, -1, -1],
"frame_incognito": [-1, -1, -1],
"frame_incognito_inactive": [-1, -1, -1]
},
"properties": {
"ntp_background_alignment": "bottom",
"ntp_background_repeat": "no-repeat"
}
}
}
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="200" fill="#455A64">
<rect width="20" height="200"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="200" fill="#F5F5F5">
<rect width="20" height="200"/>
</svg>