mirror of
https://github.com/signalapp/Signal-Desktop.git
synced 2026-05-08 08:58:38 +01:00
Move to new logo and primary blue color
This commit is contained in:
committed by
Scott Nonnenberg
parent
a90246cbe5
commit
12457d47a3
@@ -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;
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user