<?xml version="1.0" encoding="UTF-8"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:atom="http://www.w3.org/2005/Atom" version="2.0"><channel><title><![CDATA[Error on loading .css]]></title><description><![CDATA[<p dir="auto">Hi,</p>
<p dir="auto">I use the Docker image of karsten13/magicmirror:latest</p>
<p dir="auto">Since a week I’ve got these error messages at the Console.</p>
<p dir="auto">192.168.1.66/:1 Refused to apply style from ‘<a href="http://192.168.1.66:4885/css/roboto.css" target="_blank" rel="noopener noreferrer nofollow ugc">http://192.168.1.66:4885/css/roboto.css</a>’ because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled.<br />
192.168.1.66/:1 Refused to apply style from ‘<a href="http://192.168.1.66:4885/css/font-awesome.css" target="_blank" rel="noopener noreferrer nofollow ugc">http://192.168.1.66:4885/css/font-awesome.css</a>’ because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled.<br />
loader.js:205 Error on loading stylesheet: css/font-awesome.css</p>
<p dir="auto">Any ideas how to fix this?</p>
<p dir="auto">KR,<br />
Bert</p>
]]></description><link>https://forum.magicmirror.builders/topic/19771/error-on-loading-.css</link><generator>RSS for Node</generator><lastBuildDate>Wed, 09 Sep 2026 19:47:13 GMT</lastBuildDate><atom:link href="https://forum.magicmirror.builders/topic/19771.rss" rel="self" type="application/rss+xml"/><pubDate>Fri, 11 Jul 2025 18:51:46 GMT</pubDate><ttl>60</ttl><item><title><![CDATA[Reply to Error on loading .css on Sat, 12 Jul 2025 17:46:39 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/karsten13" aria-label="Profile: karsten13">@<bdi>karsten13</bdi></a></p>
<p dir="auto">That did the trick! Thanks.</p>
<p dir="auto">KR,<br />
Bert</p>
]]></description><link>https://forum.magicmirror.builders/post/127357</link><guid isPermaLink="true">https://forum.magicmirror.builders/post/127357</guid><dc:creator><![CDATA[bdeelman]]></dc:creator><pubDate>Sat, 12 Jul 2025 17:46:39 GMT</pubDate></item><item><title><![CDATA[Reply to Error on loading .css on Sat, 12 Jul 2025 16:39:09 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/bdeelman" aria-label="Profile: bdeelman">@<bdi>bdeelman</bdi></a> said in <a href="/post/127354">Error on loading .css</a>:</p>
<blockquote>
<ul>
<li>/volume2/docker/magicmirror-1/css:/opt/magic_mirror/css</li>
</ul>
</blockquote>
<p dir="auto">then try it with changing the above line to</p>
<pre><code class="language-yaml">- /volume2/docker/magicmirror-1/css/custom.css:/opt/magic_mirror/css/custom.css
</code></pre>
]]></description><link>https://forum.magicmirror.builders/post/127356</link><guid isPermaLink="true">https://forum.magicmirror.builders/post/127356</guid><dc:creator><![CDATA[karsten13]]></dc:creator><pubDate>Sat, 12 Jul 2025 16:39:09 GMT</pubDate></item><item><title><![CDATA[Reply to Error on loading .css on Sat, 12 Jul 2025 16:44:39 GMT]]></title><description><![CDATA[<p dir="auto">Hi,</p>
<p dir="auto">Thanks for your reply.</p>
<p dir="auto">I use portainer and Watchtower to automatic upgrade the Docker image. This is the stack I use:</p>
<pre><code>version: '3'

services:
  magicmirror:
    container_name: magicmirror-1
    image: karsten13/magicmirror:latest
    cap_add:
      - NET_ADMIN
      - NET_RAW
    network_mode: deellan 
    ports:
      - "4885:8080"
    volumes:
      - /volume2/docker/magicmirror-1/config:/opt/magic_mirror/config
      - /volume2/docker/magicmirror-1/modules:/opt/magic_mirror/modules
      - /volume2/docker/magicmirror-1/css:/opt/magic_mirror/css
    restart: unless-stopped
    command: 
      - npm
      - run
      - server
</code></pre>
]]></description><link>https://forum.magicmirror.builders/post/127354</link><guid isPermaLink="true">https://forum.magicmirror.builders/post/127354</guid><dc:creator><![CDATA[bdeelman]]></dc:creator><pubDate>Sat, 12 Jul 2025 16:44:39 GMT</pubDate></item><item><title><![CDATA[Reply to Error on loading .css on Fri, 11 Jul 2025 19:56:57 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/sdetweil" aria-label="Profile: sdetweil">@<bdi>sdetweil</bdi></a></p>
<p dir="auto">I changed the setup for css to</p>
<pre><code class="language-yaml">      - type: bind
        source: /var/services/homes/sam/magicmirror/mounts/css/custom.css
        target: /opt/magic_mirror/css/custom.css
        bind:
          create_host_path: true
</code></pre>
<p dir="auto">It was a design mistake in the beginning to mount the whole folder instead the single file.</p>
<p dir="auto">This is maybe not backward compatibel for all old setups.</p>
]]></description><link>https://forum.magicmirror.builders/post/127353</link><guid isPermaLink="true">https://forum.magicmirror.builders/post/127353</guid><dc:creator><![CDATA[karsten13]]></dc:creator><pubDate>Fri, 11 Jul 2025 19:56:57 GMT</pubDate></item><item><title><![CDATA[Reply to Error on loading .css on Fri, 11 Jul 2025 19:48:38 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/karsten13" aria-label="Profile: karsten13">@<bdi>karsten13</bdi></a> said in <a href="/post/127351">Error on loading .css</a>:</p>
<blockquote>
<p dir="auto">I suspect you are using an outdated setup which mounts the whole css dir instead only custom.css file, I changed this a few months ago …</p>
</blockquote>
<p dir="auto">I’m sorry, I don’t understand your words here<br />
we should expose the folder for users that want/need to load other font libraries</p>
<p dir="auto">this is my docker compose config output</p>
<pre><code class="language-text">magicmirror:
    container_name: mm
    environment:
      HOST_HOSTNAME: ds-data
      MM_CUSTOMCSS_FILE: css/custom.css
      MM_MODULES_DIR: modules
      MM_OVERRIDE_CSS: "true"
      MM_OVERRIDE_DEFAULT_MODULES: "true"
      MM_SCENARIO: server
      MM_SHOW_CURSOR: "false"
    image: karsten13/magicmirror:latest
    networks:
      default: null
    ports:
      - mode: ingress
        target: 8080
        published: "8080"
        protocol: tcp
      - mode: ingress
        target: 9000
        published: "9000"
        protocol: tcp
    restart: unless-stopped
    volumes:
      - type: bind
        source: /var/services/homes/sam/magicmirror/mounts/config
        target: /opt/magic_mirror/config
        bind:
          create_host_path: true
      - type: bind
        source: /var/services/homes/sam/magicmirror/mounts/modules
        target: /opt/magic_mirror/modules
        bind:
          create_host_path: true
      - type: bind
        source: /var/services/homes/sam/magicmirror/mounts/css
        target: /opt/magic_mirror/css
        bind:
          create_host_path: true
</code></pre>
]]></description><link>https://forum.magicmirror.builders/post/127352</link><guid isPermaLink="true">https://forum.magicmirror.builders/post/127352</guid><dc:creator><![CDATA[sdetweil]]></dc:creator><pubDate>Fri, 11 Jul 2025 19:48:38 GMT</pubDate></item><item><title><![CDATA[Reply to Error on loading .css on Fri, 11 Jul 2025 19:39:25 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/bdeelman" aria-label="Profile: bdeelman">@<bdi>bdeelman</bdi></a></p>
<p dir="auto">show us your setup. How did you start the container? If with the provided setup goto the <code>magicmirror/run</code> dir and show the output of <code>docker compose config</code> and output of <code>cat .env</code>, if with a <code>docker run ...</code> command show the full command.</p>
<p dir="auto">I suspect you are using an outdated setup which mounts the whole css dir instead only <code>custom.css</code> file, I changed this a few months ago …</p>
]]></description><link>https://forum.magicmirror.builders/post/127351</link><guid isPermaLink="true">https://forum.magicmirror.builders/post/127351</guid><dc:creator><![CDATA[karsten13]]></dc:creator><pubDate>Fri, 11 Jul 2025 19:39:25 GMT</pubDate></item><item><title><![CDATA[Reply to Error on loading .css on Fri, 11 Jul 2025 19:09:41 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/bdeelman" aria-label="Profile: bdeelman">@<bdi>bdeelman</bdi></a> can you look on the docker host</p>
<pre><code class="language-sh">ls magicmirror/mounts/css  -laF
</code></pre>
<p dir="auto">i see this</p>
<pre><code class="language-text">-rwxrwxrwx  1 1000  1000     0 Jan 16 08:38 custom.css*
-rwxrwxrwx  1 1000  1000   757 Jul  6 02:00 custom.css.sample*
-rwxr-xr-x  1 1000  1000   161 Jul  6 02:00 font-awesome.css*
-rwxrwxrwx  1 1000  1000  3985 Jul  6 02:00 main.css*
-rwxr-xr-x  1 1000  1000 26965 Jul  6 02:00 roboto.css*
</code></pre>
]]></description><link>https://forum.magicmirror.builders/post/127350</link><guid isPermaLink="true">https://forum.magicmirror.builders/post/127350</guid><dc:creator><![CDATA[sdetweil]]></dc:creator><pubDate>Fri, 11 Jul 2025 19:09:41 GMT</pubDate></item><item><title><![CDATA[Reply to Error on loading .css on Fri, 11 Jul 2025 19:07:19 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/bdeelman" aria-label="Profile: bdeelman">@<bdi>bdeelman</bdi></a> I think this is a migration problem, <a class="plugin-mentions-user plugin-mentions-a" href="/user/karsten13" aria-label="Profile: karsten13">@<bdi>karsten13</bdi></a>  have any guesses?</p>
<p dir="auto">these used to be in the fonts folder, but it was collapsed and are now present in css folder</p>
<p dir="auto">I see them in the correct folder on my docker instance</p>
<pre><code class="language-text">custom.css  custom.css.sample  font-awesome.css  main.css  roboto.css
</code></pre>
<p dir="auto">I see the links in the head section of the MM page</p>
<pre><code class="language-html">&lt;link rel="stylesheet" type="text/css" href="css/roboto.css"&gt;
&lt;link rel="stylesheet" type="text/css" href="css/font-awesome.css"&gt;
</code></pre>
]]></description><link>https://forum.magicmirror.builders/post/127349</link><guid isPermaLink="true">https://forum.magicmirror.builders/post/127349</guid><dc:creator><![CDATA[sdetweil]]></dc:creator><pubDate>Fri, 11 Jul 2025 19:07:19 GMT</pubDate></item></channel></rss>