Fixing inline code snippets so that they show up in dark theme

[TIGHEDEV]

PR Summary

Adding in a grey background colour to the code element so that regardless of whether the user is in light or dark theme there is a contrast in the text colour to the background so that it is visible in both themes.

Below are the screenshots of the fixed UI.

Screenshot below is how it used to appear in dark theme. The ".github/workflows" is clearly not visible in dark theme.

In the light theme the code snippets will now have a grey background surrounding the text. In my opinion this is good as most code snippets on the web use a background colour to differentiate the snippet from the rest of the text. Screenshot below is the original light theme without the changes of this PR. It is difficult to tell that the code snippet is different to any of the other surrounding text.

Link to the original issue: #629

PR Checklist

• PR has a meaningful title
• Summarized changes
• This PR is ready to merge and is not Work in Progress
• Link to a filed issue
• Screenshot of UI changes (if PR includes UI changes)

[pjlewisuk]

Does changing the CSS alone not fix the problem for all <code> blocks in the helper? Why did you also have to add the style= parameter in the deployTab.js helper file?

[pjlewisuk]

Thanks for the contribution Tighe, looks good to me now! Approved.