Seeking a way to read the default email notification CSS (/assets/notifications/styles.css) to enable accurate local preview/editing of Shopify email templates without editing the file itself.
Investigation: One participant mapped Shopify CDN patterns using store-specific numeric paths (cdn.shopify.com/s/files/1/XXXX/XXXX/XXXX/). They confirmed some asset URLs worked (e.g., email_settings/LOGONAME.png, files/…, t/2/assets/timber.scss.css, t/2/assets/styles.css) but none of the attempted notifications/styles.css paths were valid.
Workaround: Another participant shared a GitHub Gist containing the styles.css used by the Order Confirmation email template to support local development.
Latest update: A Dawn theme user reported that substituting their store numbers did not allow viewing those assets, suggesting either access differences per store/theme or a recent Shopify change limiting direct CDN access.
Status: Unresolved. It remains unclear where the official notifications/styles.css can be publicly read (if at all). Current practical option is relying on the shared gist for the specific template while the broader question of accessing Shopify’s notification CSS stays open.
Summarized with AI on December 13.
AI used: gpt-5.
Since your built in email template editor is the worst text editor to ever exit (SEE WHY), I decided to take time out of setting up my store to throw something together to make it easier for me to edit these templates. It’s coming along nicely but in order to make the preview look right, I need to be able to import/read the default .css file supposedly located at “/assets/notifications/styles.css”.
I do NOT need to edit this file, I just need to read/import it so my tool can display everything properly. Can anyone tell me where to get the styles from this file?
In case anyone is willing to help search, here is what I have come up with so far:
It seems Shopify stores all files related to your store in a folder like this: https://cdn.shopify.com/s/files/1/XXXX/XXXX/XXXX/ (Where the XXXX are numbers unique to your store.)
I am nearly 100% certain the styles.css file is somewhere under here.
All of the following are valid URL’s (at least for my store, if I use my unique numbers):
If it helps anyone else that ends up here, I created the following gist (for the styles.css for the order confirmation email template) to help with local development:
I tried accessing these files by copying/pasting my store’s numbers (for anyone who’s confused: go to your Admin Panel > Content > then copy the link of anything you’ve uploaded, you’ll see your numbers in the link), and no luck being able to view any of these things. I’m on the Dawn theme, but I’m assuming this is a Shopify-wide thing that they’ve changed recently.