replace loki with session on loading screens

This commit is contained in:
Audric Ackermann 2019-12-18 13:22:29 +11:00
parent 9aa45379a9
commit 7ba85921b1
7 changed files with 31 additions and 13 deletions

View File

@ -778,7 +778,7 @@
"description": "Shown to separate the types of search results"
},
"welcomeToSignal": {
"message": "Welcome to Loki Messenger"
"message": "Welcome to Session"
},
"selectAContact": {
"message": "Select a contact or group to start chatting."

View File

@ -29,7 +29,7 @@
<script type='text/x-tmpl-mustache' id='app-loading-screen'>
<div class='content'>
<img src='images/loki/loki_icon_128.png'>
<img src='images/session/brand.svg' class='session-filter-color-green session-logo-128' />
<div class='container'>
<span class='dot'></span>
<span class='dot'></span>
@ -41,7 +41,7 @@
<script type='text/x-tmpl-mustache' id='conversation-loading-screen'>
<div class='content'>
<img src='images/loki/loki_icon_128.png'>
<img src='images/session/brand.svg' class='session-filter-color-green session-logo-128' />
<div class='container'>
<span class='dot'></span>
<span class='dot'></span>
@ -62,7 +62,7 @@
<div class='conversation-header'></div>
<div class='container'>
<div class='content'>
<img src='images/loki/loki_icon_128.png' />
<img src='images/session/brand.svg' class='session-filter-color-green session-logo-128' />
<h3>{{ welcomeToSignal }}</h3>
<p>{{ selectAContact }}</p>
</div>
@ -737,7 +737,7 @@
<body>
<div class='app-loading-screen'>
<div class='content'>
<img src='images/loki/loki_icon_128.png'>
<img src='images/session/brand.svg' class='session-filter-color-green session-logo-128' />
<div class='container'>
<span class='dot'></span>
<span class='dot'></span>

View File

@ -14,7 +14,7 @@
<body id="signal-container" class='signal index'>
<div class='app-loading-screen'>
<div class='content'>
<img src='/images/loki/loki_icon_128.png'>
<img src='images/session/brand.svg' class='session-filter-color-green session-logo-128' />
<div class='container'>
<span class='dot'></span>
<span class='dot'></span>

View File

@ -77,7 +77,7 @@
<body>
<div class='app-loading-screen'>
<div class='content'>
<img src='images/loki/loki_icon_128.png'>
<img src='images/session/brand.svg' class='session-filter-color-green session-logo-128' />
<div class='container'>
<span class='dot'></span>
<span class='dot'></span>

View File

@ -89,6 +89,11 @@ div.spacer-lg {
height: $session-margin-lg;
}
@mixin session-filter-color-green {
filter: brightness(0) saturate(100%) invert(67%) sepia(69%) saturate(2367%)
hue-rotate(101deg) brightness(107%) contrast(101%);
}
@mixin session-color-subtle($color) {
color: rgba($color, 0.6);
}
@ -104,6 +109,9 @@ div.spacer-lg {
.fullwidth {
width: 100%;
}
@mixin session-dark-background-gradient {
background: linear-gradient(90deg, #121212, #171717) !important;
}
$session-transition-duration: 0.25s;

View File

@ -69,7 +69,7 @@
}
}
.inbox {
background: linear-gradient(90deg, $session-shade-2 100%, #171717 0%);
@include session-dark-background-gradient;
}
.module-left-pane {
@ -137,3 +137,13 @@
}
}
}
.session-logo-128 {
@include session-filter-color-green();
width: 128px;
height: 128px;
}
.app-loading-screen {
@include session-dark-background-gradient;
}

View File

@ -19,8 +19,8 @@
<script type='text/x-tmpl-mustache' id='app-loading-screen'>
<div class='content'>
<img src='/images/loki/loki_icon_128.png' height='150'>
<div class='container'>
<img src='images/session/brand.svg' class='session-filter-color-green session-logo-128' />
<div class='container'>
<span class='dot'></span>
<span class='dot'></span>
<span class='dot'></span>
@ -31,8 +31,8 @@
<script type='text/x-tmpl-mustache' id='conversation-loading-screen'>
<div class='content'>
<img src='/images/loki/loki_icon_128.png'>
<div class='container'>
<img src='images/session/brand.svg' class='session-filter-color-green session-logo-128' />
<div class='container'>
<span class='dot'></span>
<span class='dot'></span>
<span class='dot'></span>
@ -50,7 +50,7 @@
<div class='conversation-header'></div>
<div class='container'>
<div class='content'>
<img src='/images/loki/loki_icon_128.png' />
<img src='images/session/brand.svg' class='session-filter-color-green session-logo-128' />
<h3>{{ welcomeToSignal }}</h3>
<p>{{ selectAContact }}</p>
</div>