Rename theme files from *.min.css to *.css (#590)

src/server/index.tsx

@@ -52,7 +52,7 @@ server.get("/robots.txt", async (_req, res) => {
 server.get("/css/themes/:name", async (req, res) => {
   res.contentType("text/css");
   const theme = req.params.name;
-  if (!theme.endsWith(".min.css")) {
+  if (!theme.endsWith(".css")) {
     res.send("Theme must be a css file");
   }
 
@@ -84,10 +84,10 @@ function buildThemeList(): string[] {
   ];
   if (fs.existsSync(extraThemesFolder)) {
     let dirThemes = fs.readdirSync(extraThemesFolder);
-    let minCssThemes = dirThemes
+    let cssThemes = dirThemes
-      .filter(d => d.endsWith(".min.css"))
+      .filter(d => d.endsWith(".css"))
-      .map(d => d.replace(".min.css", ""));
+      .map(d => d.replace(".css", ""));
-    themes.push(...minCssThemes);
+    themes.push(...cssThemes);
   }
   return themes;
 }

src/shared/components/app/theme.tsx

@@ -18,7 +18,7 @@ export class Theme extends Component<Props> {
           <link
             rel="stylesheet"
             type="text/css"
-            href={`/css/themes/${user.local_user_view.local_user.theme}.min.css`}
+            href={`/css/themes/${user.local_user_view.local_user.theme}.css`}
           />
         </Helmet>
       );
@@ -28,7 +28,7 @@ export class Theme extends Component<Props> {
           <link
             rel="stylesheet"
             type="text/css"
-            href={`/css/themes/${this.props.defaultTheme}.min.css`}
+            href={`/css/themes/${this.props.defaultTheme}.css`}
           />
         </Helmet>
       );
@@ -39,7 +39,7 @@ export class Theme extends Component<Props> {
           <link
             rel="stylesheet"
             type="text/css"
-            href="/css/themes/litely.min.css"
+            href="/css/themes/litely.css"
             id="default-light"
             media="(prefers-color-scheme: light)"
           />
@@ -47,7 +47,7 @@ export class Theme extends Component<Props> {
           <link
             rel="stylesheet"
             type="text/css"
-            href="/css/themes/darkly.min.css"
+            href="/css/themes/darkly.css"
             id="default-dark"
             media="(prefers-color-scheme: no-preference), (prefers-color-scheme: dark)"
           />

src/shared/utils.ts

@@ -380,7 +380,7 @@ export async function setTheme(theme: string, forceReload = false) {
   document.getElementById("default-dark")?.setAttribute("disabled", "disabled");
 
   // Load the theme dynamically
-  let cssLoc = `/css/themes/${theme}.min.css`;
+  let cssLoc = `/css/themes/${theme}.css`;
 
   loadCss(theme, cssLoc);
   document.getElementById(theme).removeAttribute("disabled");