AZEN-SGG/Kavita
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fixed a bug where book reader had poorly colored text/inputs from a recent bootstrap update.

Browse source
This commit is contained in:
Joseph Milazzo 2025-06-08 08:05:57 -05:00
parent e3fdc38fd6
commit 99bfe23aea
4 changed files with 7 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

4
UI/Web/src/app/_models/preferences/book-theme.ts
View file

@ -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 { export interface BookTheme {
name: string; name: string;

3
UI/Web/src/app/book-reader/_models/book-paper-theme.ts
View file

@ -48,6 +48,7 @@ export const BookPaperTheme = `
--btn-disabled-bg-color: #343a40; --btn-disabled-bg-color: #343a40;
--btn-disabled-text-color: #efefef; --btn-disabled-text-color: #efefef;
--btn-disabled-border-color: #6c757d; --btn-disabled-border-color: #6c757d;
--btn-outline-primary-text-color: black;
/* Inputs */ /* Inputs */
--input-bg-color: white; --input-bg-color: white;
@ -89,6 +90,8 @@ export const BookPaperTheme = `
/* Custom variables */ /* Custom variables */
--theme-bg-color: #fff3c9; --theme-bg-color: #fff3c9;
--bs-secondary-bg: darkgrey;
} }
.reader-container { .reader-container {

1
UI/Web/src/app/book-reader/_models/book-white-theme.ts
View file

@ -51,6 +51,7 @@ export const BookWhiteTheme = `
--btn-disabled-bg-color: #343a40; --btn-disabled-bg-color: #343a40;
--btn-disabled-text-color: #efefef; --btn-disabled-text-color: #efefef;
--btn-disabled-border-color: #6c757d; --btn-disabled-border-color: #6c757d;
--btn-outline-primary-text-color: black;
/* Inputs */ /* Inputs */
--input-bg-color: white; --input-bg-color: white;

2
UI/Web/src/app/user-settings/manage-reading-profiles/manage-reading-profiles.component.ts
View file

@ -297,6 +297,7 @@ export class ManageReadingProfilesComponent implements OnInit {
addNew() { addNew() {
const defaultProfile = this.readingProfiles.find(f => f.kind === ReadingProfileKind.Default); const defaultProfile = this.readingProfiles.find(f => f.kind === ReadingProfileKind.Default);
this.selectedProfile = {...defaultProfile!}; this.selectedProfile = {...defaultProfile!};
this.selectedProfile.kind = ReadingProfileKind.User;
this.selectedProfile.id = 0; this.selectedProfile.id = 0;
this.selectedProfile.name = "New Profile #" + (this.readingProfiles.length + 1); this.selectedProfile.name = "New Profile #" + (this.readingProfiles.length + 1);
this.setupForm(); this.setupForm();
@ -313,7 +314,6 @@ export class ManageReadingProfilesComponent implements OnInit {
protected readonly readerModes = readingModes; protected readonly readerModes = readingModes;
protected readonly bookWritingStyles = bookWritingStyles; protected readonly bookWritingStyles = bookWritingStyles;
protected readonly pdfScrollModes = pdfScrollModes; protected readonly pdfScrollModes = pdfScrollModes;
protected readonly TabId = TabId; protected readonly TabId = TabId;
protected readonly ReadingProfileKind = ReadingProfileKind; protected readonly ReadingProfileKind = ReadingProfileKind;
} }