From 9fef8fb90c134ac671b8234794d9d556c319790a Mon Sep 17 00:00:00 2001
From: Michael Clapham <michael.clapham@guardian.co.uk>
Date: Fri, 29 Mar 2024 18:57:54 +0100
Subject: [PATCH] Switch to light mode by default.

---
 src/App.css                         | 7 -------
 src/feature/home/HomePage.tsx       | 2 +-
 src/feature/intro-slides/slides.css | 3 +++
 src/feature/session/SessionPage.tsx | 5 ++++-
 4 files changed, 8 insertions(+), 9 deletions(-)

diff --git a/src/App.css b/src/App.css
index b9b9c1f..aaad548 100644
--- 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
index 90cb2b2..a39ed49 100644
--- 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
index d53a293..0b524fa 100644
--- 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
index 500197a..879f822 100644
--- 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>