Move to new logo and primary blue color

This commit is contained in:
Josh Perez
2020-03-05 13:24:51 -08:00
committed by Scott Nonnenberg
parent a90246cbe5
commit 12457d47a3
16 changed files with 66 additions and 26 deletions
+1 -1
View File
@@ -314,7 +314,7 @@ $loading-height: 16px;
right: 0;
top: 0;
bottom: 0;
background-color: $color-signal-blue;
background-color: $color-ultramarine-brand-light;
color: $color-white;
display: flex;
align-items: center;
+41 -4
View File
@@ -1,5 +1,34 @@
// Using BEM syntax explained here: https://csswizardry.com/2013/01/mindbemding-getting-your-head-round-bem-syntax/
.module-splash-screen__logo {
@include color-svg('../images/signal-logo.svg', $color-white);
margin: 24px auto;
&.module-img--256 {
height: 256px;
width: 256px;
}
&.module-img--200 {
height: 200px;
width: 200px;
}
&.module-img--150 {
height: 150px;
width: 150px;
}
&.module-img--128 {
height: 128px;
width: 128px;
}
&.module-logo-blue {
background-color: $color-ultramarine-brand-light;
}
}
// Module: Contact Name
.module-contact-name__profile-name {
@@ -342,11 +371,11 @@
background-color: $color-gray-75;
}
@include ios-theme {
background-color: $color-signal-blue;
background-color: $color-ultramarine-ui-light;
color: $color-white;
}
@include ios-dark-theme {
background-color: $color-signal-blue;
background-color: $color-ultramarine-ui-light;
color: $color-gray-05;
}
}
@@ -3152,7 +3181,14 @@ $timer-icons: '55', '50', '45', '40', '35', '30', '25', '20', '15', '10', '05',
.module-conversation-list-item--has-unread {
padding-left: 12px;
border-left: 4px solid $color-signal-blue;
@include light-theme {
border-left: 4px solid $color-ultramarine-ui-light;
}
@include dark-theme {
border-left: 4px solid $color-ultramarine-ui-dark;
}
}
.module-conversation-list-item--is-selected {
@@ -3188,12 +3224,13 @@ $timer-icons: '55', '50', '45', '40', '35', '30', '25', '20', '15', '10', '05',
border-radius: 10px;
color: $color-white;
background-color: $color-signal-blue;
@include light-theme {
background-color: $color-ultramarine-ui-light;
box-shadow: 0px 0px 0px 1px $color-gray-02;
}
@include dark-theme {
background-color: $color-ultramarine-ui-dark;
box-shadow: 0px 0px 0px 1px $color-gray-90;
}
}
+5 -1
View File
@@ -6,7 +6,7 @@ $inter: Inter, 'Helvetica Neue', 'Source Sans Pro', 'Source Han Sans SC',
$color-signal-blue: #2090ea;
$color-accent-blue: #2090ea;
$color-accent-blue: #2c6bed;
$color-accent-green: #4caf50;
$color-accent-red: #f44336;
$color-accent-yellow: #ffd624;
@@ -35,6 +35,10 @@ $color-black-alpha-20: rgba($color-black, 0.2);
$color-black-alpha-40: rgba($color-black, 0.4);
$color-black-alpha-60: rgba($color-black, 0.6);
$color-ultramarine-brand-light: #3a76f0;
$color-ultramarine-brand-dark: #1851b4;
$color-ultramarine-ui-light: #2c6bed;
$color-ultramarine-ui-dark: #6191f3;
$color-crimson: #cc163d;
$color-vermilion: #c73800;
$color-burlap: #746c53;