Add the option to personalize H5P styles

Setup

1. Download the theme h5pmod to your local Moodle instance running the following command from the Moodle root folder:

   git clone https://github.com/sarjona/h5pmods-moodle-plugin.git theme/h5pmod

2. Login as admin.
3. Run the upgrade process, to install the h5pmod theme.
4. Access to "Site administration / Appearance / Themes / Theme selector" and choose "H5PMod" as Default theme.
5. Go to the Content bank.
6. Upload the attached H5P files to the content bank (interactive-video.h5p and multiple-choice.h5p).

Testing scenario 1: Interactive video - h5p_alter_styles and h5p_alter_scripts (player and editor)

1. Open the browser console.
2. Access to the "Interactive video" H5P entry from the content bank. 
3. Confirm the H5P slider bar is red.
4. Confirm the playbackRate control button (near the slider), is now green.
5. Confirm the following text appears in the JS console: "Hello, this is custom.js!".
6. Go to the first interactive point ("Multiple choice quiz") and open it.
7. Confirm the "Check" button background is pink (look at the attached interactive_video_view.png).
8. Click the "Edit" button, to access to the H5P editor.
9. Confirm the following text appears in the JS console: "Hello, this is customEditor.js!".
10. Confirm some of the headings, such as "Title" or "Add a video" has pink background  (look at the attached interactive_video_edit.png).

Testing scenario 2: Multiple choice - h5p_alter_semantics (editor) and h5p_alter_filtered_parameters (player)

1. Open the browser console.
2. Access to the "Multiple choice" H5P entry from the content bank. 
3. Confirm the "Generated at xxxxxxxxxxx"  text is displayed below the statement ("What color does the blackcurrant berry actually have?").  Look at the attached multiple_choice_view.png.
4. Click the "Edit" button, to access to the H5P editor.
5. Confirm there is no any "Image" field between the Title and the Question (look at the attached multiple_choice_edit.png).

Testing scenario 3: Boost theme

1. Access to "Site administration / Appearance / Themes / Theme selector" and choose "Boost" as Default theme.
2. Open the browser console.
3. Access to the "Interactive video" H5P entry from the content bank. 
4. Confirm the H5P slider bar is not red anymore.
5. Confirm the playbackRate control button (near the slider), is not green anymore.
6. Confirm the following text doesn't appear in the JS console: "Hello, this is custom.js!".
7. Go to the first interactive point ("Multiple choice quiz") and open it.
8. Confirm the "Check" button background is blue.
9. Click the "Edit" button, to access to the H5P editor.
10. Confirm the following text doesn't appear in the JS console: "Hello, this is customEditor.js!".
11. Confirm the headings, such as "Title" or "Add a video", are not pink anymore.
12. Access to the "Multiple choice" H5P entry from the content bank. 
13. Confirm the "Generated at xxxxxxxxxxx"  text is not displayed anymore.
14. Click the "Edit" button, to access to the H5P editor.
15. Confirm there is an "Image" field between the Title and the Question.