0

In my app I have styles.css. Right now I'm setting up slots for the team where we have dev, test and production slots.

How can I have a different styles.css for dev, and another one for test? What I want to do is to simply have dev and test with another color in the top navigation indicating that this is not production (your in the wrong place - keep out coloring).

I've looked at application settings, but I don't know how I can enforce settings in .css files. Maybe the answer is a virtual directory, "overwriting" path to styles.css to a styles-dev.css in the dev slot? Does virtual directories stay with the slot when they are swapped?

Any other way to do this?

fUrious
  • 434
  • 5
  • 14

1 Answers1

1

Typically, you want different slots to have the code that is ready to deploy by swapping slots. Thus you don't want files in there you don't want to deploy. If you want to color-code each slot, you could try one of the following:

  1. Use JavaScript to check the URL and color-code if you are using the slot URL
  2. Use server-side script to check for the presence of a variable and color-code based on that (different slots can have different settings, environment variables, etc.)
Scott Semyan
  • 187
  • 3
  • The web app I'm working with now is an Angular app, so I can't depend on some app setting (set in Azure). I could check the URL doh – fUrious Aug 21 '18 at 11:52