replace loki with session on loading screens
This commit is contained in:
parent
9aa45379a9
commit
7ba85921b1
|
@ -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."
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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;
|
||||
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -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>
|
||||
|
|
Loading…
Reference in New Issue