fix/change-logo
@ -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]
|
||||
|
||||
|
@ -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)
|
||||
|
BIN
app/javascript/images/logos/logo_dark.png
Normal file
After Width: | Height: | Size: 27 KiB |
BIN
app/javascript/images/logos/logo_light.png
Normal file
After Width: | Height: | Size: 28 KiB |
BIN
app/javascript/images/logos/wordmark_dark.png
Normal file
After Width: | Height: | Size: 25 KiB |
BIN
app/javascript/images/logos/wordmark_light.png
Normal file
After Width: | Height: | Size: 24 KiB |
Before Width: | Height: | Size: 6.6 KiB After Width: | Height: | Size: 25 KiB |
Before Width: | Height: | Size: 332 KiB After Width: | Height: | Size: 326 KiB |
BIN
app/javascript/images/rabbit_ui_announce.png
Normal file
After Width: | Height: | Size: 5.8 KiB |
Before Width: | Height: | Size: 87 KiB |
Before Width: | Height: | Size: 838 KiB |
Before Width: | Height: | Size: 513 KiB |
Before Width: | Height: | Size: 60 KiB |
Before Width: | Height: | Size: 65 KiB |
Before Width: | Height: | Size: 27 KiB |
Before Width: | Height: | Size: 32 KiB |
@ -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' />
|
||||
);
|
||||
|
@ -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}>
|
||||
|
@ -58,7 +58,7 @@ const initialState = ImmutableMap({
|
||||
quickFilter: ImmutableMap({
|
||||
active: 'all',
|
||||
show: true,
|
||||
advanced: false,
|
||||
advanced: true,
|
||||
}),
|
||||
|
||||
dismissPermissionBanner: false,
|
||||
|
@ -1,3 +0,0 @@
|
||||
@import 'application';
|
||||
@import 'mastodon-bird-ui-vanilla/layout-single-column.scss';
|
||||
@import 'mastodon-bird-ui-vanilla/layout-multiple-columns.scss';
|
@ -1,2 +0,0 @@
|
||||
@import 'application';
|
||||
@import 'mastodon-bird-ui/layout-single-column.scss';
|
@ -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';
|
@ -1,4 +0,0 @@
|
||||
@import 'mastodon-light/variables';
|
||||
@import 'application';
|
||||
@import 'mastodon-light/diff';
|
||||
@import 'mastodon-bird-ui/layout-single-column.scss';
|
@ -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");
|
||||
}
|
@ -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;
|
@ -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) {
|
||||
|
@ -2966,7 +2966,7 @@ $ui-header-height: 55px;
|
||||
}
|
||||
|
||||
.logo {
|
||||
height: 30px;
|
||||
height: 100px;
|
||||
width: auto;
|
||||
}
|
||||
}
|
||||
|
@ -17,7 +17,7 @@
|
||||
align-items: center;
|
||||
|
||||
.logo {
|
||||
height: 42px;
|
||||
height: 100px;
|
||||
margin-inline-end: 10px;
|
||||
}
|
||||
|
||||
|
@ -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;
|
||||
|
@ -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
|
||||
|
||||
|
@ -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}에서 인증할 수 없습니다.'
|
||||
|
@ -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
|
||||
|
||||
|
Before Width: | Height: | Size: 6.6 KiB After Width: | Height: | Size: 25 KiB |
Before Width: | Height: | Size: 6.5 KiB After Width: | Height: | Size: 24 KiB |
@ -1 +0,0 @@
|
||||
assets/500.html
|
Before Width: | Height: | Size: 10 KiB After Width: | Height: | Size: 12 KiB |
Before Width: | Height: | Size: 4.2 KiB After Width: | Height: | Size: 4.2 KiB |
BIN
public/oops.gif
Before Width: | Height: | Size: 138 KiB After Width: | Height: | Size: 93 KiB |
BIN
public/oops.png
Before Width: | Height: | Size: 83 KiB After Width: | Height: | Size: 17 KiB |
@ -1 +0,0 @@
|
||||
packs/sw.js
|
@ -1 +0,0 @@
|
||||
packs/sw.js.map
|