僕が使うウィジェットだけの色変えた

This commit is contained in:
nullnyat 2022-02-07 19:43:08 +09:00
parent 5d1946465b
commit 8f85675275
No known key found for this signature in database
GPG Key ID: 5EDC2816C3AE007A
4 changed files with 11 additions and 11 deletions

View File

@ -4,17 +4,17 @@
:points="pointsNote" :points="pointsNote"
fill="none" fill="none"
stroke-width="1" stroke-width="1"
stroke="#41ddde"/> stroke="#96CCE7"/>
<polyline <polyline
:points="pointsReply" :points="pointsReply"
fill="none" fill="none"
stroke-width="1" stroke-width="1"
stroke="#f7796c"/> stroke="#FF9D9D"/>
<polyline <polyline
:points="pointsRenote" :points="pointsRenote"
fill="none" fill="none"
stroke-width="1" stroke-width="1"
stroke="#a1de41"/> stroke="#B0E7CB"/>
<polyline <polyline
:points="pointsTotal" :points="pointsTotal"
fill="none" fill="none"

View File

@ -193,19 +193,19 @@ defineExpose<WidgetComponentExpose>({
&:nth-child(1) { &:nth-child(1) {
> .meter > .val { > .meter > .val {
background: #f7796c; background: #96CCE7;
} }
} }
&:nth-child(2) { &:nth-child(2) {
> .meter > .val { > .meter > .val {
background: #a1de41; background: #CECEFF;
} }
} }
&:nth-child(3) { &:nth-child(3) {
> .meter > .val { > .meter > .val {
background: #41ddde; background: #B0E7CB;
} }
} }
} }

View File

@ -3,8 +3,8 @@
<svg :viewBox="`0 0 ${ viewBoxX } ${ viewBoxY }`"> <svg :viewBox="`0 0 ${ viewBoxX } ${ viewBoxY }`">
<defs> <defs>
<linearGradient :id="cpuGradientId" x1="0" x2="0" y1="1" y2="0"> <linearGradient :id="cpuGradientId" x1="0" x2="0" y1="1" y2="0">
<stop offset="0%" stop-color="hsl(180, 80%, 70%)"></stop> <stop offset="0%" stop-color= "#96CCE7"></stop>
<stop offset="100%" stop-color="hsl(0, 80%, 70%)"></stop> <stop offset="100%" stop-color="#FF9D9D"></stop>
</linearGradient> </linearGradient>
<mask :id="cpuMaskId" x="0" y="0" :width="viewBoxX" :height="viewBoxY"> <mask :id="cpuMaskId" x="0" y="0" :width="viewBoxX" :height="viewBoxY">
<polygon <polygon
@ -36,8 +36,8 @@
<svg :viewBox="`0 0 ${ viewBoxX } ${ viewBoxY }`"> <svg :viewBox="`0 0 ${ viewBoxX } ${ viewBoxY }`">
<defs> <defs>
<linearGradient :id="memGradientId" x1="0" x2="0" y1="1" y2="0"> <linearGradient :id="memGradientId" x1="0" x2="0" y1="1" y2="0">
<stop offset="0%" stop-color="hsl(180, 80%, 70%)"></stop> <stop offset="0%" stop-color="#96CCE7"></stop>
<stop offset="100%" stop-color="hsl(0, 80%, 70%)"></stop> <stop offset="100%" stop-color="#FF9D9D"></stop>
</linearGradient> </linearGradient>
<mask :id="memMaskId" x="0" y="0" :width="viewBoxX" :height="viewBoxY"> <mask :id="memMaskId" x="0" y="0" :width="viewBoxX" :height="viewBoxY">
<polygon <polygon

View File

@ -14,7 +14,7 @@
:stroke-dashoffset="strokeDashoffset" :stroke-dashoffset="strokeDashoffset"
fill="none" fill="none"
stroke-width="0.1" stroke-width="0.1"
:stroke="color" stroke="#CECEFF"
/> />
<text x="50%" y="50%" dy="0.05" text-anchor="middle">{{ (value * 100).toFixed(0) }}%</text> <text x="50%" y="50%" dy="0.05" text-anchor="middle">{{ (value * 100).toFixed(0) }}%</text>
</svg> </svg>