Change full logo to use primary text color of the given theme (#10994)

* Change full logo to use primary text color of the given theme

* Fix colors of public layout header in light theme
master
Eugen Rochko 5 years ago committed by GitHub
parent f4bc77f290
commit 20dda5cca0
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
  1. 4
      app/helpers/stream_entries_helper.rb
  2. 2
      app/javascript/images/logo_full.svg
  3. 15
      app/javascript/styles/mastodon-light/diff.scss
  4. 3
      app/javascript/styles/mastodon/about.scss
  5. 6
      app/javascript/styles/mastodon/containers.scss
  6. 2
      app/views/about/show.html.haml
  7. 1
      app/views/layouts/application.html.haml
  8. 2
      app/views/layouts/auth.html.haml
  9. 2
      app/views/layouts/public.html.haml

@ -38,6 +38,10 @@ module StreamEntriesHelper
content_tag(:svg, tag(:use, 'xlink:href' => '#mastodon-svg-logo'), 'viewBox' => '0 0 216.4144 232.00976')
end
def svg_logo_full
content_tag(:svg, tag(:use, 'xlink:href' => '#mastodon-svg-logo-full'), 'viewBox' => '0 0 713.35878 175.8678')
end
def account_badge(account, all: false)
if account.bot?
content_tag(:div, content_tag(:div, t('accounts.roles.bot'), class: 'account-role bot'), class: 'roles')

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 5.5 KiB

After

Width:  |  Height:  |  Size: 5.6 KiB

@ -531,23 +531,14 @@ html {
}
.header {
background: lighten($ui-base-color, 24%);
.nav-link {
color: $white;
&:hover,
&:focus,
&:active {
color: $white;
}
}
background: $ui-base-color;
border: 1px solid lighten($ui-base-color, 8%);
.brand {
&:hover,
&:focus,
&:active {
background: lighten($ui-base-color, 28%);
background: lighten($ui-base-color, 4%);
}
}
}

@ -659,7 +659,8 @@ $small-breakpoint: 960px;
align-items: center;
padding: 50px;
img {
svg {
fill: $primary-text-color;
height: 52px;
}

@ -21,7 +21,8 @@
justify-content: center;
align-items: center;
img {
svg {
fill: $primary-text-color;
height: 42px;
margin-right: 10px;
}
@ -256,12 +257,13 @@
display: block;
padding: 15px;
img {
svg {
display: block;
height: 18px;
width: auto;
position: relative;
bottom: -2px;
fill: $primary-text-color;
@media screen and (max-width: $no-gap-breakpoint) {
height: 20px;

@ -8,7 +8,7 @@
.landing
.landing__brand
= link_to root_url, class: 'brand' do
= image_pack_tag 'logo_full.svg', alt: 'Mastodon'
= svg_logo_full
%span.brand__tagline=t 'about.tagline'
.landing__grid

@ -36,3 +36,4 @@
%div{ style: 'display: none'}
= render file: Rails.root.join('app', 'javascript', 'images', 'logo_transparent.svg')
= render file: Rails.root.join('app', 'javascript', 'images', 'logo_full.svg')

@ -6,7 +6,7 @@
.logo-container
%h1
= link_to root_path do
= image_pack_tag 'logo_full.svg', alt: 'Mastodon'
= svg_logo_full
.form-container
= render 'flashes'

@ -8,7 +8,7 @@
%nav.header
.nav-left
= link_to root_url, class: 'brand' do
= image_pack_tag 'logo_full.svg', alt: 'Mastodon'
= svg_logo_full
= link_to t('directories.directory'), explore_path, class: 'nav-link optional' if Setting.profile_directory
= link_to t('about.about_this'), about_more_path, class: 'nav-link optional'

Loading…
Cancel
Save