roundabout,
created on Sunday, 28 March 2021, 03:56:24 (1616903784),
received on Sunday, 11 May 2025, 13:23:02 (1746969782)
Author identity: nana-4 <hnmaigo@gmail.com>
93ba661379f2d04c3e66d6e7dae2b917813f080a
src/gnome-shell/assets-dark/menu-item-toggle-off.svg
@@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="2 2 20 20" fill="#ffffff" fill-opacity=".6">
<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>
src/gnome-shell/assets-dark/menu-item-toggle-on.svg
@@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="2 2 20 20" fill="#8ab4f8">
<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>
src/gnome-shell/assets-dark/toggle-off.svg
@@ -1,4 +1,13 @@
<svg xmlns="http://www.w3.org/2000/svg" width="40" height="20" viewBox="0 0 40 20">
<rect x="2" y="2" width="36" height="16" ry="8" fill="#ffffff" fill-opacity=".26"/>
<circle cx="10" cy="10" r="6" fill="#ffffff"/>
<svg xmlns="http://www.w3.org/2000/svg" width="40" height="24" viewBox="0 0 40 24">
<defs>
<filter id="shadow-z1" color-interpolation-filters="sRGB">
<feFlood flood-color="#000" flood-opacity=".5" result="flood"/>
<feComposite in="flood" in2="SourceGraphic" operator="in" result="composite1"/>
<feGaussianBlur in="composite1" result="blur" stdDeviation="1.5"/>
<feOffset dy="1" result="offset"/>
<feComposite in="SourceGraphic" in2="offset" result="composite2"/>
</filter>
</defs>
<rect x="2" y="5" width="36" height="14" ry="7" fill="#fff" fill-opacity=".26"/>
<circle cx="12" cy="12" r="10" fill="#a0a0a0" filter="url(#shadow-z1)"/>
</svg>
src/gnome-shell/assets-dark/toggle-on.svg
@@ -1,4 +1,13 @@
<svg xmlns="http://www.w3.org/2000/svg" width="40" height="20" viewBox="0 0 40 20">
<rect x="2" y="2" width="36" height="16" ry="8" fill="#8ab4f8"/>
<circle cx="30" cy="10" r="6" fill="#ffffff"/>
<svg xmlns="http://www.w3.org/2000/svg" width="40" height="24" viewBox="0 0 40 24">
<defs>
<filter id="shadow-z1" color-interpolation-filters="sRGB">
<feFlood flood-color="#000" flood-opacity=".5" result="flood"/>
<feComposite in="flood" in2="SourceGraphic" operator="in" result="composite1"/>
<feGaussianBlur in="composite1" result="blur" stdDeviation="1.5"/>
<feOffset dy="1" result="offset"/>
<feComposite in="SourceGraphic" in2="offset" result="composite2"/>
</filter>
</defs>
<rect x="2" y="5" width="36" height="14" ry="7" fill="#8ab4f8" fill-opacity=".5"/>
<circle cx="28" cy="12" r="10" fill="#8ab4f8" filter="url(#shadow-z1)"/>
</svg>
src/gnome-shell/assets/menu-item-toggle-off.svg
@@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="2 2 20 20" fill="#000000" fill-opacity=".6">
<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>
src/gnome-shell/assets/menu-item-toggle-on.svg
@@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="2 2 20 20" fill="#1967d2">
<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>
src/gnome-shell/assets/toggle-off.svg
@@ -1,4 +1,13 @@
<svg xmlns="http://www.w3.org/2000/svg" width="40" height="20" viewBox="0 0 40 20">
<rect x="2" y="2" width="36" height="16" ry="8" fill="#000000" fill-opacity=".26"/>
<circle cx="10" cy="10" r="6" fill="#ffffff"/>
<svg xmlns="http://www.w3.org/2000/svg" width="40" height="24" viewBox="0 0 40 24">
<defs>
<filter id="shadow-z1" color-interpolation-filters="sRGB">
<feFlood flood-color="#000" flood-opacity=".5" result="flood"/>
<feComposite in="flood" in2="SourceGraphic" operator="in" result="composite1"/>
<feGaussianBlur in="composite1" result="blur" stdDeviation="1.5"/>
<feOffset dy="1" result="offset"/>
<feComposite in="SourceGraphic" in2="offset" result="composite2"/>
</filter>
</defs>
<rect x="2" y="5" width="36" height="14" ry="7" fill="#000" fill-opacity=".26"/>
<circle cx="12" cy="12" r="10" fill="#fff" filter="url(#shadow-z1)"/>
</svg>
src/gnome-shell/assets/toggle-on.svg
@@ -1,4 +1,13 @@
<svg xmlns="http://www.w3.org/2000/svg" width="40" height="20" viewBox="0 0 40 20">
<rect x="2" y="2" width="36" height="16" ry="8" fill="#1967d2"/>
<circle cx="30" cy="10" r="6" fill="#ffffff"/>
<svg xmlns="http://www.w3.org/2000/svg" width="40" height="24" viewBox="0 0 40 24">
<defs>
<filter id="shadow-z1" color-interpolation-filters="sRGB">
<feFlood flood-color="#000" flood-opacity=".5" result="flood"/>
<feComposite in="flood" in2="SourceGraphic" operator="in" result="composite1"/>
<feGaussianBlur in="composite1" result="blur" stdDeviation="1.5"/>
<feOffset dy="1" result="offset"/>
<feComposite in="SourceGraphic" in2="offset" result="composite2"/>
</filter>
</defs>
<rect x="2" y="5" width="36" height="14" ry="7" fill="#1967d2" fill-opacity=".5"/>
<circle cx="28" cy="12" r="10" fill="#1967d2" filter="url(#shadow-z1)"/>
</svg>
src/gnome-shell/gnome-shell-theme.gresource.xml
@@ -46,6 +46,8 @@
<file>assets/key-shift.svg</file>
<file>assets/key-shift-uppercase.svg</file>
<file>assets/key-shift-latched-uppercase.svg</file>
<file>assets/menu-item-toggle-off.svg</file>
<file>assets/menu-item-toggle-on.svg</file>
<file alias="no-events.svg">assets/no-events.svg</file>
<file alias="no-notifications.svg">assets/no-notifications.svg</file>
<file>assets/toggle-off.svg</file>
src/gnome-shell/sass/components/base/_switch.scss
@@ -3,7 +3,7 @@
.toggle-switch {
color: inherit;
width: 40px;
height: 20px;
height: 24px;
background-size: contain;
background-image: url("assets/toggle-off.svg");
src/gnome-shell/sass/components/menu/_menu.scss
@@ -90,6 +90,16 @@
&:insensitive {
color: disabled($on-surface);
}
.toggle-switch {
width: 20px;
height: 20px;
background-image: url("assets/menu-item-toggle-off.svg");
&:checked {
background-image: url("assets/menu-item-toggle-on.svg");
}
}
}
// all icons and other graphical elements
@@ -201,7 +211,7 @@
.popup-sub-menu .popup-menu-item > :first-child {
// account for icons in submenus with padding
&:ltr {
padding-left: 16px;
padding-left: 16px;
margin-left: 16px;
}