This commit is contained in:
vinceliuice 2020-12-26 22:19:07 +08:00
parent d47942587a
commit c45d26b6a8
13 changed files with 221 additions and 28 deletions

View File

@ -1,4 +1,4 @@
<svg width="40" height="24" version="1.1" viewBox="0 0 40 24" xmlns="http://www.w3.org/2000/svg" xmlns:osb="http://www.openswatchbook.org/uri/2009/osb" xmlns:xlink="http://www.w3.org/1999/xlink">
<svg width="40" height="24" version="1.1" viewBox="0 0 40 24" xmlns="http://www.w3.org/2000/svg">
<defs>
<filter id="filter1038" x="-.0216" y="-.070497" width="1.0432" height="1.141" color-interpolation-filters="sRGB">
<feGaussianBlur stdDeviation="0.36"/>
@ -6,13 +6,13 @@
<filter id="filter1034" x="-.037565" y="-.037565" width="1.0751" height="1.0751" color-interpolation-filters="sRGB">
<feGaussianBlur stdDeviation="0.36"/>
</filter>
<linearGradient id="linearGradient907" x1="20" x2="20" y1="23.962" gradientTransform="translate(-4.1221e-8 1028.4)" gradientUnits="userSpaceOnUse">
<stop stop-color="#000000" stop-opacity=".2" offset="0"/>
<stop stop-color="#040404" stop-opacity=".36" offset="1"/>
<linearGradient id="linearGradient1254" x1="22" x2="22" y1="1052.4" y2="1028.4" gradientUnits="userSpaceOnUse">
<stop stop-color="#ffffff" stop-opacity=".25" offset="0"/>
<stop stop-color="#ffffff" stop-opacity=".35" offset="1"/>
</linearGradient>
</defs>
<g transform="translate(0 -1028.4)">
<rect x="-3.8809e-8" y="1028.4" width="40" height="24" rx="12" ry="12" fill="url(#linearGradient907)" stroke-linecap="round" stroke-linejoin="round" stroke-width=".495" style="paint-order:markers stroke fill"/>
<rect x="-3.8809e-8" y="1028.4" width="40" height="24" rx="12" ry="12" fill="url(#linearGradient1254)" stroke-linecap="round" stroke-linejoin="round" stroke-width=".495" style="paint-order:markers stroke fill"/>
<rect x="-3.8809e-8" y="1028.3" width="40" height="24" opacity="0" stroke-width=".87706"/>
<circle cx="12" cy="1040.9" r="11.5" fill="#000000" filter="url(#filter1034)" opacity=".1" stroke-width="1.2778"/>
<circle cx="12" cy="1040.4" r="11" fill="#ffffff" stroke-width="1.2222"/>

Before

Width:  |  Height:  |  Size: 1.8 KiB

After

Width:  |  Height:  |  Size: 1.6 KiB

View File

@ -0,0 +1,21 @@
<svg width="40" height="24" version="1.1" viewBox="0 0 40 24" xmlns="http://www.w3.org/2000/svg">
<defs>
<filter id="filter1038" x="-.0216" y="-.070497" width="1.0432" height="1.141" color-interpolation-filters="sRGB">
<feGaussianBlur stdDeviation="0.36"/>
</filter>
<filter id="filter1034" x="-.037565" y="-.037565" width="1.0751" height="1.0751" color-interpolation-filters="sRGB">
<feGaussianBlur stdDeviation="0.36"/>
</filter>
<linearGradient id="linearGradient1254" x1="22" x2="22" y1="1052.4" y2="1028.4" gradientUnits="userSpaceOnUse">
<stop stop-color="#000000" stop-opacity=".25" offset="0"/>
<stop stop-color="#010101" stop-opacity=".35" offset="1"/>
</linearGradient>
</defs>
<g transform="translate(0 -1028.4)">
<rect x="-3.8809e-8" y="1028.4" width="40" height="24" rx="12" ry="12" fill="url(#linearGradient1254)" stroke-linecap="round" stroke-linejoin="round" stroke-width=".495" style="paint-order:markers stroke fill"/>
<rect x="-3.8809e-8" y="1028.3" width="40" height="24" opacity="0" stroke-width=".87706"/>
<circle cx="12" cy="1040.9" r="11.5" fill="#000000" filter="url(#filter1034)" opacity=".1" stroke-width="1.2778"/>
<circle cx="12" cy="1040.4" r="11" fill="#ffffff" stroke-width="1.2222"/>
<path d="m12 1028.4c-6.648 0-12 5.352-12 12 0 0.086 0.011872 0.1699 0.013672 0.2559 0.13601-6.2563 5.4243-11.256 11.986-11.256h16c6.562 0 11.85 4.9996 11.986 11.256 0.0018-0.086 0.01367-0.1695 0.01367-0.2559 0-6.648-5.352-12-12-12z" fill="#000000" filter="url(#filter1038)" opacity=".1" stroke-linecap="round" stroke-linejoin="round" stroke-width=".495" style="paint-order:markers stroke fill"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.6 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 30 KiB

View File

@ -2557,15 +2557,21 @@ StWidget.focused .app-well-app-running-dot {
background-color: rgba(255, 255, 255, 0.15);
}
.show-apps .show-apps-icon {
color: transparent;
background-image: url("assets/view-app-grid.svg");
background-size: contain;
}
.show-apps .overview-icon {
color: white;
color: transparent;
}
.show-apps:hover .show-apps-icon,
.show-apps:active .show-apps-icon,
.show-apps:checked .show-apps-icon,
.show-apps:focus .show-apps-icon {
color: white;
color: transparent;
transition-duration: 150ms;
}

View File

@ -2557,15 +2557,21 @@ StWidget.focused .app-well-app-running-dot {
background-color: rgba(255, 255, 255, 0.15);
}
.show-apps .show-apps-icon {
color: transparent;
background-image: url("assets/view-app-grid.svg");
background-size: contain;
}
.show-apps .overview-icon {
color: white;
color: transparent;
}
.show-apps:hover .show-apps-icon,
.show-apps:active .show-apps-icon,
.show-apps:checked .show-apps-icon,
.show-apps:focus .show-apps-icon {
color: white;
color: transparent;
transition-duration: 150ms;
}

View File

@ -2557,15 +2557,21 @@ StWidget.focused .app-well-app-running-dot {
background-color: rgba(255, 255, 255, 0.15);
}
.show-apps .show-apps-icon {
color: transparent;
background-image: url("assets/view-app-grid.svg");
background-size: contain;
}
.show-apps .overview-icon {
color: white;
color: transparent;
}
.show-apps:hover .show-apps-icon,
.show-apps:active .show-apps-icon,
.show-apps:checked .show-apps-icon,
.show-apps:focus .show-apps-icon {
color: white;
color: transparent;
transition-duration: 150ms;
}

View File

@ -2557,15 +2557,21 @@ StWidget.focused .app-well-app-running-dot {
background-color: rgba(255, 255, 255, 0.15);
}
.show-apps .show-apps-icon {
color: transparent;
background-image: url("assets/view-app-grid.svg");
background-size: contain;
}
.show-apps .overview-icon {
color: white;
color: transparent;
}
.show-apps:hover .show-apps-icon,
.show-apps:active .show-apps-icon,
.show-apps:checked .show-apps-icon,
.show-apps:focus .show-apps-icon {
color: white;
color: transparent;
transition-duration: 150ms;
}

View File

@ -2557,15 +2557,21 @@ StWidget.focused .app-well-app-running-dot {
background-color: rgba(255, 255, 255, 0.15);
}
.show-apps .show-apps-icon {
color: transparent;
background-image: url("assets/view-app-grid.svg");
background-size: contain;
}
.show-apps .overview-icon {
color: white;
color: transparent;
}
.show-apps:hover .show-apps-icon,
.show-apps:active .show-apps-icon,
.show-apps:checked .show-apps-icon,
.show-apps:focus .show-apps-icon {
color: white;
color: transparent;
transition-duration: 150ms;
}

View File

@ -2557,15 +2557,21 @@ StWidget.focused .app-well-app-running-dot {
background-color: rgba(255, 255, 255, 0.15);
}
.show-apps .show-apps-icon {
color: transparent;
background-image: url("assets/view-app-grid.svg");
background-size: contain;
}
.show-apps .overview-icon {
color: white;
color: transparent;
}
.show-apps:hover .show-apps-icon,
.show-apps:active .show-apps-icon,
.show-apps:checked .show-apps-icon,
.show-apps:focus .show-apps-icon {
color: white;
color: transparent;
transition-duration: 150ms;
}

View File

@ -2557,15 +2557,21 @@ StWidget.focused .app-well-app-running-dot {
background-color: rgba(255, 255, 255, 0.15);
}
.show-apps .show-apps-icon {
color: transparent;
background-image: url("assets/view-app-grid.svg");
background-size: contain;
}
.show-apps .overview-icon {
color: white;
color: transparent;
}
.show-apps:hover .show-apps-icon,
.show-apps:active .show-apps-icon,
.show-apps:checked .show-apps-icon,
.show-apps:focus .show-apps-icon {
color: white;
color: transparent;
transition-duration: 150ms;
}

View File

@ -2557,15 +2557,21 @@ StWidget.focused .app-well-app-running-dot {
background-color: rgba(255, 255, 255, 0.15);
}
.show-apps .show-apps-icon {
color: transparent;
background-image: url("assets/view-app-grid.svg");
background-size: contain;
}
.show-apps .overview-icon {
color: white;
color: transparent;
}
.show-apps:hover .show-apps-icon,
.show-apps:active .show-apps-icon,
.show-apps:checked .show-apps-icon,
.show-apps:focus .show-apps-icon {
color: white;
color: transparent;
transition-duration: 150ms;
}

View File

@ -15,6 +15,7 @@
<file>assets/window-close-hover.svg</file>
<file>assets/window-close-active.svg</file>
<file>assets/activities.svg</file>
<file>assets/view-app-grid.svg</file>
<file>assets/background.jpg</file>
<file>icons/scalable/actions/color-pick.svg</file>
<file>icons/scalable/status/eye-not-looking-symbolic.svg</file>

View File

@ -2237,21 +2237,21 @@ StWidget.focused .app-well-app-running-dot {
background-color: $light_divider_color;
}
// .show-apps .show-apps-icon {
// color: transparent;
// background-image: url("assets/startup@2.svg");
// background-size: contain;
// }
.show-apps .show-apps-icon {
color: transparent;
background-image: url("assets/view-app-grid.svg");
background-size: contain;
}
.show-apps .overview-icon {
color: $light_fg_color;
color: transparent;
}
.show-apps:hover .show-apps-icon,
.show-apps:active .show-apps-icon,
.show-apps:checked .show-apps-icon,
.show-apps:focus .show-apps-icon {
color: $light_fg_color;
color: transparent;
transition-duration: $longer_duration;
}