prep work for themes

This commit is contained in:
Lee 2023-11-05 14:16:23 +00:00
parent 1ab07709ac
commit 57c2fe1301
3 changed files with 4 additions and 3 deletions

@ -49,7 +49,7 @@ export default function RootLayout({
src="https://analytics.fascinated.cc/js/script.js" src="https://analytics.fascinated.cc/js/script.js"
/> />
<body className={clsx(font.className, "bg-black text-white")}> <body className={clsx(font.className, "bg-black text-primary")}>
<div className="fixed left-0 top-0 z-0 h-full w-full blur-sm"> <div className="fixed left-0 top-0 z-0 h-full w-full blur-sm">
<Image <Image
className="object-fill object-center" className="object-fill object-center"

@ -5,6 +5,7 @@ import { useSettingsStore } from "@/store/settingsStore";
import React from "react"; import React from "react";
import { TooltipProvider } from "./ui/Tooltip"; import { TooltipProvider } from "./ui/Tooltip";
import { ThemeProvider } from "./ui/theme-provider"; import { ThemeProvider } from "./ui/theme-provider";
const UPDATE_INTERVAL = 1000 * 60 * 5; // 5 minutes const UPDATE_INTERVAL = 1000 * 60 * 5; // 5 minutes
export default class AppProvider extends React.Component { export default class AppProvider extends React.Component {

@ -23,7 +23,7 @@ export default function Pagination(props: PaginationProps) {
} }
return ( return (
<div className="flex justify-center text-white"> <div className="flex justify-center text-primary">
<nav> <nav>
<ul className="flex items-center gap-2"> <ul className="flex items-center gap-2">
{currentPage > 1 && ( {currentPage > 1 && (
@ -60,7 +60,7 @@ export default function Pagination(props: PaginationProps) {
<button <button
className={`rounded-md px-3 py-1 ${ className={`rounded-md px-3 py-1 ${
pageNumber === currentPage pageNumber === currentPage
? "bg-blue-500 text-white" ? "bg-blue-500 text-primary"
: "bg-neutral-700 hover:opacity-80" : "bg-neutral-700 hover:opacity-80"
}`} }`}
onClick={() => onPageChange(pageNumber)} onClick={() => onPageChange(pageNumber)}