From 99bfe23aea5c30286bf8f44b3176591c1a4909fa Mon Sep 17 00:00:00 2001
From: Joseph Milazzo <joseph.v.milazzo@gmail.com>
Date: Sun, 8 Jun 2025 08:05:57 -0500
Subject: [PATCH] Fixed a bug where book reader had poorly colored text/inputs
 from a recent bootstrap update.

---
 UI/Web/src/app/_models/preferences/book-theme.ts              | 4 ++--
 UI/Web/src/app/book-reader/_models/book-paper-theme.ts        | 3 +++
 UI/Web/src/app/book-reader/_models/book-white-theme.ts        | 1 +
 .../manage-reading-profiles.component.ts                      | 2 +-
 4 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/UI/Web/src/app/_models/preferences/book-theme.ts b/UI/Web/src/app/_models/preferences/book-theme.ts
index b6e37f6e4..cb321c110 100644
--- a/UI/Web/src/app/_models/preferences/book-theme.ts
+++ b/UI/Web/src/app/_models/preferences/book-theme.ts
@@ -1,7 +1,7 @@
-import { ThemeProvider } from "./site-theme";
+import {ThemeProvider} from "./site-theme";
 
 /**
- * Theme for the the book reader contents
+ * Theme for the book reader contents
  */
  export interface BookTheme {
     name: string;
diff --git a/UI/Web/src/app/book-reader/_models/book-paper-theme.ts b/UI/Web/src/app/book-reader/_models/book-paper-theme.ts
index 41c7958e1..9b6a5d461 100644
--- a/UI/Web/src/app/book-reader/_models/book-paper-theme.ts
+++ b/UI/Web/src/app/book-reader/_models/book-paper-theme.ts
@@ -48,6 +48,7 @@ export const BookPaperTheme = `
     --btn-disabled-bg-color: #343a40;
     --btn-disabled-text-color: #efefef;
     --btn-disabled-border-color: #6c757d;
+    --btn-outline-primary-text-color: black;
 
     /* Inputs */
     --input-bg-color: white;
@@ -89,6 +90,8 @@ export const BookPaperTheme = `
 
   /* Custom variables */
   --theme-bg-color: #fff3c9;
+
+  --bs-secondary-bg: darkgrey;
 }
 
 .reader-container {
diff --git a/UI/Web/src/app/book-reader/_models/book-white-theme.ts b/UI/Web/src/app/book-reader/_models/book-white-theme.ts
index 1b4bab274..a209b954f 100644
--- a/UI/Web/src/app/book-reader/_models/book-white-theme.ts
+++ b/UI/Web/src/app/book-reader/_models/book-white-theme.ts
@@ -51,6 +51,7 @@ export const BookWhiteTheme = `
     --btn-disabled-bg-color: #343a40;
     --btn-disabled-text-color: #efefef;
     --btn-disabled-border-color: #6c757d;
+    --btn-outline-primary-text-color: black;
 
     /* Inputs */
     --input-bg-color: white;
diff --git a/UI/Web/src/app/user-settings/manage-reading-profiles/manage-reading-profiles.component.ts b/UI/Web/src/app/user-settings/manage-reading-profiles/manage-reading-profiles.component.ts
index f66312ec9..2bc4ece7d 100644
--- a/UI/Web/src/app/user-settings/manage-reading-profiles/manage-reading-profiles.component.ts
+++ b/UI/Web/src/app/user-settings/manage-reading-profiles/manage-reading-profiles.component.ts
@@ -297,6 +297,7 @@ export class ManageReadingProfilesComponent implements OnInit {
   addNew() {
     const defaultProfile = this.readingProfiles.find(f => f.kind === ReadingProfileKind.Default);
     this.selectedProfile = {...defaultProfile!};
+    this.selectedProfile.kind = ReadingProfileKind.User;
     this.selectedProfile.id = 0;
     this.selectedProfile.name = "New Profile #" + (this.readingProfiles.length + 1);
     this.setupForm();
@@ -313,7 +314,6 @@ export class ManageReadingProfilesComponent implements OnInit {
   protected readonly readerModes = readingModes;
   protected readonly bookWritingStyles = bookWritingStyles;
   protected readonly pdfScrollModes = pdfScrollModes;
-
   protected readonly TabId = TabId;
   protected readonly ReadingProfileKind = ReadingProfileKind;
 }