extra.css | A CSS Houdini Paint library for those who want to make

I'm trying to make an interactive table summarizing the top result of an outcome tested in multiple studies, and I would also like the user to access more detailed results via child rows. Only the "top" model with the smallest p-value is shown in the main table.

Right now I have the relevant results into two data frames: 1. top result only, and 2. detailed results. I am merging these and nesting based on the top results which I want to display.

I am trying to have code chunks displayed with a dark background in my website generated by pkgdown.

I've been looking for a way to change syntax highlighting in code chunks, but found only little information so far, and nothing that allowed me to tweak or simply change the highlighting theme.

I've tried adding highlight: zenburn either in the vignette's YAML or in the _pkgdown.yml but it didn't change anything.

However, I found this code to be put into an extra.css file in the pkgdown folder to modify certain aspects:

I'm creating a webextension for Chrome, the following code leads to an error:

I'm trying to load an extension, which was originally developed for Chrome, into Firefox. I'm aware that there are subtle differences, my idea was to fix the errors one by one.

The manifest can actually be loaded, an icon is added and the extension is listed as installed. But during the loading, there are two warnings. One of them is:

I am making a site for my website and was wondering how to open the modal that the form is in after I submit the form. I am looking for it to open after I hit the submit button so I can see the errors that are put under the inputs or to show that it sent. I have tried to put the javascript inside the result if or else tag and it wont open the modal and just submits the form or presents the errors but you can't see them until you open the modal. So I was wondering how to open it backup after you submit it.

I'm building an employee directory using AJAX/jQuery leveraging the Random User Employee Directory API. This is the actual data feed i'm using:

https://randomuser.me/api/?results=12&format=json

I have a working page which displays the users. If someone clicks on an employee it should show the user's info--along with a few additional extra fields in a modal.

On page load--I have hidden all of these extra fields for every user---and am trying to show these extra fields in the modal (upon click). The problem is that while a clicked user's info is populating in the modal correctly---all of the other extra info for each employee is appearing on the main page.

Here is the jFiddle

and my JS code: