Fix logo color

apps/app/src/components/CompleteUserRegistrationForm.tsx

@@ -170,7 +170,7 @@ const CompleteUserRegistrationForm: React.FC<Props> = (props: Props) => {
 
               <div className="input-group mt-5 d-flex justify-content-center">
                 <a href="https://growi.org" className="link-growi-org">
-                  <span className="growi">GROWI</span>.<span className="org">ORG</span>
+                  <span className="growi">GROWI</span><span className="org">.ORG</span>
                 </a>
               </div>
             </form>

apps/app/src/components/InstallerForm.tsx

@@ -216,7 +216,7 @@ const InstallerForm = memo((): JSX.Element => {
 
           <div>
             <a href="https://growi.org" className="link-growi-org">
-              <span className="growi">GROWI</span>.<span className="org">org</span>
+              <span className="growi">GROWI</span><span className="org">.org</span>
             </a>
           </div>
 

apps/app/src/components/InvitedForm.tsx

@@ -155,7 +155,7 @@ export const InvitedForm = (props: InvitedFormProps): JSX.Element => {
       </form>
       <div className="input-group mt-4 d-flex justify-content-center">
         <a href="https://growi.org" className="link-growi-org">
-          <span className="growi">GROWI</span>.<span className="org">ORG</span>
+          <span className="growi">GROWI</span><span className="org">.ORG</span>
         </a>
       </div>
     </div>

apps/app/src/components/Layout/NoLoginLayout.module.scss

@@ -175,7 +175,7 @@
       background-color: rgba(white, 0.3);
 
       svg {
-        color: white;
+        fill: white;
       }
 
       .logo {
@@ -218,11 +218,11 @@
         color: white;
 
         .growi {
-          color: darken(var.$growi-green, 10%);
+          color: darken(var.$growi-blue, 10%);
         }
 
         .org {
-          color: darken(var.$growi-blue, 10%);
+          color: darken(var.$growi-green, 10%);
         }
       }
     }
@@ -242,7 +242,7 @@
       background-color: rgba(black, 0.3);
 
       svg {
-        color: white;
+        fill: white;
       }
 
       .logo {
@@ -285,11 +285,11 @@
         color: rgba(white, 0.7);
 
         .growi {
-          color: darken(var.$growi-green, 5%);
+          color: darken(var.$growi-blue, 5%);
         }
 
         .org {
-          color: darken(var.$growi-blue, 5%);
+          color: darken(var.$growi-green, 5%);
         }
       }
     }

apps/app/src/components/LoginForm.tsx

@@ -588,7 +588,7 @@ export const LoginForm = (props: LoginFormProps): JSX.Element => {
           </div>
         </div>
         <a href="https://growi.org" className="link-growi-org ps-3">
-          <span className="growi">GROWI</span>.<span className="org">org</span>
+          <span className="growi">GROWI</span><span className="org">.org</span>
         </a>
       </div>
     </div>