From a1e489a5ad725865ef35814717b056da35d27185 Mon Sep 17 00:00:00 2001
From: Yoichiro <yoichiro@eisbahn.jp>
Date: Sat, 2 Dec 2023 17:50:09 +0900
Subject: [PATCH] Happy Xmas 2023.

---
 src/App.tsx                                    |  2 +-
 src/assets/images/top/xmas-logo.svg            |  1 +
 src/components/catalog/header/Header.tsx       |  2 +-
 src/components/configure/header/Header.tsx     |  6 +++++-
 src/components/keyboards/header/Header.tsx     |  2 +-
 src/components/organizations/header/Header.tsx |  2 +-
 src/components/top/Top.tsx                     |  3 ++-
 src/index.tsx                                  | 13 ++++++++++++-
 8 files changed, 24 insertions(+), 7 deletions(-)
 create mode 100644 src/assets/images/top/xmas-logo.svg

diff --git a/src/App.tsx b/src/App.tsx
index e34c79e4..29c05c1d 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,6 +1,6 @@
 import React from 'react';
 import { SnackbarProvider } from 'notistack';
-import './App.css';
+// import './App.css';
 import { BrowserRouter, Navigate, Route, Routes } from 'react-router-dom';
 import Configure from './components/configure/Configure.container';
 import Hid from './services/hid/ui/Hid';
diff --git a/src/assets/images/top/xmas-logo.svg b/src/assets/images/top/xmas-logo.svg
new file mode 100644
index 00000000..d6d08ace
--- /dev/null
+++ b/src/assets/images/top/xmas-logo.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg id="_レイヤー_2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 281.85 46.33"><defs><style>.cls-1{fill:#d6660b;}.cls-1,.cls-2,.cls-3,.cls-4,.cls-5{stroke-width:0px;}.cls-2{fill:#b5004a;}.cls-3{fill:#b20000;}.cls-4{fill:#fff;}.cls-5{fill:#016b57;}</style></defs><g id="_レイヤー_1-2"><path class="cls-5" d="m53.83,43.36h-2.18c-1.1,0-2-.9-2-2V5.34c0-1.1.9-2,2-2h7.66c3.66,0,6,.72,7.92,2.4,2.4,2.04,3.6,5.1,3.6,9.06,0,4.41-1.38,7.63-4.14,9.61-.72.52-1.05,1.42-.78,2.26l4.55,14.07c.42,1.29-.55,2.62-1.9,2.62h-2.27c-.87,0-1.64-.56-1.9-1.39l-4.39-13.66c-.27-.83-1.04-1.39-1.9-1.39h-.26c-1.1,0-2,.9-2,2v12.44c0,1.1-.9,2-2,2Zm4.28-22.14c2.64,0,3.84-.3,4.8-1.26,1.02-1.02,1.5-2.64,1.5-4.86s-.48-3.78-1.5-4.8c-.96-.96-2.16-1.26-4.8-1.26h-.28c-1.1,0-2,.9-2,2v8.18c0,1.1.9,2,2,2h.28Z"/><path class="cls-2" d="m92.11,9.04h-7.94c-1.1,0-2,.9-2,2v6.56c0,1.1.9,2,2,2h4.82c1.1,0,2,.9,2,2v1.7c0,1.1-.9,2-2,2h-4.82c-1.1,0-2,.9-2,2v8.36c0,1.1.9,2,2,2h7.94c1.1,0,2,.9,2,2v1.7c0,1.1-.9,2-2,2h-14.12c-1.1,0-2-.9-2-2V5.34c0-1.1.9-2,2-2h14.12c1.1,0,2,.9,2,2v1.7c0,1.1-.9,2-2,2Z"/><rect class="cls-3" x="101.67" width="41.7" height="46.33" rx="6.89" ry="6.89"/><path class="cls-4" d="m118.58,13.64l2.71,9.38c.35,1.22,2.09,1.22,2.44,0l2.7-9.38c.16-.54.65-.92,1.22-.92h3.74c.7,0,1.27.57,1.27,1.27v18.34c0,.7-.57,1.27-1.27,1.27h-2c-.7,0-1.27-.57-1.27-1.27v-3.61h0c.07-1.49-2.05-1.85-2.48-.43l-1.35,4.4c-.16.53-.66.9-1.21.9h-1.12c-.56,0-1.05-.36-1.21-.9l-1.36-4.44c-.44-1.43-2.55-1.06-2.48.43v.04s0,3.61,0,3.61c0,.7-.57,1.27-1.27,1.27h-1.99c-.7,0-1.27-.57-1.27-1.27V13.99c0-.7.57-1.27,1.27-1.27h3.73c.57,0,1.06.37,1.22.92Z"/><rect class="cls-5" x="147.66" width="41.7" height="46.33" rx="6.89" ry="6.89"/><path class="cls-4" d="m170.43,29.7h-3.88c-.69,0-1.29.46-1.48,1.12l-.46,1.66c-.18.66-.79,1.12-1.48,1.12h-1.55c-1.04,0-1.78-1.02-1.46-2.01l5.88-17.82c.21-.63.79-1.05,1.46-1.05h2.04c.66,0,1.25.42,1.46,1.05l5.92,17.82c.33.99-.41,2.02-1.46,2.02h-1.58c-.69,0-1.29-.46-1.48-1.12l-.47-1.66c-.19-.66-.79-1.12-1.48-1.12Zm-1.94-3.89h0c1.02,0,1.75-.97,1.48-1.95h0c-.42-1.5-2.54-1.49-2.95,0h0c-.27.98.46,1.94,1.48,1.94Z"/><rect class="cls-1" x="193.58" width="41.7" height="46.33" rx="6.89" ry="6.89"/><path class="cls-4" d="m211.56,28.17v3.79c0,.91-.74,1.65-1.65,1.65h-1.23c-.91,0-1.65-.74-1.65-1.65V14.37c0-.91.74-1.65,1.65-1.65h5.85c1.13,0,2.14.18,3.05.53.9.35,1.67.85,2.3,1.48s1.11,1.38,1.45,2.24c.34.87.5,1.81.5,2.83s-.17,1.93-.5,2.75c-.34.82-.82,1.53-1.45,2.12s-1.39,1.04-2.3,1.36c-.9.32-1.92.48-3.05.48h-1.32c-.91,0-1.65.74-1.65,1.65Zm0-7.18c0,.91.74,1.65,1.65,1.65h1.32c.47,0,.88-.07,1.22-.21.34-.14.62-.33.84-.58.22-.25.38-.55.48-.89s.15-.72.15-1.12c0-.43-.05-.84-.15-1.23s-.26-.73-.48-1.03c-.22-.3-.5-.53-.84-.71-.34-.18-.75-.27-1.22-.27h-1.32c-.91,0-1.65.74-1.65,1.65v2.73Z"/><rect class="cls-5" x="240.16" width="41.7" height="46.33" rx="6.89" ry="6.89"/><polygon class="cls-4" points="272.39 28.55 261.01 8.84 249.63 28.55 254.78 28.55 249.63 37.49 272.39 37.49 267.23 28.55 272.39 28.55"/><rect class="cls-3" width="41.7" height="46.33" rx="6.89" ry="6.89"/><path class="cls-4" d="m34.32,16.1c-2.96-8.64-12.59-4.76-13.48-.45-1.22-4.6-10.61-8.03-13.47.45-3.19,9.45,12.36,17.92,13.47,19.31,1.11-1.1,16.66-10.03,13.47-19.32Z"/></g></svg>
\ No newline at end of file
diff --git a/src/components/catalog/header/Header.tsx b/src/components/catalog/header/Header.tsx
index 63f444b0..ca7fa3e7 100644
--- a/src/components/catalog/header/Header.tsx
+++ b/src/components/catalog/header/Header.tsx
@@ -53,7 +53,7 @@ class Header extends React.Component<HeaderProps, HeaderState> {
           </div>
           <div className="catalog-header-logo">
             <a href="/">
-              <Logo width={100} />
+              <Logo width={100} color={'#2d6858'} />
             </a>
           </div>
           <div className="catalog-header-buttons">
diff --git a/src/components/configure/header/Header.tsx b/src/components/configure/header/Header.tsx
index b8d056d0..2e53a319 100644
--- a/src/components/configure/header/Header.tsx
+++ b/src/components/configure/header/Header.tsx
@@ -223,7 +223,11 @@ export default class Header extends React.Component<HeaderProps, HeaderState> {
               onMouseEnter={this.startLogoAnim.bind(this)}
               onMouseLeave={this.endLogoAnim.bind(this)}
             >
-              <Logo width={100} animation={this.state.logoAnimation} />
+              <Logo
+                width={100}
+                animation={this.state.logoAnimation}
+                color={'#2d6858'}
+              />
             </a>
           </div>
 
diff --git a/src/components/keyboards/header/Header.tsx b/src/components/keyboards/header/Header.tsx
index 9331832d..9baab81a 100644
--- a/src/components/keyboards/header/Header.tsx
+++ b/src/components/keyboards/header/Header.tsx
@@ -98,7 +98,7 @@ class Header extends React.Component<HeaderProps, HeaderState> {
     return (
       <header className="keyboards-header">
         <a href="/" className="keyboards-header-logo">
-          <Logo width={100} />
+          <Logo width={100} color={'#2d6858'} />
         </a>
         <div className="keyboards-header-menu-button">
           {this.renderAvatarIcon()}
diff --git a/src/components/organizations/header/Header.tsx b/src/components/organizations/header/Header.tsx
index 656dc25f..9e97e6c2 100644
--- a/src/components/organizations/header/Header.tsx
+++ b/src/components/organizations/header/Header.tsx
@@ -98,7 +98,7 @@ class Header extends React.Component<HeaderProps, HeaderState> {
     return (
       <header className="organizations-header">
         <a href="/" className="organizations-header-logo">
-          <Logo width={100} />
+          <Logo width={100} color={'#2d6858'} />
         </a>
         <div className="organizations-header-menu-button">
           {this.renderAvatarIcon()}
diff --git a/src/components/top/Top.tsx b/src/components/top/Top.tsx
index 7b7f1400..dc26191b 100644
--- a/src/components/top/Top.tsx
+++ b/src/components/top/Top.tsx
@@ -11,6 +11,7 @@ import textMatrix from '../../assets/images/top/text-matrix.png';
 import macro from '../../assets/images/top/macro.png';
 import firmwareWriting from '../../assets/images/top/firmware-writing.png';
 import buildFirmware from '../../assets/images/top/build-firmware.png';
+import xmasLogo from '../../assets/images/top/xmas-logo.svg';
 import Footer from '../common/footer/Footer.container';
 import { Logo } from '../common/logo/Logo';
 import './Top.scss';
@@ -124,7 +125,7 @@ export default function Top(props: TopPropsType) {
               color="textPrimary"
               gutterBottom
             >
-              <Logo width={256} color={'black'} />
+              <img src={xmasLogo} height={64} alt="Remap Xmas Logo" />
             </Typography>
             <Typography
               variant="h5"
diff --git a/src/index.tsx b/src/index.tsx
index a6ccd9db..9324dddc 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -11,6 +11,7 @@ import reportWebVitals from './reportWebVitals';
 import { errorReportingLogger } from './utils/ErrorReportingLogger';
 import OGP from './components/common/ogp/OGP.container';
 import { HelmetProvider } from 'react-helmet-async';
+import { createTheme, ThemeProvider } from '@mui/material/styles';
 
 const store = createStore(
   reducers,
@@ -20,12 +21,22 @@ const store = createStore(
   )
 );
 
+const theme = createTheme({
+  palette: {
+    primary: {
+      main: '#2d6858',
+    },
+  },
+});
+
 ReactDOM.render(
   <Provider store={store}>
     <React.StrictMode>
       <HelmetProvider>
         <OGP />
-        <App />
+        <ThemeProvider theme={theme}>
+          <App />
+        </ThemeProvider>
       </HelmetProvider>
     </React.StrictMode>
   </Provider>,