Update timer and group/profile icons

signalapp · Nov 11, 2019 · 08dbff8 · 08dbff8
1 parent c930b6c
commit 08dbff8
Show file tree

Hide file tree

Showing 21 changed files with 99 additions and 71 deletions.
diff --git a/images/icons/v2/group-outline-20.svg b/images/icons/v2/group-outline-20.svg
diff --git a/images/icons/v2/group-outline-40.svg b/images/icons/v2/group-outline-40.svg
diff --git a/images/icons/v2/profile-outline-20.svg b/images/icons/v2/profile-outline-20.svg
diff --git a/images/icons/v2/profile-outline-40.svg b/images/icons/v2/profile-outline-40.svg
diff --git a/images/icons/v2/timer-00-12.svg b/images/icons/v2/timer-00-12.svg
diff --git a/images/icons/v2/timer-05-12.svg b/images/icons/v2/timer-05-12.svg
diff --git a/images/icons/v2/timer-10-12.svg b/images/icons/v2/timer-10-12.svg
diff --git a/images/icons/v2/timer-15-12.svg b/images/icons/v2/timer-15-12.svg
diff --git a/images/icons/v2/timer-20-12.svg b/images/icons/v2/timer-20-12.svg
diff --git a/images/icons/v2/timer-25-12.svg b/images/icons/v2/timer-25-12.svg
diff --git a/images/icons/v2/timer-30-12.svg b/images/icons/v2/timer-30-12.svg
diff --git a/images/icons/v2/timer-35-12.svg b/images/icons/v2/timer-35-12.svg
diff --git a/images/icons/v2/timer-40-12.svg b/images/icons/v2/timer-40-12.svg
diff --git a/images/icons/v2/timer-45-12.svg b/images/icons/v2/timer-45-12.svg
diff --git a/images/icons/v2/timer-50-12.svg b/images/icons/v2/timer-50-12.svg
diff --git a/images/icons/v2/timer-55-12.svg b/images/icons/v2/timer-55-12.svg
diff --git a/images/icons/v2/timer-60-12.svg b/images/icons/v2/timer-60-12.svg
diff --git a/images/profile-group.svg b/images/profile-group.svg
diff --git a/images/profile-individual.svg b/images/profile-individual.svg
diff --git a/stylesheets/_modules.scss b/stylesheets/_modules.scss
@@ -3067,19 +3067,28 @@ $timer-icons: '55', '50', '45', '40', '35', '30', '25', '20', '15', '10', '05',
 
 .module-avatar__icon--group {
   @include light-theme {
-    @include color-svg('../images/profile-group.svg', $color-white);
+    @include color-svg('../images/icons/v2/group-outline-40.svg', $color-white);
   }
   @include dark-theme {
-    @include color-svg('../images/profile-group.svg', $color-gray-05);
+    @include color-svg(
+      '../images/icons/v2/group-outline-40.svg',
+      $color-gray-05
+    );
   }
 }
 
 .module-avatar__icon--direct {
   @include light-theme {
-    @include color-svg('../images/profile-individual.svg', $color-white);
+    @include color-svg(
+      '../images/icons/v2/profile-outline-40.svg',
+      $color-white
+    );
   }
   @include dark-theme {
-    @include color-svg('../images/profile-individual.svg', $color-gray-05);
+    @include color-svg(
+      '../images/icons/v2/profile-outline-40.svg',
+      $color-gray-05
+    );
   }
 }
 
@@ -3093,16 +3102,41 @@ $timer-icons: '55', '50', '45', '40', '35', '30', '25', '20', '15', '10', '05',
   }
 }
 
+.module-avatar__icon--28.module-avatar__icon--group {
+  height: 20px;
+  width: 20px;
+  @include light-theme {
+    @include color-svg('../images/icons/v2/group-outline-20.svg', $color-white);
+  }
+  @include dark-theme {
+    @include color-svg(
+      '../images/icons/v2/group-outline-20.svg',
+      $color-gray-05
+    );
+  }
+}
+.module-avatar__icon--28.module-avatar__icon--direct {
+  height: 20px;
+  width: 20px;
+  @include light-theme {
+    @include color-svg(
+      '../images/icons/v2/profile-outline-20.svg',
+      $color-white
+    );
+  }
+  @include dark-theme {
+    @include color-svg(
+      '../images/icons/v2/profile-outline-20.svg',
+      $color-gray-05
+    );
+  }
+}
+
 .module-avatar__label--28 {
   font-size: 14px;
   line-height: 28px;
 }
 
-.module-avatar__icon--28 {
-  height: 16px;
-  width: 16px;
-}
-
 .module-avatar--52 {
   height: 52px;
   width: 52px;
@@ -3121,8 +3155,12 @@ $timer-icons: '55', '50', '45', '40', '35', '30', '25', '20', '15', '10', '05',
 }
 
 .module-avatar__icon--52 {
-  height: 26px;
-  width: 26px;
+  height: 38px;
+  width: 38px;
+}
+.module-avatar__icon--52.module-avatar__icon--direct {
+  height: 42px;
+  width: 42px;
 }
 
 .module-avatar--80 {
@@ -3142,8 +3180,12 @@ $timer-icons: '55', '50', '45', '40', '35', '30', '25', '20', '15', '10', '05',
 }
 
 .module-avatar__icon--80 {
-  height: 42px;
-  width: 42px;
+  height: 58px;
+  width: 58px;
+}
+.module-avatar__icon--80.module-avatar__icon--direct {
+  height: 62px;
+  width: 62px;
 }
 
 .module-avatar__icon--note-to-self {