How do I set default syntax highlighting in Atom for Twig files?
<p>According to <a href="https://stackoverflow.com/questions/22363070/how-do-i-make-a-default-syntax-by-filetype-in-atom-text-editor/32508353#32508353">this answer</a>, this functionality should be built into Atom, and I should be able to use <code>customFileTypes</code> to accomplish this. This is what my config looks like:</p>

<pre><code>"*":
    "exception-reporting":
      userId: ""
    welcome:
      showOnStartup: false
   core:
     themes: [
        "atom-light-ui"
        "atom-light-syntax"
     ]
     customFileTypes:
       "source.twig": [
         "html"
     ]
   editor:
     invisibles: {}
     tabLength: 4
     showIndentGuide: true
     showInvisibles: true
</code></pre>

<p><em>Note that I've removed my <code>userId</code> value for security, but I do have it in my actual config.</em></p>

<p>Oddly enough, if I switch the order of <code>customFileTypes</code> with <code>themes</code>, my theme breaks. Why is that?</p>

<p>More importantly, how can I set all <code>.twig</code> files use HTML (or HTML Mustache?) syntax highlighting? </p>