1
0

fix/change-logo

This commit is contained in:
whippyshou 2023-11-06 03:31:50 +09:00
parent 9e16c075cf
commit 5487278807
45 changed files with 99 additions and 19478 deletions

View File

@ -1,10 +1,10 @@
<h1><picture>
<source media="(prefers-color-scheme: dark)" srcset="./lib/assets/wordmark.dark.png?raw=true">
<source media="(prefers-color-scheme: light)" srcset="./lib/assets/wordmark.light.png?raw=true">
<img alt="Mastodon" src="./lib/assets/wordmark.light.png?raw=true" height="34">
<img alt="Whippy Edition" src="./lib/assets/wordmark.light.png?raw=true" height="100">
</picture></h1>
[![GitHub release](https://img.shields.io/github/release/mastodon/mastodon.svg)][releases]
[![GitHub release](https://img.shields.io/github/release/whippyshou/mastodon.svg)][releases]
[![Ruby Testing](https://github.com/mastodon/mastodon/actions/workflows/test-ruby.yml/badge.svg)](https://github.com/mastodon/mastodon/actions/workflows/test-ruby.yml)
[![Crowdin](https://d322cqt584bo4o.cloudfront.net/mastodon/localized.svg)][crowdin]

View File

@ -11,15 +11,15 @@ module BrandingHelper
end
def _logo_as_symbol_wordmark
content_tag(:svg, tag.use(href: '#logo-symbol-wordmark'), viewBox: '0 0 261 66', class: 'logo logo--wordmark')
content_tag(:img, nil, src:full_pack_url('media/images/logos/wordmark_dark.png'), alt: 'Whippy Edition', class: 'logo logo--wordmark')
end
def _logo_as_symbol_icon
content_tag(:svg, tag.use(href: '#logo-symbol-icon'), viewBox: '0 0 79 79', class: 'logo logo--icon')
content_tag(:img, nil, src:full_pack_url('media/images/logos/logo_dark.png'), alt: 'Whippy Edition', class: 'logo logo--icon')
end
def render_logo
image_pack_tag('logo.svg', alt: 'Mastodon', class: 'logo logo--icon')
content_tag(:img, nil, src:full_pack_url('media/images/logos/logo_dark.png'), alt: 'Whippy Edition', class: 'logo logo--icon')
end
def render_symbol(version = :icon)

Binary file not shown.

After

Width:  |  Height:  |  Size: 27 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 28 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 25 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 24 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 6.6 KiB

After

Width:  |  Height:  |  Size: 25 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 332 KiB

After

Width:  |  Height:  |  Size: 326 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.8 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 87 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 838 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 513 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 60 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 65 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 27 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 32 KiB

View File

@ -1,12 +1,10 @@
import logo from 'mastodon/../images/logo.svg';
import logo from 'mastodon/../images/logos/logo_dark.png';
import wordmark from 'mastodon/../images/logos/wordmark_dark.png';
export const WordmarkLogo: React.FC = () => (
<svg viewBox='0 0 261 66' className='logo logo--wordmark' role='img'>
<title>Mastodon</title>
<use xlinkHref='#logo-symbol-wordmark' />
</svg>
<img src={wordmark} alt='Whippy Edition' className='logo logo--wordmark' />
);
export const SymbolLogo: React.FC = () => (
<img src={logo} alt='Mastodon' className='logo logo--icon' />
<img src={logo} alt='Whippy Edition' className='logo logo--icon' />
);

View File

@ -12,7 +12,7 @@ import TransitionMotion from 'react-motion/lib/TransitionMotion';
import spring from 'react-motion/lib/spring';
import ReactSwipeableViews from 'react-swipeable-views';
import elephantUIPlane from 'mastodon/../images/elephant_ui_plane.svg';
import rabbitUIPlain from 'mastodon/../images/rabbit_ui_announce.png'
import { AnimatedNumber } from 'mastodon/components/animated_number';
import { Icon } from 'mastodon/components/icon';
import { IconButton } from 'mastodon/components/icon_button';
@ -420,7 +420,7 @@ class Announcements extends ImmutablePureComponent {
return (
<div className='announcements'>
<img className='announcements__mastodon' alt='' draggable='false' src={mascot || elephantUIPlane} />
<img className='announcements__mastodon' alt='' draggable='false' src={mascot || rabbitUIPlain} />
<div className='announcements__container'>
<ReactSwipeableViews animateHeight animateTransitions={!reduceMotion} index={index} onChangeIndex={this.handleChangeIndex}>

View File

@ -58,7 +58,7 @@ const initialState = ImmutableMap({
quickFilter: ImmutableMap({
active: 'all',
show: true,
advanced: false,
advanced: true,
}),
dismissPermissionBanner: false,

View File

@ -1,3 +0,0 @@
@import 'application';
@import 'mastodon-bird-ui-vanilla/layout-single-column.scss';
@import 'mastodon-bird-ui-vanilla/layout-multiple-columns.scss';

View File

@ -1,2 +0,0 @@
@import 'application';
@import 'mastodon-bird-ui/layout-single-column.scss';

View File

@ -1,5 +0,0 @@
@import 'mastodon-light/variables';
@import 'application';
@import 'mastodon-light/diff';
@import 'mastodon-bird-ui-vanilla/layout-single-column.scss';
@import 'mastodon-bird-ui-vanilla/layout-multiple-columns.scss';

View File

@ -1,4 +0,0 @@
@import 'mastodon-light/variables';
@import 'application';
@import 'mastodon-light/diff';
@import 'mastodon-bird-ui/layout-single-column.scss';

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -670,3 +670,11 @@ html {
background-color: rgba($ui-highlight-color, 0.15);
}
}
img.logo--wordmark {
content: url("../images/logos/wordmark_light.png");
}
img.logo--icon {
content: url("../images/logos/logo_light.png");
}

View File

@ -2,14 +2,19 @@
$black: #000000;
$white: #ffffff;
$classic-base-color: #282c37;
$classic-primary-color: #c3b9e0;
$classic-secondary-color: #dcdae0;
$classic-highlight-color: #675797; // Brand purple
$red-600: #b7253d; // Deep Carmine
$red-500: #df405a; // Cerise
$classic-base-color: #282c37;
$classic-primary-color: #9baec8;
$classic-secondary-color: #d9e1e8;
$classic-highlight-color: #cf647d;
$blurple-600: #be2a4d; // Iris
$blurple-500: #cf647d; // Brand purple
$blurple-400: #7477fd; // Medium slate blue
$blurple-300: #df98a2; // Faded Blue
$blurple-600: #2d2740; // Iris
$blurple-500: #423a5d; // Brand purple
$blurple-300: #aea7c1; // Faded Blue
$grey-600: #4e4c5a; // Trout
$grey-100: #dadaf3; // Topaz
@ -21,7 +26,7 @@ $valid-value-color: $success-green !default;
$ui-base-color: $classic-secondary-color !default;
$ui-base-lighter-color: #b0c0cf;
$ui-primary-color: #9bcbed;
$ui-primary-color: #d4b0b9;
$ui-secondary-color: $classic-base-color !default;
$ui-highlight-color: $classic-highlight-color !default;
@ -55,3 +60,36 @@ $account-background-color: $white !default;
}
$emojis-requiring-inversion: 'chains';
// Tell UI to use selected colors
$ui-base-color: $classic-base-color !default; // Darkest
$ui-base-lighter-color: lighten(
$ui-base-color,
26%
) !default; // Lighter darkest
$ui-primary-color: $classic-primary-color !default; // Lighter
$ui-secondary-color: $classic-secondary-color !default; // Lightest
$ui-highlight-color: $classic-highlight-color !default;
$ui-button-color: $white !default;
$ui-button-background-color: $blurple-500 !default;
$ui-button-focus-background-color: $blurple-600 !default;
$ui-button-focus-outline-color: $blurple-400 !default;
$ui-button-focus-outline: solid 2px $ui-button-focus-outline-color !default;
$ui-button-secondary-color: $grey-100 !default;
$ui-button-secondary-border-color: $grey-100 !default;
$ui-button-secondary-focus-background-color: $grey-600 !default;
$ui-button-secondary-focus-color: $white !default;
$ui-button-tertiary-color: $blurple-300 !default;
$ui-button-tertiary-border-color: $blurple-300 !default;
$ui-button-tertiary-focus-background-color: $blurple-600 !default;
$ui-button-tertiary-focus-color: $white !default;
$ui-button-destructive-background-color: $red-500 !default;
$ui-button-destructive-focus-background-color: $red-600 !default;
$ui-button-icon-focus-outline: $ui-button-focus-outline !default;
$ui-button-icon-hover-background-color: rgba(140, 141, 255, 40%) !default;

View File

@ -76,16 +76,15 @@ $content-width: 840px;
.logo {
display: block;
margin: 40px auto;
width: 100px;
height: 100px;
margin: auto;
height: 200px;
}
.logo--wordmark {
display: inherit;
margin: inherit;
width: inherit;
height: 25px;
height: 100px;
}
@media screen and (max-width: $no-columns-breakpoint) {

View File

@ -2966,7 +2966,7 @@ $ui-header-height: 55px;
}
.logo {
height: 30px;
height: 100px;
width: auto;
}
}

View File

@ -17,7 +17,7 @@
align-items: center;
.logo {
height: 42px;
height: 100px;
margin-inline-end: 10px;
}

View File

@ -3,10 +3,11 @@ $black: #000000; // Black
$white: #ffffff; // White
$red-600: #b7253d !default; // Deep Carmine
$red-500: #df405a !default; // Cerise
$blurple-600: #d3a24e; // Iris
$blurple-500: #f6cb82; // Brand purple
$blurple-400: #fad9a0; // Medium slate blue
$blurple-300: #f1e5cf; // Faded Blue
$blurple-600: #257a88; // Iris
$blurple-500: #27a4b8; // Brand purple
$blurple-400: #7477fd; // Medium slate blue
$blurple-300: #81c5cf; // Faded Blue
$grey-600: #4e4c5a; // Trout
$grey-100: #dadaf3; // Topaz
@ -19,9 +20,9 @@ $red-bookmark: $warning-red;
// Values from the classic Mastodon UI
$classic-base-color: #282c37; // Midnight Express
$classic-primary-color: #f9ddac;
$classic-secondary-color: #fff7ea;
$classic-highlight-color: #f6cb82; // Brand purple
$classic-primary-color: #9baec8; // Echo Blue
$classic-secondary-color: #d9e1e8; // Pattens Blue
$classic-highlight-color: #27a4b8; // Brand purple
// Variables for defaults in UI
$base-shadow-color: $black !default;
@ -60,7 +61,7 @@ $ui-button-destructive-background-color: $red-500 !default;
$ui-button-destructive-focus-background-color: $red-600 !default;
$ui-button-icon-focus-outline: $ui-button-focus-outline !default;
$ui-button-icon-hover-background-color: #78718c !default;
$ui-button-icon-hover-background-color: rgba(140, 141, 255, 40%) !default;
// Variables for texts
$primary-text-color: $white !default;

View File

@ -22,7 +22,7 @@
%tr
%td.column-cell
= link_to root_url do
= image_tag full_pack_url('media/images/mailer/wordmark.png'), alt: 'Mastodon', height: 34, class: 'logo'
= image_tag full_pack_url('media/images/mailer/wordmark.png'), alt: 'Whippy Edition', height: 100, class: 'logo'
= yield

View File

@ -23,12 +23,12 @@ ko:
explanation: 당신은 %{host}에서 이 이메일로 가입하셨습니다. 클릭만 하시면 계정이 활성화 됩니다. 만약 당신이 가입한 게 아니라면 이 메일을 무시해 주세요.
explanation_when_pending: 당신은 %{host}에 가입 요청을 하셨습니다. 이 이메일이 확인 되면 우리가 가입 요청을 리뷰하고 승인할 수 있습니다. 그 전까지는 로그인을 할 수 없습니다. 당신의 가입 요청이 거부 될 경우 당신에 대한 정보는 모두 삭제 되며 따로 요청 할 필요는 없습니다. 만약 당신이 가입 요청을 한 게 아니라면 이 메일을 무시해 주세요.
extra_html: <a href="%{terms_path}">서버의 규칙</a>과 <a href="%{policy_path}">이용 약관</a>도 확인해 주세요.
subject: '마스토돈: %{instance}에 대한 확인 메일'
subject: '휘핑 에디션: %{instance}에 대한 확인 메일'
title: 이메일 주소 확인
email_changed:
explanation: '귀하의 계정이 다음의 이메일 주소로 변경됩니다:'
extra: 만약 이메일을 바꾸지 않았다면 누군가 계정에 대한 접근 권한을 얻은 것입니다. 바로 암호를 바꾸셔야 하며, 만약 계정이 잠겼다면 서버의 운영자에게 연락 바랍니다.
subject: '마스토돈: 이메일이 변경 되었습니다'
subject: '휘핑 에디션: 이메일이 변경 되었습니다'
title: 새 이메일 주소
password_change:
explanation: 계정 암호가 변경되었습니다.
@ -38,7 +38,7 @@ ko:
reconfirmation_instructions:
explanation: 이메일 주소를 바꾸려면 새 이메일 주소를 확인해야 합니다.
extra: 당신이 시도한 것이 아니라면 이 메일을 무시해 주세요. 위 링크를 클릭하지 않으면 이메일 변경은 일어나지 않습니다.
subject: '마스토돈: %{instance}에 대한 이메일 확인'
subject: '휘핑 에디션: %{instance}에 대한 이메일 확인'
title: 이메일 주소 확인
reset_password_instructions:
action: 암호 변경
@ -48,34 +48,34 @@ ko:
title: 암호 재설정
two_factor_disabled:
explanation: 당신의 계정에 설정된 이중 인증이 비활성화 되었습니다. 이제 이메일과 암호만으로 로그인이 가능합니다.
subject: '마스토돈: 이중 인증 비활성화'
subject: '휘핑 에디션: 이중 인증 비활성화'
title: 2FA 비활성화 됨
two_factor_enabled:
explanation: 당신의 계정에 이중 인증이 활성화되었습니다. 로그인시 페어링된 T-OTP 앱에서 생성된 토큰이 필요합니다.
subject: '마스토돈: 이중 인증 활성화'
subject: '휘핑 에디션: 이중 인증 활성화'
title: 2FA 활성화 됨
two_factor_recovery_codes_changed:
explanation: 이전 복구 코드가 무효화되고 새 코드가 생성되었습니다
subject: '마스토돈: 이중 인증 복구 코드 재생성 됨'
subject: '휘핑 에디션: 이중 인증 복구 코드 재생성 됨'
title: 2FA 복구 코드 변경됨
unlock_instructions:
subject: '마스토돈: 잠금 해제 방법'
subject: '휘핑 에디션: 잠금 해제 방법'
webauthn_credential:
added:
explanation: 계정에 다음 보안 키가 등록되었습니다
subject: '마스토돈: 새로운 보안 키'
subject: '휘핑 에디션: 새로운 보안 키'
title: 새 보안 키가 추가되었습니다
deleted:
explanation: 계정에서 다음 보안 키가 삭제되었습니다
subject: '마스토돈: 보안 키 삭제'
subject: '휘핑 에디션: 보안 키 삭제'
title: 보안 키가 삭제되었습니다
webauthn_disabled:
explanation: 보안 키를 이용한 인증이 당신의 계정에 대해 비활성화 되어 있습니다. TOTP 앱의 토큰만으로 로그인 할 수 있습니다.
subject: '마스토돈: 보안 키를 이용한 인증이 비활성화 됨'
subject: '휘핑 에디션: 보안 키를 이용한 인증이 비활성화 됨'
title: 보안 키 비활성화 됨
webauthn_enabled:
explanation: 보안 키 인증이 당신의 계정에 대해 활성화 되어 있습니다. 보안 키를 통해 로그인 할 수 있습니다.
subject: '마스토돈: 보안 키 인증 활성화 됨'
subject: '휘핑 에디션: 보안 키 인증 활성화 됨'
title: 보안 키 활성화 됨
omniauth_callbacks:
failure: '"%{reason}" 때문에 당신을 %{kind}에서 인증할 수 없습니다.'

View File

@ -1,7 +1,9 @@
default: styles/mastodon-bird-ui-dark.scss
mastodon-bird-ui-light: styles/mastodon-bird-ui-light.scss
mastodon-dark: styles/application.scss
# default: styles/mastodon-bird-ui-dark.scss
default: styles/application.scss
# mastodon-bird-ui-light: styles/mastodon-bird-ui-light.scss
# bird-ui-light: styles/bird-ui-light.scss
# bird-ui-dark: styles/bird-ui-dark.scss
# # mastodon-dark: styles/application.scss
mastodon-light: styles/mastodon-light.scss
contrast: styles/contrast.scss
mastodon-bird-ui-light-vanilla: styles/mastodon-bird-ui-light-vanilla.scss
mastodon-bird-ui-dark-vanilla: styles/mastodon-bird-ui-dark-vanilla.scss

Binary file not shown.

Before

Width:  |  Height:  |  Size: 6.6 KiB

After

Width:  |  Height:  |  Size: 25 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 6.5 KiB

After

Width:  |  Height:  |  Size: 24 KiB

View File

@ -1 +0,0 @@
assets/500.html

Binary file not shown.

Before

Width:  |  Height:  |  Size: 10 KiB

After

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.2 KiB

After

Width:  |  Height:  |  Size: 4.2 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 138 KiB

After

Width:  |  Height:  |  Size: 93 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 83 KiB

After

Width:  |  Height:  |  Size: 17 KiB

View File

@ -1 +0,0 @@
packs/sw.js

View File

@ -1 +0,0 @@
packs/sw.js.map