diff --git a/src/app/app.module.ts b/src/app/app.module.ts index 67fde026e..ed9da78a2 100644 --- a/src/app/app.module.ts +++ b/src/app/app.module.ts @@ -127,6 +127,7 @@ import { icydarkTheme } from "./theme/icy-dark-theme"; import { legendsTheme } from "./theme/legends-theme"; // Themes for BitClout by Brix Boston @brixboston100 for Modular Themes by Carsen Klock @carsenk import { cakeTheme } from "./theme/cake-theme"; +import { bookTheme } from "./theme/book-theme"; //Theme for BitClout by @mrpreet import { greenishTheme } from "./theme/greenish-theme"; @@ -251,7 +252,7 @@ import { greenishTheme } from "./theme/greenish-theme"; RatingModule.forRoot(), CollapseModule.forRoot(), ThemeModule.forRoot({ - themes: [lightTheme, darkTheme, icydarkTheme, legendsTheme, cakeTheme, greenishTheme], + themes: [lightTheme, darkTheme, icydarkTheme, legendsTheme, cakeTheme, bookTheme, greenishTheme], active: localStorage.getItem("theme") || (window.matchMedia("(prefers-color-scheme: light)").matches ? "light" : "dark"), diff --git a/src/app/theme/book-theme.ts b/src/app/theme/book-theme.ts new file mode 100644 index 000000000..bb3a0e56d --- /dev/null +++ b/src/app/theme/book-theme.ts @@ -0,0 +1,28 @@ +import { Theme } from "./symbols"; + +export const bookTheme: Theme = { + key: "book", + name: "Book Theme", + properties: { + "--background": "#fbeec1", + "--text": "#463e34", + "--grey": "#463e34", + "--secondary": "#F5E6B6", + "--secalt": "#F5E6B6", + "--textalt": "#bc986a", + "--norm": "#806647", + "--formbg": "#f5e6b5", + "--link": "#007BFF", + "--hover": "#82acd8", + "--border": "#f5e6b5", + "--mborder": "#daad86", + "--filter": "grayscale(0.5) sepia(1) opacity(0.78)", + "--unread": "#fbeec1", + "--topbar": "#bc986a", + "--cblue": "#659dbd", + "--cred": "#ca2100", + "--cgreen": "#3f9248", + "--button": "#bc986a", + "--loading": "#bc986a", + }, +}; \ No newline at end of file