public-mirrors/NewsBlur
1
0
Fork 0
mirror of https://github.com/samuelclay/NewsBlur.git synced 2025-09-18 21:50:56 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Updating logo for dark mode.

Browse source
This commit is contained in:
Samuel Clay 2020-06-17 18:17:05 -04:00
parent 228c67ae0b
commit 3adb60944d
12 changed files with 4343 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
apps/reader/views.py
View file

@ -249,7 +249,7 @@ def load_feeds(request):
if flat == 'false': flat = False
if flat: return load_feeds_flat(request)
import time; time.sleep(15)
platform = extract_user_agent(request)
if platform in ['iPhone', 'iPad', 'Androd']:
# Remove this check once the iOS and Android updates go out which have update_counts=False

11
media/css/darkmode.css
View file

@ -910,11 +910,22 @@ text-shadow: none;
text-shadow: 0 1px 0 rgba(0,0,0,0.1);
}
.NB-dark .NB-splash-blurred-logo {
background: transparent url('/media/embed/logo_newsblur_blur_dark.png') no-repeat center center;
background-size: contain;
}
/* ============= */
/* = Feed Pane = */
/* ============= */
.NB-dark #NB-feeds-list-loader {
color: rgba(255, 255, 255, .4);
text-shadow: 0 1px 0 rgba(0, 0, 0, .3);
background: transparent url("/media/embed/reader/sun_loader_dark.svg") no-repeat 0 0;
background-size: 52px;
}
.NB-dark .left-pane,
.NB-dark .NB-feedlist {
background-color: #434543;

12
media/css/reader.css
View file

@ -408,6 +408,8 @@ hr {
}
.NB-feedlists .NB-socialfeeds .feed .feed_title {
text-shadow: 0 1px 0 rgba(250, 250, 250, .4);
color: #F7E4DB;
color: #F5F0D9;
}
.NB-feedlists .NB-socialfeeds img.feed_favicon {
border-radius: 3px;
@ -417,7 +419,8 @@ hr {
/* ============= */
#NB-feeds-list-loader {
background: transparent url("/media/embed/reader/big_spinner.gif?v2") no-repeat 0 0;
background: transparent url("/media/embed/reader/sun_loader_light.svg") no-repeat 0 0;
background-size: 52px;
color: rgba(0, 0, 0, .2);
font-size: 16px;
height: 51px;
@ -5290,6 +5293,13 @@ form.opml_import_form input {
.NB-body-main .NB-splash-info .NB-splash-link-logo {
float: right;
display: block;
opacity: 0.4;
}
.NB-splash-blurred-logo {
background: transparent url('/media/embed/logo_newsblur_blur.png') no-repeat center center;
background-size: contain;
width: 146px;
height: 30px;
}
.NB-splash-info .NB-splash-links .NB-splash-link.NB-splash-link-logo a {
padding-top: 0;

BIN
media/img/logo_newsblur.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 23 KiB

After

Width:  |  Height:  |  Size: 78 KiB

BIN
media/img/logo_newsblur_blur.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 37 KiB

After

Width:  |  Height:  |  Size: 184 KiB

BIN
media/img/logo_newsblur_blur_dark.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 200 KiB

BIN
media/img/originals/logo.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 408 KiB

After

Width:  |  Height:  |  Size: 408 KiB

18
media/img/reader/sun_loader_dark.svg Normal file
View file

@ -0,0 +1,18 @@
<svg width="80px" height="80px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid" class="lds-sunny">
<circle cx="50" cy="50" r="25" ng-attr-fill="{{config.c1}}" fill="#DBD5BA"></circle>
<g transform="rotate(60 50 50)">
<path d="M43 23L57 23L50 10Z" transform="rotate(30 50 50)" ng-attr-fill="{{config.c2}}" fill="#B28872"></path>
<path d="M43 23L57 23L50 10Z" transform="rotate(60 50 50)" ng-attr-fill="{{config.c2}}" fill="#B28872"></path>
<path d="M43 23L57 23L50 10Z" transform="rotate(90 50 50)" ng-attr-fill="{{config.c2}}" fill="#B28872"></path>
<path d="M43 23L57 23L50 10Z" transform="rotate(120 50 50)" ng-attr-fill="{{config.c2}}" fill="#B28872"></path>
<path d="M43 23L57 23L50 10Z" transform="rotate(150 50 50)" ng-attr-fill="{{config.c2}}" fill="#B28872"></path>
<path d="M43 23L57 23L50 10Z" transform="rotate(180 50 50)" ng-attr-fill="{{config.c2}}" fill="#B28872"></path>
<path d="M43 23L57 23L50 10Z" transform="rotate(210 50 50)" ng-attr-fill="{{config.c2}}" fill="#B28872"></path>
<path d="M43 23L57 23L50 10Z" transform="rotate(240 50 50)" ng-attr-fill="{{config.c2}}" fill="#B28872"></path>
<path d="M43 23L57 23L50 10Z" transform="rotate(270 50 50)" ng-attr-fill="{{config.c2}}" fill="#B28872"></path>
<path d="M43 23L57 23L50 10Z" transform="rotate(300 50 50)" ng-attr-fill="{{config.c2}}" fill="#B28872"></path>
<path d="M43 23L57 23L50 10Z" transform="rotate(330 50 50)" ng-attr-fill="{{config.c2}}" fill="#B28872"></path>
<path d="M43 23L57 23L50 10Z" transform="rotate(360 50 50)" ng-attr-fill="{{config.c2}}" fill="#B28872"></path>
<animateTransform attributeName="transform" type="rotate" calcMode="linear" values="0 50 50;180 50 50" keyTimes="0;1" dur="5.3s" begin="0s" repeatCount="indefinite"></animateTransform>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.8 KiB

18
media/img/reader/sun_loader_light.svg Normal file
View file

@ -0,0 +1,18 @@
<svg width="80px" height="80px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid" class="lds-sunny">
<circle cx="50" cy="50" r="25" ng-attr-fill="{{config.c1}}" fill="#F5F0D9"></circle>
<g transform="rotate(60 50 50)">
<path d="M43 23L57 23L50 10Z" transform="rotate(30 50 50)" ng-attr-fill="{{config.c2}}" fill="#F7E4DB"></path>
<path d="M43 23L57 23L50 10Z" transform="rotate(60 50 50)" ng-attr-fill="{{config.c2}}" fill="#F7E4DB"></path>
<path d="M43 23L57 23L50 10Z" transform="rotate(90 50 50)" ng-attr-fill="{{config.c2}}" fill="#F7E4DB"></path>
<path d="M43 23L57 23L50 10Z" transform="rotate(120 50 50)" ng-attr-fill="{{config.c2}}" fill="#F7E4DB"></path>
<path d="M43 23L57 23L50 10Z" transform="rotate(150 50 50)" ng-attr-fill="{{config.c2}}" fill="#F7E4DB"></path>
<path d="M43 23L57 23L50 10Z" transform="rotate(180 50 50)" ng-attr-fill="{{config.c2}}" fill="#F7E4DB"></path>
<path d="M43 23L57 23L50 10Z" transform="rotate(210 50 50)" ng-attr-fill="{{config.c2}}" fill="#F7E4DB"></path>
<path d="M43 23L57 23L50 10Z" transform="rotate(240 50 50)" ng-attr-fill="{{config.c2}}" fill="#F7E4DB"></path>
<path d="M43 23L57 23L50 10Z" transform="rotate(270 50 50)" ng-attr-fill="{{config.c2}}" fill="#F7E4DB"></path>
<path d="M43 23L57 23L50 10Z" transform="rotate(300 50 50)" ng-attr-fill="{{config.c2}}" fill="#F7E4DB"></path>
<path d="M43 23L57 23L50 10Z" transform="rotate(330 50 50)" ng-attr-fill="{{config.c2}}" fill="#F7E4DB"></path>
<path d="M43 23L57 23L50 10Z" transform="rotate(360 50 50)" ng-attr-fill="{{config.c2}}" fill="#F7E4DB"></path>
<animateTransform attributeName="transform" type="rotate" calcMode="linear" values="0 50 50;180 50 50" keyTimes="0;1" dur="5.3s" begin="0s" repeatCount="indefinite"></animateTransform>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.8 KiB

4280
media/img/vectors/NewsBlur Horizontal.ai Normal file
View file

File diff suppressed because one or more lines are too long

2
templates/base.html
View file

@ -128,7 +128,7 @@
<div class="NB-body-inner">
<div class="NB-splash-info NB-splash-top">
<a href="{% url "index" %}"><img class="NB-splash-title" src="{{ MEDIA_URL }}/img/logo_newsblur_blur.png" /></a>
<a href="{% url "index" %}"><div class="NB-splash-title NB-splash-blurred-logo"></div></a>
</div>
{% block content %}{% endblock %}

4
templates/reader/footer.xhtml
View file

@ -12,6 +12,8 @@
<li class="NB-splash-link NB-first NB-splash-link-twitter"><a href="http://twitter.com/newsblur">@newsblur</a></li>
</ul>
<div class="NB-splash-link NB-splash-link-logo"><a href="{% url "index" %}"><img src="{{ MEDIA_URL }}/img/logo_newsblur_blur.png" style="height: 30px;" /></a></div>
<div class="NB-splash-link NB-splash-link-logo">
<a href="{% url "index" %}"><div class="NB-splash-blurred-logo"></div></a>
</div>
</div>