style(系统设置): 主题样式调整,更换图标

This commit is contained in:
fit2-zhao 2022-07-04 18:50:30 +08:00 committed by fit2-zhao
parent d008f6f40a
commit 862f6ca5f6
3 changed files with 131 additions and 118 deletions

View File

@ -1,42 +1,60 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="52px" height="45px" viewBox="0 0 52 45" version="1.1"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink">
<style type="text/css">
.icon{fill:#FFFFFF;}
</style>
<defs>
<filter x="-9.4%" y="-6.2%" width="118.8%" height="122.5%" filterUnits="objectBoundingBox" id="filter-1">
<feOffset dx="0" dy="1" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
<feGaussianBlur stdDeviation="1" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
<feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0" type="matrix" in="shadowBlurOuter1" result="shadowMatrixOuter1"></feColorMatrix>
<feMerge>
<feMergeNode in="shadowMatrixOuter1"></feMergeNode>
<feMergeNode in="SourceGraphic"></feMergeNode>
</feMerge>
</filter>
<rect id="path-2" x="0" y="0" width="48" height="40" rx="4"></rect>
<filter x="-4.2%" y="-2.5%" width="108.3%" height="110.0%" filterUnits="objectBoundingBox" id="filter-4">
<feOffset dx="0" dy="1" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
<feGaussianBlur stdDeviation="0.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
<feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
</filter>
</defs>
<g id="配置面板" width="48" height="40" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="setting-copy-2" width="48" height="40" transform="translate(-1190.000000, -136.000000)">
<g id="Group-8" width="48" height="40" transform="translate(1167.000000, 0.000000)">
<g id="Group-5-Copy-5" filter="url(#filter-1)" transform="translate(25.000000, 137.000000)">
<mask id="mask-3" fill="white">
<use xlink:href="#path-2"></use>
</mask>
<g id="Rectangle-18">
<use fill="#783887" fill-opacity="1" filter="url(#filter-4)" xlink:href="#path-2"></use>
<use fill="#F0F2F5" class="icon" fill-rule="evenodd" xlink:href="#path-2"></use>
</g>
<rect id="Rectangle-11" class="icon" fill="#FFFFFF" mask="url(#mask-3)" x="0" y="0" width="48" height="10"></rect>
<rect id="Rectangle-18" class="icon" fill="#783887" mask="url(#mask-3)" x="0" y="0" width="16" height="40"></rect>
</g>
</g>
</g>
</g>
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 23.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 40 40" style="enable-background:new 0 0 40 40;" xml:space="preserve">
<style type="text/css">
.st0{clip-path:url(#SVGID_2_);fill:#C65EDB;}
.st1{fill:#FFFFFF;}
.st2{fill:#505266;}
.st3{fill:#E5E5EA;}
.st4{opacity:0.7;}
.st5{opacity:0.5;}
.st6{fill:#783887;}
</style>
<path class="st2" d="M12.51,35H2.45C1.1,35,0,33.9,0,32.55V7.45C0,6.1,1.1,5,2.45,5h10.06V35z"/>
<path class="st3" d="M37.55,35H12.51V5h25.04C38.9,5,40,6.1,40,7.45v25.1C40,33.9,38.9,35,37.55,35z"/>
<rect x="15.1" y="8.06" class="st1" width="22.32" height="24.09"/>
<g class="st4">
<path class="st2" d="M28.65,14.56c-0.07-0.36-0.29-0.59-0.56-0.59c0,0-0.01,0-0.01,0h-0.05c-0.79,0-1.43-0.64-1.43-1.43
c0-0.26,0.12-0.54,0.12-0.55c0.14-0.32,0.03-0.71-0.25-0.91l-0.02-0.01L25,10.26l-0.02-0.01c-0.09-0.04-0.2-0.06-0.31-0.06
c-0.22,0-0.44,0.09-0.59,0.24c-0.16,0.16-0.71,0.63-1.13,0.63c-0.43,0-0.98-0.48-1.14-0.64c-0.15-0.15-0.37-0.25-0.59-0.25
c-0.11,0-0.21,0.02-0.3,0.06l-0.02,0.01l-1.5,0.82l-0.02,0.01c-0.29,0.2-0.4,0.59-0.25,0.91c0,0,0.12,0.29,0.12,0.55
c0,0.79-0.64,1.43-1.43,1.43h-0.05c0,0-0.01,0-0.01,0c-0.27,0-0.49,0.23-0.56,0.59c0,0.03-0.12,0.65-0.12,1.14
c0,0.49,0.12,1.12,0.12,1.14c0.07,0.36,0.29,0.59,0.56,0.59c0,0,0.01,0,0.01,0h0.05c0.79,0,1.43,0.64,1.43,1.43
c0,0.26-0.12,0.54-0.12,0.55c-0.14,0.32-0.03,0.71,0.25,0.91l0.02,0.01l1.42,0.8l0.02,0.01c0.09,0.04,0.2,0.06,0.31,0.06
c0.23,0,0.45-0.09,0.59-0.25c0.2-0.22,0.75-0.67,1.15-0.67c0.44,0,1,0.51,1.16,0.69c0.14,0.16,0.37,0.26,0.6,0.26h0
c0.11,0,0.21-0.02,0.3-0.06l0.02-0.01l1.47-0.81l0.02-0.01c0.29-0.2,0.39-0.59,0.25-0.91c0,0-0.13-0.29-0.13-0.55
c0-0.79,0.64-1.43,1.43-1.43h0.05c0,0,0.01,0,0.01,0c0.27,0,0.49-0.23,0.56-0.59c0-0.01,0.12-0.64,0.12-1.14
C28.77,15.21,28.65,14.58,28.65,14.56z M22.93,18.43c-1.51,0-2.73-1.22-2.73-2.73s1.22-2.73,2.73-2.73c1.51,0,2.73,1.22,2.73,2.73
S24.44,18.43,22.93,18.43z"/>
<path class="st2" d="M34.98,20.89C34.98,20.89,34.98,20.89,34.98,20.89l-0.04,0c-0.51,0-0.93-0.42-0.93-0.93
c0-0.17,0.08-0.35,0.08-0.36c0.09-0.21,0.02-0.46-0.16-0.59l-0.01-0.01l-0.94-0.52l-0.01-0.01c-0.06-0.03-0.13-0.04-0.2-0.04
c-0.15,0-0.29,0.06-0.38,0.16c-0.1,0.11-0.46,0.41-0.74,0.41c-0.28,0-0.64-0.31-0.74-0.42c-0.1-0.1-0.24-0.16-0.39-0.16
c-0.07,0-0.14,0.01-0.2,0.04l-0.01,0.01l-0.98,0.54l-0.01,0.01c-0.19,0.13-0.26,0.38-0.17,0.59c0,0,0.08,0.19,0.08,0.36
c0,0.51-0.42,0.93-0.93,0.93h-0.03c0,0,0,0-0.01,0c-0.18,0-0.32,0.15-0.37,0.39c0,0.02-0.08,0.43-0.08,0.75
c0,0.32,0.08,0.73,0.08,0.75c0.04,0.24,0.19,0.39,0.37,0.39c0,0,0,0,0.01,0h0.03c0.51,0,0.93,0.42,0.93,0.93
c0,0.17-0.08,0.35-0.08,0.36c-0.09,0.21-0.02,0.46,0.16,0.59l0.01,0.01l0.93,0.52l0.01,0.01c0.06,0.03,0.13,0.04,0.2,0.04
c0.15,0,0.29-0.06,0.39-0.16c0.13-0.14,0.49-0.44,0.75-0.44c0.29,0,0.65,0.33,0.76,0.45c0.09,0.1,0.24,0.17,0.39,0.17h0
c0.07,0,0.14-0.01,0.2-0.04l0.01-0.01l0.96-0.53l0.01-0.01c0.19-0.13,0.26-0.38,0.17-0.59c0,0-0.08-0.19-0.08-0.36
c0-0.51,0.42-0.93,0.93-0.93h0.03c0,0,0,0,0.01,0c0.18,0,0.32-0.15,0.37-0.39c0,0,0.08-0.42,0.08-0.75c0-0.32-0.08-0.73-0.08-0.75
C35.3,21.05,35.16,20.89,34.98,20.89z M31.62,23.8c-0.98,0-1.78-0.8-1.78-1.78c0-0.98,0.8-1.78,1.78-1.78s1.78,0.8,1.78,1.78
C33.4,23.01,32.6,23.8,31.62,23.8z"/>
</g>
<g>
<g class="st5">
<circle class="st1" cx="3.68" cy="10.23" r="0.79"/>
<path class="st1" d="M9.24,10.88H5.67c-0.21,0-0.38-0.17-0.38-0.38V9.95c0-0.21,0.17-0.38,0.38-0.38h3.57
c0.21,0,0.38,0.17,0.38,0.38v0.55C9.62,10.71,9.45,10.88,9.24,10.88z"/>
</g>
<g class="st5">
<circle class="st1" cx="3.68" cy="14.46" r="0.79"/>
<path class="st1" d="M9.24,15.11H5.67c-0.21,0-0.38-0.17-0.38-0.38v-0.55c0-0.21,0.17-0.38,0.38-0.38h3.57
c0.21,0,0.38,0.17,0.38,0.38v0.55C9.62,14.94,9.45,15.11,9.24,15.11z"/>
</g>
<g class="st5">
<circle class="st1" cx="3.68" cy="18.68" r="0.79"/>
<path class="st1" d="M9.24,19.34H5.67c-0.21,0-0.38-0.17-0.38-0.38v-0.55c0-0.21,0.17-0.38,0.38-0.38h3.57
c0.21,0,0.38,0.17,0.38,0.38v0.55C9.62,19.17,9.45,19.34,9.24,19.34z"/>
</g>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 2.6 KiB

After

Width:  |  Height:  |  Size: 4.2 KiB

View File

@ -1,39 +1,37 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="52px" height="45px" viewBox="0 0 52 45" version="1.1"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<filter x="-9.4%" y="-6.2%" width="118.8%" height="122.5%" filterUnits="objectBoundingBox" id="filter-1">
<feOffset dx="0" dy="1" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
<feGaussianBlur stdDeviation="1" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
<feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0" type="matrix" in="shadowBlurOuter1" result="shadowMatrixOuter1"></feColorMatrix>
<feMerge>
<feMergeNode in="shadowMatrixOuter1"></feMergeNode>
<feMergeNode in="SourceGraphic"></feMergeNode>
</feMerge>
</filter>
<rect id="path-2" x="0" y="0" width="48" height="40" rx="4"></rect>
<filter x="-4.2%" y="-2.5%" width="108.3%" height="110.0%" filterUnits="objectBoundingBox" id="filter-4">
<feOffset dx="0" dy="1" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
<feGaussianBlur stdDeviation="0.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
<feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
</filter>
</defs>
<g id="配置面板" width="48" height="40" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="setting-copy-2" width="48" height="40" transform="translate(-1190.000000, -136.000000)">
<g id="Group-8" width="48" height="40" transform="translate(1167.000000, 0.000000)">
<g id="Group-5-Copy-5" filter="url(#filter-1)" transform="translate(25.000000, 137.000000)">
<mask id="mask-3" fill="white">
<use xlink:href="#path-2"></use>
</mask>
<g id="Rectangle-18">
<use fill="#783887" fill-opacity="1" filter="url(#filter-4)" xlink:href="#path-2"></use>
<use fill="#F0F2F5" fill-rule="evenodd" xlink:href="#path-2"></use>
</g>
<rect id="Rectangle-11" fill="#FFFFFF" mask="url(#mask-3)" x="0" y="0" width="48" height="10"></rect>
<rect id="Rectangle-18" fill="#783887" mask="url(#mask-3)" x="0" y="0" width="16" height="40"></rect>
</g>
</g>
</g>
</g>
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 23.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 40 40" style="enable-background:new 0 0 40 40;" xml:space="preserve">
<style type="text/css">
.st0{clip-path:url(#SVGID_2_);fill:#C65EDB;}
.st1{fill:#FFFFFF;}
.st2{fill:#505266;}
.st3{fill:#E5E5EA;}
.st4{opacity:0.7;}
.st5{opacity:0.5;}
.st6{fill:#783887;}
</style>
<g>
<path class="st6" d="M12.51,35H2.45C1.1,35,0,33.9,0,32.55V7.45C0,6.1,1.1,5,2.45,5h10.06V35z"/>
<path class="st3" d="M37.55,35H12.51V5h25.04C38.9,5,40,6.1,40,7.45v25.1C40,33.9,38.9,35,37.55,35z"/>
<rect x="15.1" y="7.69" class="st1" width="22.32" height="6.76"/>
<rect x="15.1" y="17.05" class="st1" width="22.32" height="15.1"/>
<g>
<g class="st5">
<circle class="st1" cx="3.68" cy="10.23" r="0.79"/>
<path class="st1" d="M9.24,10.88H5.67c-0.21,0-0.38-0.17-0.38-0.38V9.95c0-0.21,0.17-0.38,0.38-0.38h3.57
c0.21,0,0.38,0.17,0.38,0.38v0.55C9.62,10.71,9.45,10.88,9.24,10.88z"/>
</g>
<g class="st5">
<circle class="st1" cx="3.68" cy="14.46" r="0.79"/>
<path class="st1" d="M9.24,15.11H5.67c-0.21,0-0.38-0.17-0.38-0.38v-0.55c0-0.21,0.17-0.38,0.38-0.38h3.57
c0.21,0,0.38,0.17,0.38,0.38v0.55C9.62,14.94,9.45,15.11,9.24,15.11z"/>
</g>
<g class="st5">
<circle class="st1" cx="3.68" cy="18.68" r="0.79"/>
<path class="st1" d="M9.24,19.34H5.67c-0.21,0-0.38-0.17-0.38-0.38v-0.55c0-0.21,0.17-0.38,0.38-0.38h3.57
c0.21,0,0.38,0.17,0.38,0.38v0.55C9.62,19.17,9.45,19.34,9.24,19.34z"/>
</g>
</g>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 2.5 KiB

After

Width:  |  Height:  |  Size: 1.7 KiB

View File

@ -1,39 +1,36 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="52px" height="45px" viewBox="0 0 52 45" version="1.1"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<filter x="-9.4%" y="-6.2%" width="118.8%" height="122.5%" filterUnits="objectBoundingBox" id="filter-1">
<feOffset dx="0" dy="1" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
<feGaussianBlur stdDeviation="1" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
<feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0" type="matrix" in="shadowBlurOuter1" result="shadowMatrixOuter1"></feColorMatrix>
<feMerge>
<feMergeNode in="shadowMatrixOuter1"></feMergeNode>
<feMergeNode in="SourceGraphic"></feMergeNode>
</feMerge>
</filter>
<rect id="path-2" x="0" y="0" width="48" height="40" rx="4"></rect>
<filter x="-4.2%" y="-2.5%" width="108.3%" height="110.0%" filterUnits="objectBoundingBox" id="filter-4">
<feOffset dx="0" dy="1" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
<feGaussianBlur stdDeviation="0.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
<feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
</filter>
</defs>
<g id="配置面板" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="setting-copy-2" transform="translate(-1254.000000, -136.000000)">
<g id="Group-8" transform="translate(1167.000000, 0.000000)">
<g id="Group-5" filter="url(#filter-1)" transform="translate(89.000000, 137.000000)">
<mask id="mask-3" fill="white">
<use xlink:href="#path-2"></use>
</mask>
<g id="Rectangle-18">
<use fill="black" fill-opacity="1" filter="url(#filter-4)" xlink:href="#path-2"></use>
<use fill="#F0F2F5" fill-rule="evenodd" xlink:href="#path-2"></use>
</g>
<rect id="Rectangle-18" fill="#FFFFFF" mask="url(#mask-3)" x="0" y="0" width="16" height="40"></rect>
<rect id="Rectangle-11" fill="#FFFFFF" mask="url(#mask-3)" x="0" y="0" width="48" height="10"></rect>
</g>
</g>
</g>
</g>
</svg>
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 23.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 40 40" style="enable-background:new 0 0 40 40;" xml:space="preserve">
<style type="text/css">
.st0{clip-path:url(#SVGID_2_);fill:#C65EDB;}
.st1{fill:#FFFFFF;}
.st2{fill:#505266;}
.st3{fill:#E5E5EA;}
.st4{opacity:0.7;}
.st5{opacity:0.5;}
.st6{fill:#783887;}
</style>
<path class="st1" d="M1,7.45v25.1C1,33.35,1.65,34,2.45,34h9.06V6H2.45C1.65,6,1,6.65,1,7.45z"/>
<path class="st3" d="M37.55,5H12.51H2.45C1.1,5,0,6.1,0,7.45v25.1C0,33.9,1.1,35,2.45,35h10.06h25.04C38.9,35,40,33.9,40,32.55V7.45
C40,6.1,38.9,5,37.55,5z M11.51,34H2.45C1.65,34,1,33.35,1,32.55V7.45C1,6.65,1.65,6,2.45,6h9.06V34z"/>
<rect x="15.1" y="7.69" class="st1" width="22.32" height="6.76"/>
<rect x="15.1" y="17.05" class="st1" width="22.32" height="15.1"/>
<g>
<g class="st5">
<circle class="st2" cx="3.68" cy="10.23" r="0.79"/>
<path class="st2" d="M9.24,10.88H5.67c-0.21,0-0.38-0.17-0.38-0.38V9.95c0-0.21,0.17-0.38,0.38-0.38h3.57
c0.21,0,0.38,0.17,0.38,0.38v0.55C9.62,10.71,9.45,10.88,9.24,10.88z"/>
</g>
<g class="st5">
<circle class="st2" cx="3.68" cy="14.46" r="0.79"/>
<path class="st2" d="M9.24,15.11H5.67c-0.21,0-0.38-0.17-0.38-0.38v-0.55c0-0.21,0.17-0.38,0.38-0.38h3.57
c0.21,0,0.38,0.17,0.38,0.38v0.55C9.62,14.94,9.45,15.11,9.24,15.11z"/>
</g>
<g class="st5">
<circle class="st2" cx="3.68" cy="18.68" r="0.79"/>
<path class="st2" d="M9.24,19.34H5.67c-0.21,0-0.38-0.17-0.38-0.38v-0.55c0-0.21,0.17-0.38,0.38-0.38h3.57
c0.21,0,0.38,0.17,0.38,0.38v0.55C9.62,19.17,9.45,19.34,9.24,19.34z"/>
</g>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 2.5 KiB

After

Width:  |  Height:  |  Size: 1.8 KiB