Use different timeline timer icon in dark mode

This commit is contained in:
Evan Hahn 2021-07-22 13:32:40 -05:00 committed by GitHub
parent ca1cb11985
commit 22b2f974e5
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
6 changed files with 13 additions and 5 deletions

View File

Before

Width:  |  Height:  |  Size: 647 B

After

Width:  |  Height:  |  Size: 647 B

View File

@ -0,0 +1 @@
<svg fill="none" height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="m13.0072 5.03866c-.0974.09053-.2173.15317-.3472.18134.7141.88044 1.1641 1.94516 1.298 3.07084.1339 1.12569-.0539 2.26626-.5415 3.28966-.1499.3145-.3262.6139-.5263.8955l1.8377 1.8377-.7071.7071-1.7784-1.7784-9.26885-9.26886-.97355-.97354.70711-.70711 1.81443 1.81443c.85909-.62044 1.86928-1.00367 2.92846-1.10732l-.45-2h2l-.45 2c1.18584.11605 2.3103.58253 3.23 1.34.0282-.12991.0908-.24983.1813-.34717.0906-.09733.2056-.16849.3332-.20598.1275-.03749.2628-.03994.3916-.00709s.2464.09979.3404.19378c.094.094.1609.21158.1937.34038.0329.1288.0304.26408-.007.39161-.0375.12753-.1087.24261-.206.33313zm-9.89782.48492c-.5806.81689-.94854 1.76806-1.06738 2.76726-.13389 1.12569.05386 2.26626.54151 3.28966.48764 1.0233 1.25523 1.8876 2.21384 2.4927.95862.6051 2.06904.9263 3.20265.9263 1.13362 0 2.244-.3212 3.2027-.9263.0929-.0586.184-.1197.2732-.1831zm4.34405 1.51564.2549-2.03922h.58333l.41107 3.28852zm.51205-3.0391.03452-.00012.02821.00008c-.02091-.00012-.04182-.00011-.06273.00004z" fill="#000" fill-rule="evenodd"/></svg>

After

Width:  |  Height:  |  Size: 1.1 KiB

View File

Before

Width:  |  Height:  |  Size: 499 B

After

Width:  |  Height:  |  Size: 499 B

View File

@ -0,0 +1 @@
<svg fill="none" height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="m12.66 5.22c.1299-.02817.2498-.09081.3472-.18134.0973-.09052.1685-.2056.206-.33313.0374-.12753.0399-.26281.007-.39161-.0328-.1288-.0997-.24638-.1937-.34038-.094-.09399-.2116-.16093-.3404-.19378s-.2641-.0304-.3916.00709c-.1276.03749-.2426.10865-.3332.20598-.0905.09734-.1531.21726-.1813.34717-.9197-.75747-2.04416-1.22395-3.23-1.34l.45-2h-2l.45 2c-1.18583.11605-2.31026.58253-3.23 1.34-.02816-.12991-.0908-.24983-.18133-.34717-.09053-.09733-.20561-.16849-.33314-.20598s-.2628-.03994-.39161-.00709c-.1288.03285-.24638.09979-.34037.19378-.094.094-.16094.21158-.19379.34038s-.0304.26408.00709.39161c.0375.12753.10865.24261.20599.33313.09733.09053.21725.15317.34716.18134-.71407.88044-1.16412 1.94516-1.298 3.07084-.13389 1.12569.05386 2.26626.54151 3.28966.48764 1.0233 1.25523 1.8876 2.21384 2.4927.95862.6051 2.06904.9263 3.20265.9263 1.13362 0 2.244-.3212 3.2027-.9263.9586-.6051 1.7262-1.4694 2.2138-2.4927.4876-1.0234.6754-2.16397.5415-3.28966-.1339-1.12568-.5839-2.1904-1.298-3.07084zm-4.66-1.22-.03452.00012c.02091-.00015.04182-.00016.06273-.00004zm.61872 6.2854c.16409-.1641.25628-.38667.25628-.61873l-.58333-4.66667h-.58334l-.58333 4.66667c0 .23206.09219.45463.25628.61873.1641.1641.38666.2563.61872.2563s.45462-.0922.61872-.2563z" fill="#000" fill-rule="evenodd"/></svg>

After

Width:  |  Height:  |  Size: 1.4 KiB

View File

@ -2397,22 +2397,28 @@ $timer-icons: '55', '50', '45', '40', '35', '30', '25', '20', '15', '10', '05',
opacity: 0.6;
@include light-theme {
@include color-svg('../images/icons/v2/timer-24.svg', $color-gray-60);
@include color-svg(
'../images/icons/v2/timer-outline-24.svg',
$color-gray-60
);
}
@include dark-theme {
@include color-svg('../images/icons/v2/timer-24.svg', $color-gray-05);
@include color-svg(
'../images/icons/v2/timer-solid-16.svg',
$color-gray-05
);
}
&--disabled {
@include light-theme {
@include color-svg(
'../images/icons/v2/timer-disabled-24.svg',
'../images/icons/v2/timer-disabled-outline-24.svg',
$color-gray-60
);
}
@include dark-theme {
@include color-svg(
'../images/icons/v2/timer-disabled-24.svg',
'../images/icons/v2/timer-disabled-solid-16.svg',
$color-gray-05
);
}

View File

@ -158,7 +158,7 @@
}
&__expiration {
@include icon-element('../images/icons/v2/timer-24.svg');
@include icon-element('../images/icons/v2/timer-outline-24.svg');
margin-right: 12px;
}