fix/change-logo

README.md

@@ -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]
 

app/helpers/branding_helper.rb

@@ -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)

app/javascript/mastodon/components/logo.tsx

@@ -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'>
+  <img src={wordmark} alt='Whippy Edition' className='logo logo--wordmark' />
-    <title>Mastodon</title>
-    <use xlinkHref='#logo-symbol-wordmark' />
-  </svg>
 );
 
 export const SymbolLogo: React.FC = () => (
-  <img src={logo} alt='Mastodon' className='logo logo--icon' />
+  <img src={logo} alt='Whippy Edition' className='logo logo--icon' />
 );

app/javascript/mastodon/features/getting_started/components/announcements.jsx

@@ -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}>

app/javascript/mastodon/reducers/settings.js

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

app/javascript/styles/mastodon-bird-ui-dark-vanilla.scss

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

app/javascript/styles/mastodon-bird-ui-dark.scss

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

app/javascript/styles/mastodon-bird-ui-light-vanilla.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';

app/javascript/styles/mastodon-bird-ui-light.scss

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

app/javascript/styles/mastodon-light/diff.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");
+}

app/javascript/styles/mastodon-light/variables.scss

@@ -2,14 +2,19 @@
 $black: #000000;
 $white: #ffffff;
 
-$classic-base-color: #282c37;
+$red-600: #b7253d; // Deep Carmine
-$classic-primary-color: #c3b9e0;
+$red-500: #df405a; // Cerise
-$classic-secondary-color: #dcdae0;
+
-$classic-highlight-color: #675797; // Brand purple
+$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;

app/javascript/styles/mastodon/admin.scss

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

app/javascript/styles/mastodon/components.scss

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

app/javascript/styles/mastodon/containers.scss

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

app/javascript/styles/mastodon/variables.scss

@@ -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-600: #257a88; // Iris
-$blurple-500: #f6cb82; // Brand purple
+$blurple-500: #27a4b8; // Brand purple
-$blurple-400: #fad9a0; // Medium slate blue
+$blurple-400: #7477fd; // Medium slate blue
-$blurple-300: #f1e5cf; // Faded 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-primary-color: #9baec8; // Echo Blue
-$classic-secondary-color: #fff7ea;
+$classic-secondary-color: #d9e1e8; // Pattens Blue
-$classic-highlight-color: #f6cb82; // Brand purple
+$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;

app/views/layouts/mailer.html.haml

@@ -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
 

config/locales/devise.ko.yml

@@ -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}에서 인증할 수 없습니다.'

config/themes.yml

@@ -1,7 +1,9 @@
-default: styles/mastodon-bird-ui-dark.scss
+# default: styles/mastodon-bird-ui-dark.scss
-mastodon-bird-ui-light: styles/mastodon-bird-ui-light.scss
+default: styles/application.scss
-mastodon-dark: 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

public/500.html

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

public/sw.js

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

public/sw.js.map

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