mirrors/signal-desktop
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages 2 Wiki Activity Actions

Move to new logo and primary blue color

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

45
stylesheets/_modules.scss
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;
}
}