oxmc
ecc340e7b1
Dark mode: CSS custom properties + .dark class toggled via Redux/localStorage, with a theme toggle in the Header and Settings page. Foundation didn't exist yet despite prior assumption, so it was built from scratch. SQLite: new DB_ENGINE=mongo|sqlite env var selects the metadata backend at runtime (Mongo stays default, no behavior change unless opted in). File/thumbnail bytes continue to use the existing fs/S3 storage path. Implemented via a shared DB interface (dbTypes.ts) with parallel mongoDB/ and sqliteDB/ implementations, selected through dbFactory.ts, with JWT/encryption logic extracted into userCrypto.ts so both engines share it.
44 lines
1014 B
JavaScript
44 lines
1014 B
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
module.exports = {
|
|
darkMode: "class",
|
|
content: [
|
|
"./index.html",
|
|
"./src/**/*.{js,ts,jsx,tsx}",
|
|
"./public/index.html",
|
|
],
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
primary: "#3c85ee",
|
|
"primary-hover": "#326bcc",
|
|
"white-hover": "#f6f5fd",
|
|
"gray-primary": "#637381",
|
|
"gray-secondary": "#e8eef2",
|
|
"gray-third": "#ebe9f9",
|
|
"light-primary": "rgba(60, 133, 238, 0.4)",
|
|
},
|
|
},
|
|
screens: {
|
|
quickAccessOne: "1000px",
|
|
quickAccessTwo: "1210px",
|
|
quickAccessThree: "1420px",
|
|
quickAccessFour: "1600px",
|
|
xxs: "360px",
|
|
xs: "480px",
|
|
sm: "640px",
|
|
md: "768px",
|
|
lg: "1024px",
|
|
xl: "1280px",
|
|
xxl: "1536px",
|
|
fileTextXL: "1600px",
|
|
fileTextLG: "1400px",
|
|
fileTextMD: "1200px",
|
|
fileTextSM: "1000px",
|
|
fileTextXSM: "900px",
|
|
fileListShowDetails: "680px",
|
|
desktopMode: "1100px",
|
|
},
|
|
},
|
|
plugins: [],
|
|
};
|