gtk: Move symbolic icons from assets/scalable/ to icons/
So we can easily distinguish between symbolic icons and PNG assets.
So we can easily distinguish between symbolic icons and PNG assets.
by roundabout, Sunday, 29 March 2020, 07:17:44 (1585466264), pushed by roundabout, Sunday, 11 May 2025, 13:22:51 (1746969771)
Author identity: nana-4 <hnmaigo@gmail.com>
e32fd2abae0753bedd772c3e64f249bf0b5ac41c
cp -r "$SRC_DIR/gtk-2.0/gtkrc$color" "$THEME_DIR/gtk-2.0/gtkrc"
cp -r "$SRC_DIR/gtk/assets" "$THEME_DIR/gtk-assets"
cp -r "$SRC_DIR/gtk/icons" "$THEME_DIR/gtk-icons"
for version in "${GTK_VERSIONS[@]}"; do
mkdir -p "$THEME_DIR/gtk-$version"
ln -s ../gtk-assets "$THEME_DIR/gtk-$version/assets"
ln -s ../gtk-icons "$THEME_DIR/gtk-$version/icons"
cp -r "$SRC_DIR/gtk/$version/gtk$color$size.css" "$THEME_DIR/gtk-$version/gtk.css"
[[ "$color" != '-dark' ]] && \
cp -r "$SRC_DIR/gtk/$version/gtk-dark$size.css" "$THEME_DIR/gtk-$version/gtk-dark.css"
check {
-gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-unchecked-symbolic.svg"));
-gtk-icon-source: -gtk-recolor(url("icons/checkbox-unchecked-symbolic.svg"));
}
check:checked {
-gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.svg"));
-gtk-icon-source: -gtk-recolor(url("icons/checkbox-checked-symbolic.svg"));
}
check:indeterminate {
-gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic.svg"));
-gtk-icon-source: -gtk-recolor(url("icons/checkbox-mixed-symbolic.svg"));
}
radio {
-gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-unchecked-symbolic.svg"));
-gtk-icon-source: -gtk-recolor(url("icons/radio-unchecked-symbolic.svg"));
border-image-slice: 20;
border-image-width: 20px;
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#1a73e8), to(transparent));
radio:indeterminate {
-gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-mixed-symbolic.svg"));
-gtk-icon-source: -gtk-recolor(url("icons/radio-mixed-symbolic.svg"));
}
min-height: 16px;
min-width: 16px;
border-radius: 4px;
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-unchecked-symbolic.svg"));
-gtk-icon-source: -gtk-recolor(url("icons/small-checkbox-unchecked-symbolic.svg"));
}
#MozillaGtkWidget > widget > checkbutton > check:checked,
menu menuitem check:checked {
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-checked-symbolic.svg"));
-gtk-icon-source: -gtk-recolor(url("icons/small-checkbox-checked-symbolic.svg"));
}
#MozillaGtkWidget > widget > checkbutton > check:indeterminate,
menu menuitem check:indeterminate {
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-mixed-symbolic.svg"));
-gtk-icon-source: -gtk-recolor(url("icons/small-checkbox-mixed-symbolic.svg"));
}
#MozillaGtkWidget > widget > radiobutton > radio,
min-height: 16px;
min-width: 16px;
border-image: none;
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-unchecked-symbolic.svg"));
-gtk-icon-source: -gtk-recolor(url("icons/small-radio-unchecked-symbolic.svg"));
}
#MozillaGtkWidget > widget > radiobutton > radio:checked,
menu menuitem radio:checked {
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-checked-symbolic.svg"));
-gtk-icon-source: -gtk-recolor(url("icons/small-radio-checked-symbolic.svg"));
}
#MozillaGtkWidget > widget > radiobutton > radio:indeterminate,
menu menuitem radio:indeterminate {
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-mixed-symbolic.svg"));
-gtk-icon-source: -gtk-recolor(url("icons/small-radio-mixed-symbolic.svg"));
}
treeview.view check,
}
treeview.view radio:checked {
-gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-checked-symbolic.svg"));
-gtk-icon-source: -gtk-recolor(url("icons/radio-checked-symbolic.svg"));
border-image: none;
}
**********************/
cursor-handle {
color: #1a73e8;
-gtk-icon-source: -gtk-recolor(url("assets/scalable/cursor-handle-symbolic.svg"));
-gtk-icon-source: -gtk-recolor(url("icons/cursor-handle-symbolic.svg"));
}
cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) {
check {
-gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-unchecked-symbolic.svg"));
-gtk-icon-source: -gtk-recolor(url("icons/checkbox-unchecked-symbolic.svg"));
}
check:checked {
-gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.svg"));
-gtk-icon-source: -gtk-recolor(url("icons/checkbox-checked-symbolic.svg"));
}
check:indeterminate {
-gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic.svg"));
-gtk-icon-source: -gtk-recolor(url("icons/checkbox-mixed-symbolic.svg"));
}
radio {
-gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-unchecked-symbolic.svg"));
-gtk-icon-source: -gtk-recolor(url("icons/radio-unchecked-symbolic.svg"));
border-image-slice: 20;
border-image-width: 20px;
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#8ab4f8), to(transparent));
radio:indeterminate {
-gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-mixed-symbolic.svg"));
-gtk-icon-source: -gtk-recolor(url("icons/radio-mixed-symbolic.svg"));
}
min-height: 16px;
min-width: 16px;
border-radius: 4px;
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-unchecked-symbolic.svg"));
-gtk-icon-source: -gtk-recolor(url("icons/small-checkbox-unchecked-symbolic.svg"));
}
#MozillaGtkWidget > widget > checkbutton > check:checked,
menu menuitem check:checked {
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-checked-symbolic.svg"));
-gtk-icon-source: -gtk-recolor(url("icons/small-checkbox-checked-symbolic.svg"));
}
#MozillaGtkWidget > widget > checkbutton > check:indeterminate,
menu menuitem check:indeterminate {
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-mixed-symbolic.svg"));
-gtk-icon-source: -gtk-recolor(url("icons/small-checkbox-mixed-symbolic.svg"));
}
#MozillaGtkWidget > widget > radiobutton > radio,
min-height: 16px;
min-width: 16px;
border-image: none;
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-unchecked-symbolic.svg"));
-gtk-icon-source: -gtk-recolor(url("icons/small-radio-unchecked-symbolic.svg"));
}
#MozillaGtkWidget > widget > radiobutton > radio:checked,
menu menuitem radio:checked {
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-checked-symbolic.svg"));
-gtk-icon-source: -gtk-recolor(url("icons/small-radio-checked-symbolic.svg"));
}
#MozillaGtkWidget > widget > radiobutton > radio:indeterminate,
menu menuitem radio:indeterminate {
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-mixed-symbolic.svg"));
-gtk-icon-source: -gtk-recolor(url("icons/small-radio-mixed-symbolic.svg"));
}
treeview.view check,
}
treeview.view radio:checked {
-gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-checked-symbolic.svg"));
-gtk-icon-source: -gtk-recolor(url("icons/radio-checked-symbolic.svg"));
border-image: none;
}
**********************/
cursor-handle {
color: #8ab4f8;
-gtk-icon-source: -gtk-recolor(url("assets/scalable/cursor-handle-symbolic.svg"));
-gtk-icon-source: -gtk-recolor(url("icons/cursor-handle-symbolic.svg"));
}
cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) {
check {
-gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-unchecked-symbolic.svg"));
-gtk-icon-source: -gtk-recolor(url("icons/checkbox-unchecked-symbolic.svg"));
}
check:checked {
-gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.svg"));
-gtk-icon-source: -gtk-recolor(url("icons/checkbox-checked-symbolic.svg"));
}
check:indeterminate {
-gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic.svg"));
-gtk-icon-source: -gtk-recolor(url("icons/checkbox-mixed-symbolic.svg"));
}
radio {
-gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-unchecked-symbolic.svg"));
-gtk-icon-source: -gtk-recolor(url("icons/radio-unchecked-symbolic.svg"));
border-image-slice: 20;
border-image-width: 20px;
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#8ab4f8), to(transparent));
radio:indeterminate {
-gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-mixed-symbolic.svg"));
-gtk-icon-source: -gtk-recolor(url("icons/radio-mixed-symbolic.svg"));
}
min-height: 16px;
min-width: 16px;
border-radius: 4px;
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-unchecked-symbolic.svg"));
-gtk-icon-source: -gtk-recolor(url("icons/small-checkbox-unchecked-symbolic.svg"));
}
#MozillaGtkWidget > widget > checkbutton > check:checked,
menu menuitem check:checked {
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-checked-symbolic.svg"));
-gtk-icon-source: -gtk-recolor(url("icons/small-checkbox-checked-symbolic.svg"));
}
#MozillaGtkWidget > widget > checkbutton > check:indeterminate,
menu menuitem check:indeterminate {
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-mixed-symbolic.svg"));
-gtk-icon-source: -gtk-recolor(url("icons/small-checkbox-mixed-symbolic.svg"));
}
#MozillaGtkWidget > widget > radiobutton > radio,
min-height: 16px;
min-width: 16px;
border-image: none;
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-unchecked-symbolic.svg"));
-gtk-icon-source: -gtk-recolor(url("icons/small-radio-unchecked-symbolic.svg"));
}
#MozillaGtkWidget > widget > radiobutton > radio:checked,
menu menuitem radio:checked {
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-checked-symbolic.svg"));
-gtk-icon-source: -gtk-recolor(url("icons/small-radio-checked-symbolic.svg"));
}
#MozillaGtkWidget > widget > radiobutton > radio:indeterminate,
menu menuitem radio:indeterminate {
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-mixed-symbolic.svg"));
-gtk-icon-source: -gtk-recolor(url("icons/small-radio-mixed-symbolic.svg"));
}
treeview.view check,
}
treeview.view radio:checked {
-gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-checked-symbolic.svg"));
-gtk-icon-source: -gtk-recolor(url("icons/radio-checked-symbolic.svg"));
border-image: none;
}
**********************/
cursor-handle {
color: #8ab4f8;
-gtk-icon-source: -gtk-recolor(url("assets/scalable/cursor-handle-symbolic.svg"));
-gtk-icon-source: -gtk-recolor(url("icons/cursor-handle-symbolic.svg"));
}
cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) {
check {
-gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-unchecked-symbolic.svg"));
-gtk-icon-source: -gtk-recolor(url("icons/checkbox-unchecked-symbolic.svg"));
}
check:checked {
-gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.svg"));
-gtk-icon-source: -gtk-recolor(url("icons/checkbox-checked-symbolic.svg"));
}
check:indeterminate {
-gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic.svg"));
-gtk-icon-source: -gtk-recolor(url("icons/checkbox-mixed-symbolic.svg"));
}
radio {
-gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-unchecked-symbolic.svg"));
-gtk-icon-source: -gtk-recolor(url("icons/radio-unchecked-symbolic.svg"));
border-image-slice: 20;
border-image-width: 20px;
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#1a73e8), to(transparent));
radio:indeterminate {
-gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-mixed-symbolic.svg"));
-gtk-icon-source: -gtk-recolor(url("icons/radio-mixed-symbolic.svg"));
}
min-height: 16px;
min-width: 16px;
border-radius: 4px;
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-unchecked-symbolic.svg"));
-gtk-icon-source: -gtk-recolor(url("icons/small-checkbox-unchecked-symbolic.svg"));
}
#MozillaGtkWidget > widget > checkbutton > check:checked,
menu menuitem check:checked {
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-checked-symbolic.svg"));
-gtk-icon-source: -gtk-recolor(url("icons/small-checkbox-checked-symbolic.svg"));
}
#MozillaGtkWidget > widget > checkbutton > check:indeterminate,
menu menuitem check:indeterminate {
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-mixed-symbolic.svg"));
-gtk-icon-source: -gtk-recolor(url("icons/small-checkbox-mixed-symbolic.svg"));
}
#MozillaGtkWidget > widget > radiobutton > radio,
min-height: 16px;
min-width: 16px;
border-image: none;
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-unchecked-symbolic.svg"));
-gtk-icon-source: -gtk-recolor(url("icons/small-radio-unchecked-symbolic.svg"));
}
#MozillaGtkWidget > widget > radiobutton > radio:checked,
menu menuitem radio:checked {
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-checked-symbolic.svg"));
-gtk-icon-source: -gtk-recolor(url("icons/small-radio-checked-symbolic.svg"));
}
#MozillaGtkWidget > widget > radiobutton > radio:indeterminate,
menu menuitem radio:indeterminate {
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-mixed-symbolic.svg"));
-gtk-icon-source: -gtk-recolor(url("icons/small-radio-mixed-symbolic.svg"));
}
treeview.view check,
}
treeview.view radio:checked {
-gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-checked-symbolic.svg"));
-gtk-icon-source: -gtk-recolor(url("icons/radio-checked-symbolic.svg"));
border-image: none;
}
**********************/
cursor-handle {
color: #1a73e8;
-gtk-icon-source: -gtk-recolor(url("assets/scalable/cursor-handle-symbolic.svg"));
-gtk-icon-source: -gtk-recolor(url("icons/cursor-handle-symbolic.svg"));
}
cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) {
check {
-gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-unchecked-symbolic.svg"));
-gtk-icon-source: -gtk-recolor(url("icons/checkbox-unchecked-symbolic.svg"));
}
check:checked {
-gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.svg"));
-gtk-icon-source: -gtk-recolor(url("icons/checkbox-checked-symbolic.svg"));
}
check:indeterminate {
-gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic.svg"));
-gtk-icon-source: -gtk-recolor(url("icons/checkbox-mixed-symbolic.svg"));
}
radio {
-gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-unchecked-symbolic.svg"));
-gtk-icon-source: -gtk-recolor(url("icons/radio-unchecked-symbolic.svg"));
border-image-slice: 20;
border-image-width: 20px;
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#1a73e8), to(transparent));
radio:indeterminate {
-gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-mixed-symbolic.svg"));
-gtk-icon-source: -gtk-recolor(url("icons/radio-mixed-symbolic.svg"));
}
min-height: 16px;
min-width: 16px;
border-radius: 4px;
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-unchecked-symbolic.svg"));
-gtk-icon-source: -gtk-recolor(url("icons/small-checkbox-unchecked-symbolic.svg"));
}
#MozillaGtkWidget > widget > checkbutton > check:checked,
menu menuitem check:checked {
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-checked-symbolic.svg"));
-gtk-icon-source: -gtk-recolor(url("icons/small-checkbox-checked-symbolic.svg"));
}
#MozillaGtkWidget > widget > checkbutton > check:indeterminate,
menu menuitem check:indeterminate {
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-mixed-symbolic.svg"));
-gtk-icon-source: -gtk-recolor(url("icons/small-checkbox-mixed-symbolic.svg"));
}
#MozillaGtkWidget > widget > radiobutton > radio,
min-height: 16px;
min-width: 16px;
border-image: none;
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-unchecked-symbolic.svg"));
-gtk-icon-source: -gtk-recolor(url("icons/small-radio-unchecked-symbolic.svg"));
}
#MozillaGtkWidget > widget > radiobutton > radio:checked,
menu menuitem radio:checked {
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-checked-symbolic.svg"));
-gtk-icon-source: -gtk-recolor(url("icons/small-radio-checked-symbolic.svg"));
}
#MozillaGtkWidget > widget > radiobutton > radio:indeterminate,
menu menuitem radio:indeterminate {
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-mixed-symbolic.svg"));
-gtk-icon-source: -gtk-recolor(url("icons/small-radio-mixed-symbolic.svg"));
}
treeview.view check,
}
treeview.view radio:checked {
-gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-checked-symbolic.svg"));
-gtk-icon-source: -gtk-recolor(url("icons/radio-checked-symbolic.svg"));
border-image: none;
}
**********************/
cursor-handle {
color: #1a73e8;
-gtk-icon-source: -gtk-recolor(url("assets/scalable/cursor-handle-symbolic.svg"));
-gtk-icon-source: -gtk-recolor(url("icons/cursor-handle-symbolic.svg"));
}
cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) {
check {
-gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-unchecked-symbolic.svg"));
-gtk-icon-source: -gtk-recolor(url("icons/checkbox-unchecked-symbolic.svg"));
}
check:checked {
-gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.svg"));
-gtk-icon-source: -gtk-recolor(url("icons/checkbox-checked-symbolic.svg"));
}
check:indeterminate {
-gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic.svg"));
-gtk-icon-source: -gtk-recolor(url("icons/checkbox-mixed-symbolic.svg"));
}
radio {
-gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-unchecked-symbolic.svg"));
-gtk-icon-source: -gtk-recolor(url("icons/radio-unchecked-symbolic.svg"));
border-image-slice: 20;
border-image-width: 20px;
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#1a73e8), to(transparent));
radio:indeterminate {
-gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-mixed-symbolic.svg"));
-gtk-icon-source: -gtk-recolor(url("icons/radio-mixed-symbolic.svg"));
}
min-height: 16px;
min-width: 16px;
border-radius: 4px;
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-unchecked-symbolic.svg"));
-gtk-icon-source: -gtk-recolor(url("icons/small-checkbox-unchecked-symbolic.svg"));
}
#MozillaGtkWidget > widget > checkbutton > check:checked,
menu menuitem check:checked {
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-checked-symbolic.svg"));
-gtk-icon-source: -gtk-recolor(url("icons/small-checkbox-checked-symbolic.svg"));
}
#MozillaGtkWidget > widget > checkbutton > check:indeterminate,
menu menuitem check:indeterminate {
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-mixed-symbolic.svg"));
-gtk-icon-source: -gtk-recolor(url("icons/small-checkbox-mixed-symbolic.svg"));
}
#MozillaGtkWidget > widget > radiobutton > radio,
min-height: 16px;
min-width: 16px;
border-image: none;
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-unchecked-symbolic.svg"));
-gtk-icon-source: -gtk-recolor(url("icons/small-radio-unchecked-symbolic.svg"));
}
#MozillaGtkWidget > widget > radiobutton > radio:checked,
menu menuitem radio:checked {
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-checked-symbolic.svg"));
-gtk-icon-source: -gtk-recolor(url("icons/small-radio-checked-symbolic.svg"));
}
#MozillaGtkWidget > widget > radiobutton > radio:indeterminate,
menu menuitem radio:indeterminate {
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-mixed-symbolic.svg"));
-gtk-icon-source: -gtk-recolor(url("icons/small-radio-mixed-symbolic.svg"));
}
treeview.view check,
}
treeview.view radio:checked {
-gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-checked-symbolic.svg"));
-gtk-icon-source: -gtk-recolor(url("icons/radio-checked-symbolic.svg"));
border-image: none;
}
**********************/
cursor-handle {
color: #1a73e8;
-gtk-icon-source: -gtk-recolor(url("assets/scalable/cursor-handle-symbolic.svg"));
-gtk-icon-source: -gtk-recolor(url("icons/cursor-handle-symbolic.svg"));
}
cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) {
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2z"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
<path d="M0 0h12A12 12 0 1 1 0 12z"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path d="M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5zm0-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path d="M7 11v2h10v-2H7zm5-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<path d="M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm10.6 3.59L14.01 5l-8 8-4-4 1.41-1.41 2.59 2.59 6.59-6.59z"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<path d="M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm2 7h8v2H4V7z"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<path d="M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm0 2h12v12H2V2z"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<path d="M8 0a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6zm0 2a4 4 0 0 0-4 4 4 4 0 0 0 4 4 4 4 0 0 0 4-4 4 4 0 0 0-4-4z"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<path d="M8 0a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6zM4 7v2h8V7H4z"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<path d="M8 0a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2z"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
<path d="M0 0h12A12 12 0 1 1 0 12z"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path d="M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5zm0-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path d="M7 11v2h10v-2H7zm5-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<path d="M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm10.6 3.59L14.01 5l-8 8-4-4 1.41-1.41 2.59 2.59 6.59-6.59z"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<path d="M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm2 7h8v2H4V7z"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<path d="M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm0 2h12v12H2V2z"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<path d="M8 0a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6zm0 2a4 4 0 0 0-4 4 4 4 0 0 0 4 4 4 4 0 0 0 4-4 4 4 0 0 0-4-4z"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<path d="M8 0a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6zM4 7v2h8V7H4z"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<path d="M8 0a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z"/>
</svg>
%check,
check {
-gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-unchecked-symbolic.svg"));
-gtk-icon-source: -gtk-recolor(url("icons/checkbox-unchecked-symbolic.svg"));
&:checked {
-gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.svg"));
-gtk-icon-source: -gtk-recolor(url("icons/checkbox-checked-symbolic.svg"));
}
&:indeterminate {
-gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic.svg"));
-gtk-icon-source: -gtk-recolor(url("icons/checkbox-mixed-symbolic.svg"));
}
}
%radio,
radio {
-gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-unchecked-symbolic.svg"));
-gtk-icon-source: -gtk-recolor(url("icons/radio-unchecked-symbolic.svg"));
&:checked {
// -gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-checked-symbolic.svg"));
// -gtk-icon-source: -gtk-recolor(url("icons/radio-checked-symbolic.svg"));
}
&:indeterminate {
-gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-mixed-symbolic.svg"));
-gtk-icon-source: -gtk-recolor(url("icons/radio-mixed-symbolic.svg"));
}
border-image-slice: $check-radio-size / 2px;
min-height: 16px;
min-width: 16px;
border-radius: $corner-radius;
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-unchecked-symbolic.svg"));
-gtk-icon-source: -gtk-recolor(url("icons/small-checkbox-unchecked-symbolic.svg"));
&:checked {
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-checked-symbolic.svg"));
-gtk-icon-source: -gtk-recolor(url("icons/small-checkbox-checked-symbolic.svg"));
}
&:indeterminate {
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-mixed-symbolic.svg"));
-gtk-icon-source: -gtk-recolor(url("icons/small-checkbox-mixed-symbolic.svg"));
}
}
min-height: 16px;
min-width: 16px;
border-image: none;
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-unchecked-symbolic.svg"));
-gtk-icon-source: -gtk-recolor(url("icons/small-radio-unchecked-symbolic.svg"));
&:checked {
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-checked-symbolic.svg"));
-gtk-icon-source: -gtk-recolor(url("icons/small-radio-checked-symbolic.svg"));
}
&:indeterminate {
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-mixed-symbolic.svg"));
-gtk-icon-source: -gtk-recolor(url("icons/small-radio-mixed-symbolic.svg"));
}
}
}
treeview.view radio:checked {
-gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-checked-symbolic.svg"));
-gtk-icon-source: -gtk-recolor(url("icons/radio-checked-symbolic.svg"));
border-image: none;
}
// touch selection handlebars for the Popover.osd above
cursor-handle {
color: $primary;
-gtk-icon-source: -gtk-recolor(url("assets/scalable/cursor-handle-symbolic.svg"));
-gtk-icon-source: -gtk-recolor(url("icons/cursor-handle-symbolic.svg"));
&.top:dir(ltr),
&.bottom:dir(rtl) {
for version in "${GTK_VERSIONS[@]}"; do
mkdir -p "$THEME_DIR/gtk-$version"
ln -s "$SRC_DIR/gtk/assets" "$THEME_DIR/gtk-$version"
ln -s "$SRC_DIR/gtk/icons" "$THEME_DIR/gtk-$version"
ln -sT "$SRC_DIR/gtk/$version/gtk$color$size.css" "$THEME_DIR/gtk-$version/gtk.css"
[[ "$color" != '-dark' ]] && \
ln -sT "$SRC_DIR/gtk/$version/gtk-dark$size.css" "$THEME_DIR/gtk-$version/gtk-dark.css"