diff --git a/images/icons/v2/timer-disabled-24.svg b/images/icons/v2/timer-disabled-outline-24.svg similarity index 100% rename from images/icons/v2/timer-disabled-24.svg rename to images/icons/v2/timer-disabled-outline-24.svg diff --git a/images/icons/v2/timer-disabled-solid-16.svg b/images/icons/v2/timer-disabled-solid-16.svg new file mode 100644 index 000000000..1dd76d243 --- /dev/null +++ b/images/icons/v2/timer-disabled-solid-16.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/images/icons/v2/timer-24.svg b/images/icons/v2/timer-outline-24.svg similarity index 100% rename from images/icons/v2/timer-24.svg rename to images/icons/v2/timer-outline-24.svg diff --git a/images/icons/v2/timer-solid-16.svg b/images/icons/v2/timer-solid-16.svg new file mode 100644 index 000000000..89b22b9dc --- /dev/null +++ b/images/icons/v2/timer-solid-16.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/stylesheets/_modules.scss b/stylesheets/_modules.scss index 57f3793dd..9f49dd039 100644 --- a/stylesheets/_modules.scss +++ b/stylesheets/_modules.scss @@ -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 ); } diff --git a/stylesheets/components/ConversationHeader.scss b/stylesheets/components/ConversationHeader.scss index 0b317e300..b7a48e360 100644 --- a/stylesheets/components/ConversationHeader.scss +++ b/stylesheets/components/ConversationHeader.scss @@ -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; }