Switch to light mode by default.

michaelclapham · Mar 29, 2024 · 9fef8fb · 9fef8fb
1 parent 21f3fd6
commit 9fef8fb
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 9 deletions.
diff --git a/src/App.css b/src/App.css
@@ -1,8 +1,5 @@
 body {
   --ion-color-primary: #107c76;
-  --ion-background-color: rgb(39, 39, 39);
-  --ion-text-color: white;
-  --ion-text-color-rgb: 255, 255, 255;
 }
 
 .modal-wrapper {
@@ -12,8 +9,6 @@ body {
 .App {
   text-align: center;
   height: 100vh;
-  background-color: #282c34;
-  color: white;
 }
 
 .app-title-container {
@@ -65,8 +60,6 @@ body {
   align-items: center;
   justify-content: center;
   font-size: calc(10px + 2vmin);
-  color: white;
-  border-bottom: 1px solid white;
 }
 
 .App-link {

diff --git a/src/feature/home/HomePage.tsx b/src/feature/home/HomePage.tsx
@@ -68,7 +68,7 @@ export const HomePage: React.FC<HomePageProps> = ({
             </IonButton>
           </div>
           <IntroSlides
-            style={{ height: "50%", maxWidth: "600px" }}
+            style={{ maxWidth: "600px" }}
           ></IntroSlides>
           <IonModal isOpen={scanModalOpen} onDidDismiss={closeScannerModal}>
             <ScanClientModal

diff --git a/src/feature/intro-slides/slides.css b/src/feature/intro-slides/slides.css
@@ -1,5 +1,8 @@
 .introSlider {
   margin-bottom: 20px;
+  background-color: #222222;
+  border-radius: 16px;
+  color: white;
 }
 
 .slideDescription {

diff --git a/src/feature/session/SessionPage.tsx b/src/feature/session/SessionPage.tsx
@@ -1,6 +1,6 @@
 import React from "react";
 import { ServerTypes } from "../../ServerTypes";
-import { IonButton, IonPage } from "@ionic/react";
+import { IonButton, IonPage, IonToolbar } from "@ionic/react";
 import { WSClient } from "../../WSClient";
 import { SessionMessage } from "./SessionMessage";
 import { SessionActionsList } from "../session-actions/SessionActionsList";
@@ -35,6 +35,9 @@ export class SessionPage extends React.Component<
   render() {
     return (
       <IonPage>
+        <IonToolbar>
+          Session
+        </IonToolbar>
         <IonButton onClick={this.props.onLeaveSession}>Leave Session</IonButton>
         <h1>Session Page</h1>
         <p>{this.props.sessionId}</p>