# Design Panel: ghosting theme.css file

**URL:** <https://forum.pinegrow.com/t/design-panel-ghosting-theme-css-file/5953>\
**Category:** Bug Reports\
**Created:** [November 28, 2021, 6:38pm UTC](https://forum.pinegrow.com/t/design-panel-ghosting-theme-css-file/5953 "2021-11-28T18:38:31Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![BonoBoos](https://avatars.discourse-cdn.com/v4/letter/b/b77776/32.png) [@BonoBoos](https://forum.pinegrow.com/u/BonoBoos)\
**Post date:** [November 28, 2021, 6:38pm UTC](https://forum.pinegrow.com/t/design-panel-ghosting-theme-css-file/5953/1 "2021-11-28T18:38:31Z")

</div>

Hi PG-team,

Thanks for the 6.2 update it’s great! I really like the notion of the design tool beign more integrated as a visual design tool. I found something that was funky thought; the produced theme.css file is actually not the css file that is loaded; it’s a **ghost**

Steps to reproduce;

1. Open PG, create a test-page with some mark-up, and apply some **custom styling**
2. Open the Design Panel, activate it and make or generate a theme, and apply that to **override styling**
3. Go to the bottom of the design panel and “deactivate design panel” from the dropdown
4. Go to your CSS folder and delete “theme.css” file, reload your page and see no change
5. Go to HTML file and comment out the href that points to the deleted theme.css file
6. See your overriding styles fall back to your custom styling

I included to screenshots showing the result of step 5 and 6, in which you can see that the H2 element below the hero changed from Major Mono font, to the default font when the reference was commented out. This shows that the file is not there, yet there.

I could be wrong ofcourse, but I believe these steps will show you if that’s true too.

 ![74FC8C7B-6EF7-48E9-81DC-F3F63EFC5A45 copy](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/3/378fd348629ebe415d8188ee4394405bc88038d7.jpeg)  
 ![89197945-5649-48BE-8C38-127E66C3629A copy](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/7/75574e299a2229b02b87ebcea17ca5ee33a7596b.jpeg)

---

<div class="post-metadata">

**Author:** ![RobM](https://avatars.discourse-cdn.com/v4/letter/r/278dde/32.png) [@RobM](https://forum.pinegrow.com/u/RobM)\
**Post date:** [November 28, 2021, 8:32pm UTC](https://forum.pinegrow.com/t/design-panel-ghosting-theme-css-file/5953/2 "2021-11-28T20:32:48Z")

</div>

Hi @BonoBoos,  
I’m working (extra)-remotely right now, but I’ll look into this and get back to you in the next few days.  
Cheers,  
Bob

---

<div class="post-metadata">

**Author:** ![BonoBoos](https://avatars.discourse-cdn.com/v4/letter/b/b77776/32.png) [@BonoBoos](https://forum.pinegrow.com/u/BonoBoos)\
**Post date:** [November 29, 2021, 6:06pm UTC](https://forum.pinegrow.com/t/design-panel-ghosting-theme-css-file/5953/3 "2021-11-29T18:06:56Z")

</div>

Any sound person keeps their distance these days 🙂

---

<div class="post-metadata">

**Author:** ![RobM](https://avatars.discourse-cdn.com/v4/letter/r/278dde/32.png) [@RobM](https://forum.pinegrow.com/u/RobM)\
**Post date:** [November 29, 2021, 7:01pm UTC](https://forum.pinegrow.com/t/design-panel-ghosting-theme-css-file/5953/4 "2021-11-29T19:01:48Z")

</div>

Actually - it is almost the opposite. I’m at a dog show, which means I’m around a ton of people who travelled from all over the States and Canada to come here. Sometimes I’m not that bright.  
Just got back this afternoon, so I’ll start looking into the problem.

---

<div class="post-metadata">

**Author:** ![schpengle](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/schpengle/32/238_2.png) [@schpengle](https://forum.pinegrow.com/u/schpengle)\
**Post date:** [November 29, 2021, 9:01pm UTC](https://forum.pinegrow.com/t/design-panel-ghosting-theme-css-file/5953/5 "2021-11-29T21:01:18Z")

</div>

STILL… at the dog show?  
or is this another one… it must be months long if its still that first one you mentioned!

---

<div class="post-metadata">

**Author:** ![RobM](https://avatars.discourse-cdn.com/v4/letter/r/278dde/32.png) [@RobM](https://forum.pinegrow.com/u/RobM)\
**Post date:** [November 29, 2021, 9:57pm UTC](https://forum.pinegrow.com/t/design-panel-ghosting-theme-css-file/5953/6 "2021-11-29T21:57:23Z")

</div>

Different one - this one is in MA. Last one was MD (I think).

---

<div class="post-metadata">

**Author:** ![RobM](https://avatars.discourse-cdn.com/v4/letter/r/278dde/32.png) [@RobM](https://forum.pinegrow.com/u/RobM)\
**Post date:** [November 30, 2021, 11:00am UTC](https://forum.pinegrow.com/t/design-panel-ghosting-theme-css-file/5953/7 "2021-11-30T11:00:28Z")

</div>

Hi @BonoBoos,  
Sorry for the delay in getting back to you.  
In looking over your steps, I don’t see any reloads, etc… I think that I understand what is going on. Basically, Pinegrow has a caching system just like any browser. So, when you delete the `theme.css` file, it is “loading” that file using the cached version. If you leave the file link in your code and either reload Pinegrow and the project, or click the refresh button in the topbar you will see the rules coming from the theme.css file disappear. Usually in Pinegrow, when you make big changes, it isn’t a bad idea to refresh.  
Let me know if this solves the “ghosting” problem,  
Bob

---

<div class="post-metadata">

**Author:** ![schpengle](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/schpengle/32/238_2.png) [@schpengle](https://forum.pinegrow.com/u/schpengle)\
**Post date:** [November 30, 2021, 11:20am UTC](https://forum.pinegrow.com/t/design-panel-ghosting-theme-css-file/5953/8 "2021-11-30T11:20:53Z")

</div>

I was wondering this too, or if the _Save all/update project_ options would _solve_ it,  
Still, Im enjoying the observation/exploration process 🙂

---

<div class="post-metadata">

**Author:** ![BonoBoos](https://avatars.discourse-cdn.com/v4/letter/b/b77776/32.png) [@BonoBoos](https://forum.pinegrow.com/u/BonoBoos)\
**Post date:** [November 30, 2021, 4:27pm UTC](https://forum.pinegrow.com/t/design-panel-ghosting-theme-css-file/5953/9 "2021-11-30T16:27:36Z")

</div>

It makes the theme.css file appear again, so it would transport it back into the folder as needed. It would be sound to see if it is also detected with “fix broken links” so it can see itself if it was missing tbw.

I really like that about Pinegrow, to test front-end as a designer, so I hope it will feel more rigid and native in the future as the design panel for HTML updates.
