config/install/system.theme.yml

-admin: vartheme_claro
-default: vartheme_bs4
+admin: gin
+default: vartheme_bs5

config/install/user.role.administrator.yml

 langcode: en
 status: true
-dependencies: {}
+dependencies: {  }
 id: administrator
-label: "Super Admin"
+label: 'Super Admin'
 weight: -4
 is_admin: true
-permissions: {}
+permissions: {  }

config/install/user.role.anonymous.yml

 langcode: en
 status: true
-dependencies: {}
+dependencies:
+  module:
+    - system
+    - node
 id: anonymous
-label: "Anonymous user"
+label: 'Anonymous user'
 weight: -10
 is_admin: false
 permissions:
-  - "access content"
-  - "search content"
-  - "view media"
+  - 'access content'

config/install/user.role.authenticated.yml

 langcode: en
 status: true
-dependencies: {}
+dependencies:
+  module:
+    - system
+    - node
+    - user
 id: authenticated
-label: "Authenticated user"
+label: 'Authenticated user'
 weight: -9
 is_admin: false
 permissions:
-  - "access content"
-  - "access shortcuts"
-  - "access sitemap"
-  - "access tour"
-  - "access user profiles"
-  - "bypass honeypot protection"
-  - "delete media"
-  - "delete own audio media"
-  - "delete own file media"
-  - "delete own gallery media"
-  - "delete own image media"
-  - "delete own instagram media"
-  - "delete own landing_page content"
-  - "delete own landing_page_lb content"
-  - "delete own page content"
-  - "delete own remote_video media"
-  - "delete own tweet media"
-  - "delete own varbase_blog content"
-  - "delete own varbase_heroslider_media content"
-  - "delete own video media"
-  - "edit own audio media"
-  - "edit own file media"
-  - "edit own gallery media"
-  - "edit own image media"
-  - "edit own instagram media"
-  - "edit own landing_page content"
-  - "edit own landing_page_lb content"
-  - "edit own page content"
-  - "edit own remote_video media"
-  - "edit own tweet media"
-  - "edit own varbase_blog content"
-  - "edit own varbase_heroslider_media content"
-  - "edit own video media"
-  - "opt-in or out of google analytics tracking"
-  - "search content"
-  - "update media"
-  - "use text format basic_html"
-  - userprotect.account.edit
-  - userprotect.mail.edit
-  - userprotect.pass.edit
-  - "view media"
-  - "view own unpublished media"
+  - 'access content'
+  - 'access user profiles'

config/install/user.role.content_admin.yml

 langcode: en
 status: true
-dependencies: {}
+dependencies:
+  module:
+    - system
+    - node
+    - block
 id: content_admin
-label: "Content Admin"
+label: 'Content Admin'
 weight: -7
 is_admin: null
 permissions:
-  - "Flush all caches from admin toolbar"
-  - "access admin audit trail"
-  - "access administration pages"
-  - "access carousels_media_browser entity browser pages"
-  - "access coffee"
-  - "access content overview"
-  - "access contextual links"
-  - "access editor_media_browser entity browser pages"
-  - "access editor_multiple_image_browser entity browser pages"
-  - "access editor_multiple_media_browser entity browser pages"
-  - "access files overview"
-  - "access google analytics reports"
-  - "access heroslider_media_browser entity browser pages"
-  - "access image_browser entity browser pages"
-  - "access images_browser entity browser pages"
-  - "access in-place editing"
-  - "access media overview"
-  - "access media_browser entity browser pages"
-  - "access multiple_image_browser entity browser pages"
-  - "access multiple_media_browser entity browser pages"
-  - "access panels in-place editing"
-  - "access paragraphs_library_items entity browser pages"
-  - "access responsive preview"
-  - "access shortcuts"
-  - "access site in maintenance mode"
-  - "access site reports"
-  - "access taxonomy overview"
-  - "access toolbar"
-  - "access tour"
-  - "access user profiles"
-  - "access video_browser entity browser pages"
-  - "access webform overview"
-  - "add terms in blog_categories"
-  - "add terms in categories"
-  - "add terms in tags"
-  - "administer footer menu items"
-  - "administer main menu items"
-  - "administer menu"
-  - "administer taxonomy"
-  - "break content lock"
-  - "change layouts in place editing"
-  - "clone block entity"
-  - "clone block_content entity"
-  - "clone media entity"
-  - "clone menu_link_content entity"
-  - "clone node entity"
-  - "clone paragraph entity"
-  - "clone taxonomy_term entity"
-  - "clone taxonomy_vocabulary entity"
-  - "clone webform entity"
-  - "configure all landing_page_lb node layout overrides"
-  - "create and edit custom blocks"
-  - "create audio media"
-  - "create basic block content"
-  - "create content translations"
-  - "create faq content"
-  - "create file media"
-  - "create gallery media"
-  - "create image media"
-  - "create instagram media"
-  - "create landing_page content"
-  - "create landing_page_lb content"
-  - "create media"
-  - "create page content"
-  - "create paragraph library item"
-  - "create remote_video media"
-  - "create tweet media"
-  - "create url aliases"
-  - "create varbase_blog content"
-  - "create varbase_carousel_block block content"
-  - "create varbase_gallery_block block content"
-  - "create varbase_heroslider_media content"
-  - "create varbase_media_block block content"
-  - "create varbase_modal_block block content"
-  - "create varbase_rich_text_block block content"
-  - "create video media"
-  - "create webform"
-  - "customize shortcut links"
-  - "delete any audio media"
-  - "delete any basic block content"
-  - "delete any faq content"
-  - "delete any file media"
-  - "delete any gallery media"
-  - "delete any image media"
-  - "delete any instagram media"
-  - "delete any landing_page content"
-  - "delete any landing_page_lb content"
-  - "delete any media"
-  - "delete any page content"
-  - "delete any remote_video media"
-  - "delete any tweet media"
-  - "delete any varbase_blog content"
-  - "delete any varbase_carousel_block block content"
-  - "delete any varbase_gallery_block block content"
-  - "delete any varbase_heroslider_media content"
-  - "delete any varbase_media_block block content"
-  - "delete any varbase_modal_block block content"
-  - "delete any varbase_rich_text_block block content"
-  - "delete any video media"
-  - "delete any webform"
-  - "delete any webform submission"
-  - "delete content translations"
-  - "delete media"
-  - "delete own audio media"
-  - "delete own episode content"
-  - "delete own faq content"
-  - "delete own file media"
-  - "delete own gallery media"
-  - "delete own image media"
-  - "delete own instagram media"
-  - "delete own landing_page content"
-  - "delete own landing_page_lb content"
-  - "delete own page content"
-  - "delete own remote_video media"
-  - "delete own tweet media"
-  - "delete own varbase_blog content"
-  - "delete own varbase_heroslider_media content"
-  - "delete own video media"
-  - "delete terms in categories"
-  - "dropzone upload files"
-  - "ds switch view mode"
-  - "edit any audio media"
-  - "edit any file media"
-  - "edit any gallery media"
-  - "edit any image media"
-  - "edit any instagram media"
-  - "edit any landing_page content"
-  - "edit any landing_page_lb content"
-  - "edit any page content"
-  - "edit any remote_video media"
-  - "edit any tweet media"
-  - "edit any varbase_blog content"
-  - "edit any varbase_heroslider_media content"
-  - "edit any video media"
-  - "edit any webform"
-  - "edit own audio media"
-  - "edit own file media"
-  - "edit own gallery media"
-  - "edit own image media"
-  - "edit own instagram media"
-  - "edit own landing_page content"
-  - "edit own page content"
-  - "edit own remote_video media"
-  - "edit own tweet media"
-  - "edit own varbase_blog content"
-  - "edit own varbase_heroslider_media content"
-  - "edit own video media"
-  - "edit paragraph library item"
-  - "edit terms in categories"
-  - "have total control"
-  - "manipulate all entityqueues"
-  - "rabbit hole bypass node"
-  - "rabbit hole bypass taxonomy_term"
-  - "reorder terms in blog_categories"
-  - "reorder terms in categories"
-  - "reorder terms in tags"
-  - "revert all media revisions"
-  - "revert all revisions"
-  - "revert faq revisions"
-  - "revert landing_page revisions"
-  - "revert landing_page_lb revisions"
-  - "revert page revisions"
-  - "revert varbase_blog revisions"
-  - "revert varbase_heroslider_media revisions"
-  - "schedule publishing of nodes"
-  - "translate any entity"
-  - "translate block_content"
-  - "translate landing_page node"
-  - "translate landing_page_lb node"
-  - "translate page node"
-  - "translate paragraph"
-  - "update any basic block content"
-  - "update any media"
-  - "update any varbase_carousel_block block content"
-  - "update any varbase_gallery_block block content"
-  - "update any varbase_media_block block content"
-  - "update any varbase_modal_block block content"
-  - "update any varbase_rich_text_block block content"
-  - "update content translations"
-  - "update media"
-  - "update varbase_heroslider_media entityqueue"
-  - "use ipe with page manager"
-  - "use media_bulk_upload bulk upload form"
-  - "use moderation sidebar"
-  - "use panels dashboard"
-  - "use text format basic_html"
-  - "use text format basic_html"
-  - "use text format full_html"
-  - "use varbase_editorial_workflow transition archive"
-  - "use varbase_editorial_workflow transition archived_published"
-  - "use varbase_editorial_workflow transition create_new_draft"
-  - "use varbase_editorial_workflow transition publish"
-  - "use varbase_editorial_workflow transition review"
-  - "use varbase_simple_workflow transition archive"
-  - "use varbase_simple_workflow transition archived_published"
-  - "use varbase_simple_workflow transition create_new_draft"
-  - "use varbase_simple_workflow transition publish"
-  - "use yoast seo"
-  - "view all media revisions"
-  - "view all revisions"
-  - "view any paragraphs previewer"
-  - "view any unpublished content"
-  - "view any webform submission"
-  - "view content planner dashboard"
-  - "view faq revisions"
-  - "view landing_page revisions"
-  - "view landing_page_lb revisions"
-  - "view latest version"
-  - "view media"
-  - "view own unpublished content"
-  - "view page revisions"
-  - "view pane admin links"
-  - "view post access counter"
-  - "view scheduled content"
-  - "view terms in blog_categories"
-  - "view terms in tags"
-  - "view the administration theme"
-  - "view unpublished paragraphs"
-  - "view varbase_blog revisions"
-  - "view varbase_heroslider_media revisions"
+  - 'access content overview'
+  - 'revert all revisions'
+  - 'view all revisions'
+  - 'view own unpublished content'
+  - 'administer menu'
+  - 'access administration pages'
+  - 'access site in maintenance mode'
+  - 'access site reports'
+  - 'view the administration theme'

config/install/user.role.editor.yml

 langcode: en
 status: true
-dependencies: {}
+dependencies:
+  module:
+    - system
+    - node
+    - block
 id: editor
 label: Editor
 weight: -8
 is_admin: null
 permissions:
-  - "access admin audit trail"
-  - "access administration pages"
-  - "access carousels_media_browser entity browser pages"
-  - "access coffee"
-  - "access content overview"
-  - "access contextual links"
-  - "access editor_media_browser entity browser pages"
-  - "access editor_multiple_image_browser entity browser pages"
-  - "access editor_multiple_media_browser entity browser pages"
-  - "access files overview"
-  - "access google analytics reports"
-  - "access heroslider_media_browser entity browser pages"
-  - "access image_browser entity browser pages"
-  - "access images_browser entity browser pages"
-  - "access in-place editing"
-  - "access media overview"
-  - "access media_browser entity browser pages"
-  - "access multiple_image_browser entity browser pages"
-  - "access multiple_media_browser entity browser pages"
-  - "access panels in-place editing"
-  - "access paragraphs_library_items entity browser pages"
-  - "access responsive preview"
-  - "access shortcuts"
-  - "access site in maintenance mode"
-  - "access site reports"
-  - "access taxonomy overview"
-  - "access toolbar"
-  - "access tour"
-  - "access user profiles"
-  - "access video_browser entity browser pages"
-  - "add terms in blog_categories"
-  - "add terms in tags"
-  - "clone node entity"
-  - "clone paragraph entity"
-  - "configure all landing_page_lb node layout overrides"
-  - "create and edit custom blocks"
-  - "create audio media"
-  - "create content translations"
-  - "create faq content"
-  - "create file media"
-  - "create gallery media"
-  - "create image media"
-  - "create instagram media"
-  - "create landing_page content"
-  - "create landing_page_lb content"
-  - "create media"
-  - "create page content"
-  - "create remote_video media"
-  - "create terms in blog_categories"
-  - "create terms in tags"
-  - "create tweet media"
-  - "create url aliases"
-  - "create varbase_blog content"
-  - "create varbase_heroslider_media content"
-  - "create video media"
-  - "customize shortcut links"
-  - "delete any audio media"
-  - "delete any file media"
-  - "delete any gallery media"
-  - "delete any image media"
-  - "delete any instagram media"
-  - "delete any remote_video media"
-  - "delete any tweet media"
-  - "delete any video media"
-  - "delete media"
-  - "delete own audio media"
-  - "delete own file media"
-  - "delete own gallery media"
-  - "delete own image media"
-  - "delete own instagram media"
-  - "delete own landing_page content"
-  - "delete own landing_page_lb content"
-  - "delete own page content"
-  - "delete own remote_video media"
-  - "delete own tweet media"
-  - "delete own varbase_blog content"
-  - "delete own varbase_heroslider_media content"
-  - "delete own video media"
-  - "delete terms in blog_categories"
-  - "delete terms in tags"
-  - "dropzone upload files"
-  - "ds switch view mode"
-  - "edit any audio media"
-  - "edit any file media"
-  - "edit any gallery media"
-  - "edit any image media"
-  - "edit any instagram media"
-  - "edit any landing_page content"
-  - "edit any landing_page_lb content"
-  - "edit any page content"
-  - "edit any remote_video media"
-  - "edit any tweet media"
-  - "edit any varbase_blog content"
-  - "edit any varbase_heroslider_media content"
-  - "edit any video media"
-  - "edit own audio media"
-  - "edit own file media"
-  - "edit own gallery media"
-  - "edit own image media"
-  - "edit own instagram media"
-  - "edit own landing_page content"
-  - "edit own landing_page_lb content"
-  - "edit own page content"
-  - "edit own remote_video media"
-  - "edit own tweet media"
-  - "edit own varbase_blog content"
-  - "edit own varbase_heroslider_media content"
-  - "edit own video media"
-  - "edit terms in blog_categories"
-  - "edit terms in tags"
-  - "have total control"
-  - "rabbit hole bypass node"
-  - "rabbit hole bypass taxonomy_term"
-  - "reorder terms in blog_categories"
-  - "reorder terms in tags"
-  - "schedule publishing of nodes"
-  - "translate block_content"
-  - "translate landing_page node"
-  - "translate landing_page_lb node"
-  - "translate page node"
-  - "translate paragraph"
-  - "update any media"
-  - "update content translations"
-  - "update media"
-  - "update varbase_heroslider_media entityqueue"
-  - "use ipe with page manager"
-  - "use media_bulk_upload bulk upload form"
-  - "use moderation sidebar"
-  - "use text format basic_html"
-  - "use text format full_html"
-  - "use varbase_editorial_workflow transition archive"
-  - "use varbase_editorial_workflow transition archived_published"
-  - "use varbase_editorial_workflow transition create_new_draft"
-  - "use varbase_editorial_workflow transition publish"
-  - "use varbase_editorial_workflow transition review"
-  - "use varbase_simple_workflow transition archive"
-  - "use varbase_simple_workflow transition archived_published"
-  - "use varbase_simple_workflow transition create_new_draft"
-  - "use varbase_simple_workflow transition publish"
-  - "use yoast seo"
-  - "view all media revisions"
-  - "view all revisions"
-  - "view any paragraphs previewer"
-  - "view any unpublished content"
-  - "view content planner dashboard"
-  - "view landing_page revisions"
-  - "view landing_page_lb revisions"
-  - "view latest version"
-  - "view media"
-  - "view own unpublished content"
-  - "view page revisions"
-  - "view pane admin links"
-  - "view post access counter"
-  - "view scheduled content"
-  - "view terms in blog_categories"
-  - "view terms in tags"
-  - "view the administration theme"
-  - "view unpublished paragraphs"
-  - "view varbase_blog revisions"
-  - "view varbase_heroslider_media revisions"
+  - 'access content overview'
+  - 'view all revisions'
+  - 'view own unpublished content'
+  - 'access administration pages'
+  - 'access site in maintenance mode'
+  - 'access site reports'
+  - 'view the administration theme'

config/install/user.role.seo_admin.yml

+langcode: en
+status: true
+dependencies:
+  module:
+    - system
+    - node
+    - block
+id: seo_admin
+label: 'SEO Admin'
+weight: -6
+is_admin: null
+permissions:
+  - 'access content overview'
+  - 'view all revisions'
+  - 'view own unpublished content'
+  - 'administer menu'
+  - 'access administration pages'
+  - 'access site in maintenance mode'
+  - 'access site reports'
+  - 'view the administration theme'

config/install/user.role.site_admin.yml

 langcode: en
 status: true
-dependencies: {}
+dependencies:
+  module:
+    - system
+    - node
+    - block
+    - user
 id: site_admin
-label: "Site Admin"
+label: 'Site Admin'
 weight: -5
 is_admin: null
 permissions:
-  - "Flush all caches from admin toolbar"
-  - "Flush css/js cache from admin toolbar"
-  - "Flush menu cache from admin toolbar"
-  - "Flush plugin cache from admin toolbar"
-  - "Flush render cache from admin toolbar"
-  - "Flush static cache from admin toolbar"
-  - "Flush twig cache from admin toolbar"
-  - "Flush views cache from admin toolbar"
-  - "Rebuild theme registry from admin toolbar"
-  - "access admin audit trail"
-  - "access administration pages"
-  - "access carousels_media_browser entity browser pages"
-  - "access coffee"
-  - "access content overview"
-  - "access contextual links"
-  - "access editor_media_browser entity browser pages"
-  - "access editor_multiple_image_browser entity browser pages"
-  - "access editor_multiple_media_browser entity browser pages"
-  - "access entity usage statistics"
-  - "access event log track"
-  - "access files overview"
-  - "access flood unblock"
-  - "access google analytics reports"
-  - "access heroslider_media_browser entity browser pages"
-  - "access image_browser entity browser pages"
-  - "access images_browser entity browser pages"
-  - "access in-place editing"
-  - "access media overview"
-  - "access media overview"
-  - "access media_browser entity browser pages"
-  - "access multiple_image_browser entity browser pages"
-  - "access multiple_media_browser entity browser pages"
-  - "access openapi api docs"
-  - "access panels in-place editing"
-  - "access paragraphs_library_items entity browser pages"
-  - "access responsive preview"
-  - "access shortcuts"
-  - "access site in maintenance mode"
-  - "access site reports"
-  - "access taxonomy overview"
-  - "access toolbar"
-  - "access tour"
-  - "access user profiles"
-  - "access varbase content reports"
-  - "access varbase settings"
-  - "access varbase users reports"
-  - "access video_browser entity browser pages"
-  - "access view api docs entity operation"
-  - "access view json entity operation"
-  - "access webform overview"
-  - "add JS snippets for google analytics"
-  - "add terms in blog_categories"
-  - "add terms in categories"
-  - "add terms in tags"
-  - "administer account menu items"
-  - "administer account settings"
-  - "administer admin menu items"
-  - "administer block classes"
-  - "administer blocks"
-  - "administer blog-menu menu items"
-  - "administer devel menu items"
-  - "administer faq"
-  - "administer faq order"
-  - "administer footer menu items"
-  - "administer google analytics"
-  - "administer google analytics reports api"
-  - "administer google tag manager"
-  - "administer mail templates"
-  - "administer main menu items"
-  - "administer menu"
-  - "administer meta tags"
-  - "administer pages"
-  - "administer redirect settings"
-  - "administer redirects"
-  - "administer scripts"
-  - "administer shortcuts"
-  - "administer sitemap settings"
-  - "administer taxonomy"
-  - "administer tools menu items"
-  - "administer users"
-  - "administer varbase bootstrap paragraphs settings"
-  - "assign roles"
-  - "break content lock"
-  - "change layouts in place editing"
-  - "clone block entity"
-  - "clone block_content entity"
-  - "clone media entity"
-  - "clone menu_link_content entity"
-  - "clone node entity"
-  - "clone page entity"
-  - "clone paragraph entity"
-  - "clone script entity"
-  - "clone taxonomy_term entity"
-  - "clone taxonomy_vocabulary entity"
-  - "clone user entity"
-  - "clone webform entity"
-  - "configure all landing_page_lb node layout overrides"
-  - "create and edit custom blocks"
-  - "create audio media"
-  - "create basic block content"
-  - "create content translations"
-  - "create faq content"
-  - "create file media"
-  - "create gallery media"
-  - "create image media"
-  - "create instagram media"
-  - "create landing_page content"
-  - "create landing_page_lb content"
-  - "create media"
-  - "create page content"
-  - "create paragraph library item"
-  - "create remote_video media"
-  - "create tweet media"
-  - "create url aliases"
-  - "create varbase_blog content"
-  - "create varbase_carousel_block block content"
-  - "create varbase_gallery_block block content"
-  - "create varbase_heroslider_media content"
-  - "create varbase_html_code_block block content"
-  - "create varbase_media_block block content"
-  - "create varbase_modal_block block content"
-  - "create varbase_rich_text_block block content"
-  - "create video media"
-  - "create webform"
-  - "customize shortcut links"
-  - "delete any audio media"
-  - "delete any basic block content"
-  - "delete any faq content"
-  - "delete any file media"
-  - "delete any gallery media"
-  - "delete any image media"
-  - "delete any instagram media"
-  - "delete any landing_page content"
-  - "delete any landing_page_lb content"
-  - "delete any media"
-  - "delete any page content"
-  - "delete any remote_video media"
-  - "delete any tweet media"
-  - "delete any varbase_blog content"
-  - "delete any varbase_carousel_block block content"
-  - "delete any varbase_gallery_block block content"
-  - "delete any varbase_heroslider_media content"
-  - "delete any varbase_html_code_block block content"
-  - "delete any varbase_media_block block content"
-  - "delete any varbase_modal_block block content"
-  - "delete any varbase_rich_text_block block content"
-  - "delete any video media"
-  - "delete any webform"
-  - "delete any webform submission"
-  - "delete content translations"
-  - "delete media"
-  - "delete own audio media"
-  - "delete own episode content"
-  - "delete own faq content"
-  - "delete own file media"
-  - "delete own gallery media"
-  - "delete own image media"
-  - "delete own instagram media"
-  - "delete own landing_page content"
-  - "delete own landing_page_lb content"
-  - "delete own page content"
-  - "delete own remote_video media"
-  - "delete own tweet media"
-  - "delete own varbase_blog content"
-  - "delete own varbase_heroslider_media content"
-  - "delete own video media"
-  - "delete terms in categories"
-  - delete_homepage_node
-  - "dropzone upload files"
-  - "ds switch view mode"
-  - "edit any audio media"
-  - "edit any file media"
-  - "edit any gallery media"
-  - "edit any image media"
-  - "edit any instagram media"
-  - "edit any landing_page content"
-  - "edit any landing_page_lb content"
-  - "edit any page content"
-  - "edit any remote_video media"
-  - "edit any tweet media"
-  - "edit any varbase_blog content"
-  - "edit any varbase_heroslider_media content"
-  - "edit any video media"
-  - "edit any webform"
-  - "edit own audio media"
-  - "edit own file media"
-  - "edit own gallery media"
-  - "edit own image media"
-  - "edit own instagram media"
-  - "edit own landing_page content"
-  - "edit own landing_page_lb content"
-  - "edit own page content"
-  - "edit own remote_video media"
-  - "edit own tweet media"
-  - "edit own varbase_blog content"
-  - "edit own varbase_heroslider_media content"
-  - "edit own video media"
-  - "edit paragraph library item"
-  - "edit terms in categories"
-  - "edit webform assets"
-  - "have total control"
-  - "manipulate all entityqueues"
-  - "manipulate entityqueues"
-  - "masquerade as authenticated"
-  - "masquerade as content_admin"
-  - "masquerade as editor"
-  - "masquerade as seo_admin"
-  - "masquerade as site_admin"
-  - "opt-in or out of google analytics tracking"
-  - "rabbit hole bypass node"
-  - "rabbit hole bypass taxonomy_term"
-  - "reorder terms in blog_categories"
-  - "reorder terms in categories"
-  - "reorder terms in tags"
-  - "revert all media revisions"
-  - "revert all revisions"
-  - "revert faq revisions"
-  - "revert landing_page revisions"
-  - "revert landing_page_lb revisions"
-  - "revert page revisions"
-  - "revert varbase_blog revisions"
-  - "revert varbase_heroslider_media revisions"
-  - "schedule publishing of nodes"
-  - "switch shortcut sets"
-  - "translate any entity"
-  - "translate block_content"
-  - "translate landing_page node"
-  - "translate landing_page_lb node"
-  - "translate page node"
-  - "translate paragraph"
-  - "update any basic block content"
-  - "update any media"
-  - "update any varbase_carousel_block block content"
-  - "update any varbase_gallery_block block content"
-  - "update any varbase_html_code_block block content"
-  - "update any varbase_media_block block content"
-  - "update any varbase_modal_block block content"
-  - "update any varbase_rich_text_block block content"
-  - "update content translations"
-  - "update media"
-  - "update varbase_heroslider_media entityqueue"
-  - "use ipe with page manager"
-  - "use media_bulk_upload bulk upload form"
-  - "use moderation sidebar"
-  - "use panels dashboard"
-  - "use panels in place editing"
-  - "use panels locks"
-  - "use text format basic_html"
-  - "use text format basic_html"
-  - "use text format code_html"
-  - "use text format full_html"
-  - "use varbase_editorial_workflow transition archive"
-  - "use varbase_editorial_workflow transition archived_published"
-  - "use varbase_editorial_workflow transition create_new_draft"
-  - "use varbase_editorial_workflow transition publish"
-  - "use varbase_editorial_workflow transition review"
-  - "use varbase_simple_workflow transition archive"
-  - "use varbase_simple_workflow transition archived_published"
-  - "use varbase_simple_workflow transition create_new_draft"
-  - "use varbase_simple_workflow transition publish"
-  - "use yoast seo"
-  - userprotect.protected_site_admin.bypass
-  - "view all media revisions"
-  - "view all revisions"
-  - "view any paragraphs previewer"
-  - "view any unpublished content"
-  - "view any webform submission"
-  - "view content planner dashboard"
-  - "view faq page"
-  - "view faq revisions"
-  - "view landing_page revisions"
-  - "view landing_page_lb revisions"
-  - "view latest version"
-  - "view media"
-  - "view own unpublished content"
-  - "view own unpublished media"
-  - "view page revisions"
-  - "view pane admin links"
-  - "view post access counter"
-  - "view restricted block content"
-  - "view scheduled content"
-  - "view terms in blog_categories"
-  - "view terms in tags"
-  - "view the administration theme"
-  - "view unpublished paragraphs"
-  - "view varbase_blog revisions"
-  - "view varbase_heroslider_media revisions"
+  - 'administer blocks'
+  - 'access content overview'
+  - 'revert all revisions'
+  - 'view all revisions'
+  - 'view own unpublished content'
+  - 'administer menu'
+  - 'access administration pages'
+  - 'access site in maintenance mode'
+  - 'access site reports'
+  - 'view the administration theme'
+  - 'administer account settings'
+  - 'administer users'

config/managed/block.block.vartheme_bs4_copyright.yml

-langcode: en
-status: true
-dependencies:
-  content:
-    - "block_content:basic:b858d97d-eaa5-4cfe-af6f-b92c21bbca95"
-  module:
-    - block_content
-  theme:
-    - vartheme_bs4
-id: vartheme_bs4_copyright
-theme: vartheme_bs4
-region: footer
-weight: -5
-provider: null
-plugin: "block_content:b858d97d-eaa5-4cfe-af6f-b92c21bbca95"
-settings:
-  id: "block_content:b858d97d-eaa5-4cfe-af6f-b92c21bbca95"
-  label: Copyright
-  provider: block_content
-  label_display: "0"
-  status: true
-  info: ""
-  view_mode: full
-visibility: {}

configbit/default.components.varbase.bit.yml

@@ -11,6 +11,7 @@ config_bit:
       dependencies:
         # Enable listed Varbase modules in order at this installation step.
         - varbase_core
+        - varbase_components
         - varbase_media
         - varbase_editor
         - varbase_admin
@@ -22,7 +23,6 @@ config_bit:
         - varbase_page
         - varbase_layout_builder
         - vlplb
-        - varbase_total_control
+        - varbase_dashboards
         - varbase_default_content
         - varbase_tour
-        - varbase_update_helper

configbit/demo.content.varbase.bit.yml

@@ -6,11 +6,11 @@ config_bit:
   type: list
   for: varbase.info.yml
   when:
-    show_demo: false
+    show_demo: true
     list:
       dependencies:
         varbase_demo:
-          title: "Install Demo Content"
-          description: "If you're evaluating Varbase, installing demo content will help you get an idea of how Varbase works, and what features are included."
-          selected: false
+          title: 'Varbase Demo'
+          description: '<p>Installing demo content gives you a taste of what Varbase offers and its key features. It''s a handy way to explore Varbase''s functionality and see it in action.</p><div class="messages-list__item messages messages--info"><div class="messages__header"><h2 id="message-status-title" class="messages__title">Please note:</h2></div><div class="messages__content">You have the option to uncheck the Varbase Demo box to select specific recipes. Varbase Demo enables all features for demonstration purposes.</p></div></div>'
+          selected: true
           config_form: false

configbit/development.tools.varbase.bit.yml

@@ -15,8 +15,3 @@ config_bit:
           selected: false
           config_form: true
           formbit: "src/FormBit/varbase_development.formbit.php"
-        varbase_styleguide:
-          title: "Varbase Style guide"
-          description: 'Install Varbase custom styling guide if you want to have a full look for Varbase components, Bootstrap elements, and view mode style for content types. This will install several modules that help you on themeing and styling your site, such as <a href="https://www.drupal.org/project/styleguide" target="_blank">Style Guide</a>.'
-          selected: false
-          config_form: false

configbit/extra.components.varbase.bit.yml

@@ -9,49 +9,71 @@ config_bit:
     show_extra_components: true
     list:
       dependencies:
+        varbase_ai:
+          title: "Varbase AI"
+          description: 'Provides a collection of recipes for AI tools. Enhances the work of the editorial team with capabilities with a range of advanced Artificial Intelligence (AI) options.'
+          selected: false
+          config_form: true
+          formbit: "src/FormBit/varbase_ai.formbit.php"
+          in_varbase_demo: false
+        editoria11y:
+          title: "Editorial Accessibility Checker"
+          description: 'Adds an automatic checker tool for accessibility with the integration of the <a href="https://www.drupal.org/project/editoria11y" target="_blank">Editoria11y Accessibility Checker</a>, a user-friendly tool dedicated to automatically identifying and addressing straightforward accessibility issues in various contexts.'
+          selected: true
+          config_form: false
+          in_varbase_demo: false
         vmi:
           title: "View Modes Inventory"
           description: "The most common view modes you'll need for almost any site. This will provide you with a set of content <em>View Modes</em> for various teaser styles. All of which are mobile-first, media-aware, and ready for you to customize your site."
           selected: true
           config_form: false
-        varbase_heroslider_media:
-          title: "Media Hero Slider"
-          description: 'A rich hero slider that allows you to display video and/or image slides. It implements the universal "Hero Slider" to be used in your homepage. Built using <a href="https://www.drupal.org/project/slick" target="_blank">Slick Carousel</a>.'
+          in_varbase_demo: true
+        varbase_heroslider:
+          title: "Hero Slider"
+          description: 'A rich hero slider that allows you to display video and/or image slides. It implements the universal "Hero Slider" to be used in your homepage.</a>.'
           selected: false
           config_form: false
+          in_varbase_demo: true
         varbase_carousels:
           title: "Varbase Carousels"
-          description: 'Provides the necessary tools to build carousels in your website. You will be able to create carousels on the spot and place it anywhere in the site. Built using <a href="https://www.drupal.org/project/slick" target="_blank">Slick Carousel</a>.'
+          description: 'Provides the necessary tools to build carousels in your website. You will be able to create carousels on the spot and place it anywhere in the site.'
           selected: false
           config_form: false
+          in_varbase_demo: false
         varbase_search:
           title: "Varbase Search"
           description: 'A suite of site search engine tools to help you build better search performance, customization, and search experience. Built using <a href="https://www.drupal.org/project/search_api" target="_blank">Search API</a>.'
           selected: false
           config_form: false
+          in_varbase_demo: false
         varbase_blog:
           title: "Varbase Blog"
           description: "Provides the necessary tools to build blogs in your website."
           selected: false
           config_form: false
+          in_varbase_demo: true
         varbase_auth:
           title: "Varbase Social Single Sign-On"
           description: 'Adds single sign-on using existing information from a social networking service such as Facebook, Twitter or Google. Built using <a href="https://www.drupal.org/project/social_api" target="_blank">Social API</a>.'
           selected: false
           config_form: true
           formbit: "src/FormBit/varbase_auth.formbit.php"
+          in_varbase_demo: false
         varbase_api:
           title: "Varbase API"
           description: "A JSON:API implementation with authentication and authorization that allows for easy ingestion of content by other applications."
           selected: false
           config_form: false
+          in_varbase_demo: false
         google_analytics:
           title: "Google Analytics"
           description: 'Adds the <a href="https://www.drupal.org/project/google_analytics" target="_blank">Google Analytics</a> web statistics tracking system to your website.'
           selected: false
           config_form: false
+          in_varbase_demo: false
         google_tag:
           title: "Google Tag Manager"
           description: 'Adds an integration with the <a href="https://www.drupal.org/project/google_tag" target="_blank">Google Tag Manager</a> (GTM) application.'
           selected: false
           config_form: false
+          in_varbase_demo: false

css/admin-toolbar-tools.css

-.toolbar-horizontal .toolbar-tray {
-  border-bottom-color: #000;
-  box-shadow: none;
-}
-
-.toolbar-horizontal .toolbar-tray .menu-item + .menu-item {
-  border-right: none;
-  border-left: none;
-}
-
-.toolbar .toolbar-tray-horizontal .menu-item:last-child {
-  border-right: none;
-  border-left: none;
-}
-
-.toolbar .toolbar-tray-vertical .level-3 ul {
-  margin-left: 0 !important;
-}
-
-#toolbar-administration.toolbar a {
-  transition: all, 0.2s;
-}
-
-#toolbar-administration.toolbar .toolbar-bar {
-  background-color: #2d2d2d;
-  box-shadow: none;
-}
-
-#toolbar-administration.toolbar .toolbar-bar .toolbar-tab > .toolbar-item.is-active {
-  text-decoration: none;
-  background-color: rgba(255, 255, 255, 0.03);
-  background-image: none;
-}
-
-#toolbar-administration.toolbar .toolbar-bar .toolbar-tab > .toolbar-item:focus {
-  text-decoration: none;
-  background-color: rgba(255, 255, 255, 0.03);
-  background-image: none;
-}
-
-#toolbar-administration.toolbar .toolbar-menu {
-  background: #333;
-}
-
-#toolbar-administration.toolbar .toolbar-menu .toolbar-menu .toolbar-icon.toolbar-handle:before {
-  background-image: url(../images/acacac/chevron-outline-disc-down.svg);
-  background-size: 100%;
-}
-
-#toolbar-administration.toolbar .toolbar-menu .toolbar-menu .toolbar-icon.toolbar-handle:hover:before {
-  background-image: url(../images/ffffff/chevron-outline-disc-down.svg);
-}
-
-#toolbar-administration.toolbar .toolbar-menu .toolbar-menu .toolbar-icon.toolbar-handle.open:before {
-  background-image: url(../images/ffffff/chevron-outline-disc-close.svg);
-  background-size: 100%;
-}
-
-#toolbar-administration.toolbar .toolbar-menu .toolbar-menu a {
-  color: #bbb;
-}
-
-#toolbar-administration.toolbar .toolbar-menu .toolbar-menu a:hover {
-  color: #fff;
-}
-
-#toolbar-administration.toolbar .toolbar-menu .toolbar-box:hover .toolbar-icon.toolbar-handle:before {
-  background-image: url(../images/ffffff/chevron-outline-disc-down.svg);
-}
-
-#toolbar-administration.toolbar .toolbar-menu .toolbar-box:hover .toolbar-icon.toolbar-handle.open:before {
-  background-image: url(../images/ffffff/chevron-outline-disc-close.svg);
-  background-size: 100%;
-}
-
-#toolbar-administration.toolbar .toolbar-tray-horizontal {
-  border-bottom: 1px solid #333;
-  box-shadow: none;
-}
-
-#toolbar-administration.toolbar .toolbar-tray-horizontal ul ul li.menu-item:first-child {
-  border: none;
-  border-top: 1px solid #0084d7;
-}
-
-#toolbar-administration.toolbar .toolbar-tray-horizontal .menu-item + .menu-item {
-  border-right: none;
-  border-left: none;
-}
-
-#toolbar-administration.toolbar .toolbar-tray-horizontal .menu-item:last-child {
-  border-right: none;
-  border-left: none;
-}
-
-#toolbar-administration.toolbar .toolbar-tray-horizontal .toolbar-toggle-orientation {
-  border: none;
-}
-
-#toolbar-administration.toolbar .toolbar-tray-vertical {
-  border: none;
-  box-shadow: none;
-  box-shadow: -2px 2px 12px rgba(0, 0, 0, 0.85);
-}
-
-#toolbar-administration.toolbar .toolbar-tray-vertical .menu-item + .menu-item {
-  border: 0 none;
-}
-
-#toolbar-administration.toolbar .toolbar-tray-vertical .toolbar-menu a {
-  color: #bbb;
-}
-
-#toolbar-administration.toolbar .toolbar-tray-vertical .toolbar-menu a:hover {
-  text-decoration: none;
-  color: #fff;
-  background: #0084d7;
-}
-
-#toolbar-administration.toolbar .toolbar-tray-vertical .toolbar-menu a:focus {
-  text-decoration: none;
-  color: #fff;
-  background: #0084d7;
-}
-
-#toolbar-administration.toolbar .toolbar-tray-vertical .toolbar-menu ul ul {
-  border: none;
-}
-
-#toolbar-administration.toolbar .toolbar-tray {
-  background-color: #333;
-}
-
-#toolbar-administration.toolbar .toolbar-tray .menu-item--active-trail > .toolbar-box a {
-  text-decoration: none;
-  color: inherit;
-  font-weight: bold;
-}
-
-#toolbar-administration.toolbar .toolbar-tray a.is-active {
-  text-decoration: none;
-  color: inherit;
-  font-weight: bold;
-}
-
-#toolbar-administration.toolbar .toolbar-toggle-orientation {
-  background-color: #333;
-}
-
-#toolbar-administration.toolbar .toolbar-icon.toolbar-handle:focus {
-  background-color: transparent;
-}
-
-#toolbar-administration.toolbar .toolbar-icon.toolbar-handle:before {
-  transition: 0.25s;
-  background-image: url(../images/acacac/chevron-outline-disc-down.svg);
-}
-
-#toolbar-administration.toolbar .toolbar-icon.toolbar-handle:hover:before {
-  background-image: url(../images/ffffff/chevron-outline-disc-down.svg);
-}
-
-#toolbar-administration.toolbar .toolbar-icon.toolbar-handle.open:before {
-  transform: rotate(180deg);
-  background-image: url(../images/ffcfcf/chevron-outline-disc-close.svg) !important;
-}
-
-#toolbar-administration.toolbar .level-3 a {
-  color: #d5d5d5 !important;
-}
-
-#toolbar-administration.toolbar .level-4 a {
-  color: #d5d5d5 !important;
-}
-
-#toolbar-administration.toolbar .menu-item:hover {
-  background-color: #333;
-}
-
-#toolbar-administration.toolbar .menu-item--expanded {
-  background-color: #333;
-}
-
-#toolbar-administration .toolbar-tray .toolbar-menu a {
-  color: #ccc;
-  background: transparent;
-}
-
-#toolbar-administration .toolbar-tray .toolbar-menu span {
-  color: #ccc;
-  background: transparent;
-}
-
-#toolbar-administration .toolbar-tray .toolbar-menu li {
-  background: #333;
-}
-
-#toolbar-administration .toolbar-tray ul li.menu-item {
-  border: none;
-}
-
-#toolbar-administration .toolbar-tray a {
-  color: #bbb;
-  background: #2d2d2d;
-}
-
-#toolbar-administration .toolbar-tray span {
-  display: block;
-  padding: 1em 1.3333em;
-  color: #bbb;
-  background: #2d2d2d;
-}
-
-#toolbar-administration .toolbar-oriented .user-toolbar-tab {
-  float: right;
-}
-
-#toolbar-administration .toolbar-tray-horizontal a:hover {
-  text-decoration: none;
-  color: #fff;
-  background: #0084d7;
-}
-
-#toolbar-administration .toolbar-tray-horizontal a:active {
-  text-decoration: none;
-  color: #fff;
-  background: #0084d7;
-}
-
-#toolbar-administration .toolbar-tray-horizontal a:focus {
-  text-decoration: none;
-  color: #fff;
-  background: #333;
-}
-
-#toolbar-administration .toolbar-tray-horizontal .menu-item--expanded:hover > a {
-  color: #fff !important;
-  background: #0084d7;
-}
-
-#toolbar-administration .toolbar-tray-horizontal .menu-item--expanded:hover > .toolbar-box > a {
-  color: #fff !important;
-  background: #0084d7;
-}
-
-#toolbar-administration .toolbar-tray-horizontal .menu-item--expanded:hover .toolbar-icon-admin-toolbar-tools-help:before {
-  background-image: url("../images/varbase-x-small-emblem-white.png");
-}
-
-#toolbar-administration .toolbar-tray-horizontal .menu-item--expanded:hover .toolbar-icon-system-admin-content:before {
-  background-image: url(../images/ffffff/file.svg);
-}
-
-#toolbar-administration .toolbar-tray-horizontal .menu-item--expanded:hover .toolbar-icon-system-admin-structure:before {
-  background-image: url(../images/ffffff/orgchart.svg);
-}
-
-#toolbar-administration .toolbar-tray-horizontal .menu-item--expanded:hover .toolbar-icon-system-themes-page:before {
-  background-image: url(../images/ffffff/paintbrush.svg);
-}
-
-#toolbar-administration .toolbar-tray-horizontal .menu-item--expanded:hover .toolbar-icon-entity-user-collection:before {
-  background-image: url(../images/ffffff/people.svg);
-}
-
-#toolbar-administration .toolbar-tray-horizontal .menu-item--expanded:hover .toolbar-icon-system-modules-list:before {
-  background-image: url(../images/ffffff/puzzlepiece.svg);
-}
-
-#toolbar-administration .toolbar-tray-horizontal .menu-item--expanded:hover .toolbar-icon-system-admin-config:before {
-  background-image: url(../images/ffffff/wrench.svg);
-}
-
-#toolbar-administration .toolbar-tray-horizontal .menu-item--expanded:hover .toolbar-icon-system-admin-reports:before {
-  background-image: url(../images/ffffff/barchart.svg);
-}
-
-#toolbar-administration .toolbar-tray-horizontal .menu-item a:focus {
-  background: #4c4c4c;
-}
-
-#toolbar-administration .toolbar-tray-horizontal ul li.menu-item--expanded ul li.menu-item--expanded {
-  position: relative;
-  background-image: none;
-}
-
-#toolbar-administration .toolbar-tray-horizontal ul li.menu-item--expanded ul li.menu-item--expanded:after {
-  position: absolute;
-  top: 50%;
-  right: 5px;
-  content: url(../images/0084d7/chevron-right.svg);
-  transition: all 0.2s;
-  transform: translateY(-8px);
-  pointer-events: none;
-  color: #8eacc0;
-  font-size: 16px;
-}
-
-#toolbar-administration .toolbar-tray-horizontal ul li.menu-item--expanded ul li.menu-item--expanded:hover:after {
-  content: url(../images/ffffff/chevron-right.svg);
-  transform: translate(6px, -8px);
-}
-
-#toolbar-administration .toolbar-tray-horizontal ul li.menu-item--expanded .menu-item:hover ul {
-  margin: -39px 0 0 200px;
-}
-
-#toolbar-administration .toolbar-tray-horizontal ul li.menu-item {
-  border-top: none transparent;
-  border-right: none;
-  border-bottom: none;
-  border-left: none;
-}
-
-#toolbar-administration .toolbar-tray-horizontal ul ul li li.menu-item:first-child {
-  border-top: none !important;
-}
-
-#toolbar-administration .toolbar-tray-horizontal .toolbar-menu ul .toolbar-icon {
-  padding: 1em 12px;
-}
-
-#toolbar-administration .level-1 .toolbar-handle.open {
-  background: #3b3b3b !important;
-}
-
-#toolbar-administration .toolbar-tray-vertical .level-2 {
-  background: #3b3b3b !important;
-}
-
-#toolbar-administration .toolbar-tray-vertical .level-3 {
-  background: #434343 !important;
-}
-
-#toolbar-administration .toolbar-tray-vertical .level-3 a {
-  padding-left: 2.75em !important;
-}
-
-#toolbar-administration .toolbar-tray-vertical .level-4 {
-  background: #4c4c4c !important;
-}
-
-#toolbar-administration .toolbar-tray-vertical .level-5 {
-  background: #545454 !important;
-}
-
-#toolbar-administration .toolbar-tray-vertical .toolbar-icon-admin-toolbar-tools-help {
-  transition: none;
-  text-indent: 0;
-}
-
-#toolbar-administration .toolbar-tray-vertical .toolbar-icon-admin-toolbar-tools-help:before {
-  margin-left: 0;
-}
-
-#toolbar-administration .level-2 .toolbar-handle.open {
-  background: #434343 !important;
-}
-
-#toolbar-administration .level-3 .toolbar-handle.open {
-  background: #4c4c4c !important;
-}
-
-#toolbar-administration .level-4 .toolbar-handle.open {
-  background: #545454 !important;
-}
-
-#toolbar-administration .toolbar-handle.open {
-  border-top-left-radius: 10px;
-}
-
-#toolbar-administration .toolbar-box a:focus {
-  text-decoration: none;
-  background: #333;
-}
-
-#toolbar-administration .toolbar-icon-admin-toolbar-tools-help:before {
-  margin: 0;
-  padding: 0;
-  background-image: url("../images/varbase-x-small-emblem-white.png");
-}
-
-#toolbar-administration .toolbar-icon-admin-toolbar-tools-help:hover:before {
-  background-image: url("../images/varbase-x-small-emblem-white.png");
-}
-
-#toolbar-administration .toolbar-icon-admin-toolbar-tools-help:active:before {
-  background-image: url("../images/varbase-x-small-emblem-white.png");
-}
-
-#toolbar-administration .toolbar-icon-system-admin-content:before {
-  background-image: url(../images/acacac/file.svg);
-}
-
-#toolbar-administration .toolbar-icon-system-admin-content:hover:before {
-  background-image: url(../images/ffffff/file.svg);
-}
-
-#toolbar-administration .toolbar-icon-system-admin-content:active:before {
-  background-image: url(../images/ffffff/file.svg);
-}
-
-#toolbar-administration .toolbar-icon-system-admin-structure:before {
-  background-image: url(../images/acacac/orgchart.svg);
-}
-
-#toolbar-administration .toolbar-icon-system-admin-structure:hover:before {
-  background-image: url(../images/ffffff/orgchart.svg);
-}
-
-#toolbar-administration .toolbar-icon-system-admin-structure:active:before {
-  background-image: url(../images/ffffff/orgchart.svg);
-}
-
-#toolbar-administration .toolbar-icon-system-themes-page:before {
-  background-image: url(../images/acacac/paintbrush.svg);
-}
-
-#toolbar-administration .toolbar-icon-system-themes-page:hover:before {
-  background-image: url(../images/ffffff/paintbrush.svg);
-}
-
-#toolbar-administration .toolbar-icon-system-themes-page:active:before {
-  background-image: url(../images/ffffff/paintbrush.svg);
-}
-
-#toolbar-administration .toolbar-icon-entity-user-collection:before {
-  background-image: url(../images/acacac/people.svg);
-}
-
-#toolbar-administration .toolbar-icon-entity-user-collection:hover:before {
-  background-image: url(../images/ffffff/people.svg);
-}
-
-#toolbar-administration .toolbar-icon-entity-user-collection:active:before {
-  background-image: url(../images/ffffff/people.svg);
-}
-
-#toolbar-administration .toolbar-icon-system-modules-list:before {
-  background-image: url(../images/acacac/puzzlepiece.svg);
-}
-
-#toolbar-administration .toolbar-icon-system-modules-list:hover:before {
-  background-image: url(../images/ffffff/puzzlepiece.svg);
-}
-
-#toolbar-administration .toolbar-icon-system-modules-list:active:before {
-  background-image: url(../images/ffffff/puzzlepiece.svg);
-}
-
-#toolbar-administration .toolbar-icon-system-admin-config:before {
-  background-image: url(../images/acacac/wrench.svg);
-}
-
-#toolbar-administration .toolbar-icon-system-admin-config:hover:before {
-  background-image: url(../images/ffffff/wrench.svg);
-}
-
-#toolbar-administration .toolbar-icon-system-admin-config:active:before {
-  background-image: url(../images/ffffff/wrench.svg);
-}
-
-#toolbar-administration .toolbar-icon-system-admin-reports:before {
-  background-image: url(../images/acacac/barchart.svg);
-}
-
-#toolbar-administration .toolbar-icon-system-admin-reports:hover:before {
-  background-image: url(../images/ffffff/barchart.svg);
-}
-
-#toolbar-administration .toolbar-icon-system-admin-reports:active:before {
-  background-image: url(../images/ffffff/barchart.svg);
-}
-
-#toolbar-administration .toolbar-icon-help-main:before {
-  background-image: url(../images/acacac/questionmark-disc.svg);
-}
-
-#toolbar-administration .toolbar-icon-help-main:hover:before {
-  background-image: url(../images/ffffff/questionmark-disc.svg);
-}
-
-#toolbar-administration .toolbar-icon-help-main:active:before {
-  background-image: url(../images/ffffff/questionmark-disc.svg);
-}
-
-#toolbar-administration .toolbar-icon-admin-toolbar-tools-help.is-active:before {
-  background-image: url("../images/varbase-x-small-emblem-white.png");
-}
-
-#toolbar-administration .toolbar-icon-system-admin-content.is-active:before {
-  background-image: url(../images/ffffff/file.svg);
-}
-
-#toolbar-administration .toolbar-icon-system-admin-structure.is-active:before {
-  background-image: url(../images/ffffff/orgchart.svg);
-}
-
-#toolbar-administration .toolbar-icon-system-themes-page.is-active:before {
-  background-image: url(../images/ffffff/paintbrush.svg);
-}
-
-#toolbar-administration .toolbar-icon-entity-user-collection.is-active:before {
-  background-image: url(../images/ffffff/people.svg);
-}
-
-#toolbar-administration .toolbar-icon-system-modules-list.is-active:before {
-  background-image: url(../images/ffffff/puzzlepiece.svg);
-}
-
-#toolbar-administration .toolbar-icon-system-admin-config.is-active:before {
-  background-image: url(../images/ffffff/wrench.svg);
-}
-
-#toolbar-administration .toolbar-icon-system-admin-reports.is-active:before {
-  background-image: url(../images/ffffff/barchart.svg);
-}
-
-#toolbar-administration .menu-item--expanded:hover .toolbar-icon-help-main:before {
-  background-image: url(../images/ffffff/questionmark-disc.svg);
-}
-
-#toolbar-administration .toolbar-icon-help-main.is-active:before {
-  background-image: url(../images/ffffff/questionmark-disc.svg);
-}
-
-#toolbar-item-administration-search-tray label {
-  color: #ccc !important;
-  background: transparent;
-}
-
-[dir="rtl"] #toolbar-administration.toolbar .toolbar-tray-horizontal .menu-item + .menu-item {
-  border-right: none;
-  border-left: none;
-}
-
-[dir="rtl"] #toolbar-administration .toolbar-tray-horizontal ul li.menu-item--expanded ul li.menu-item--expanded {
-  position: relative;
-  background-image: none;
-}
-
-[dir="rtl"] #toolbar-administration .toolbar-tray-horizontal ul li.menu-item--expanded ul li.menu-item--expanded:after {
-  top: 30%;
-  right: auto;
-  left: 5px;
-  transform: scaleX(-1);
-  -ms-filter: "fliph";
-  filter: fliph;
-}
-
-[dir="rtl"] #toolbar-administration .toolbar-tray-horizontal ul li.menu-item--expanded ul li.menu-item--expanded:hover:after {
-  transform: scaleX(-1);
-  transform-origin: 40% top;
-  -ms-filter: "fliph";
-  filter: fliph;
-}
-
-[dir="rtl"] #toolbar-administration .toolbar-tray-horizontal ul li.menu-item--expanded .menu-item:hover ul {
-  margin: -39px 200px 0 0;
-}
-
-.toolbar-tray-horizontal .toolbar-menu:not(:first-child) li.menu-item--expanded > a:focus {
-  background-image: none !important;
-}
-
-span .cke_button__embed_icon {
-  background-image: url("../images/embed.png") !important;
-}
-
-span .cke_button__media_icon {
-  background-image: url("../images/embed-media.png") !important;
-}

css/theme/install-page.css

+body.install-page {
+  background-image: url(../../images/varbase-bg.jpg);
+  background-position-x: center !important;
+  background-position-y: center !important;
+  background-size: cover !important;
+  background-repeat: no-repeat !important;
+  background-attachment: fixed !important;
+  background-origin: initial !important;
+  background-clip: initial !important;
+  background-color: initial !important;
+  object-fit: cover;
+}
+
+body.install-page .other-lang-warn {
+  display: none;
+}
+
+body.install-page .other-lang-warn .visible {
+  display: block;
+}
+
+body.install-page .logo a {
+  background-image: url(../../images/vardot-white-logo.png);
+  background-position-x: 0px;
+  background-position-y: 0px;
+  background-size: 100%;
+  background-repeat: no-repeat;
+  background-attachment: initial;
+  background-origin: initial;
+  background-clip: initial;
+  background-color: transparent;
+}
+
+body.install-page .site-name {
+  background-image: url(../../images/varbase-medium-logo.png);
+  background-position-x: 0px;
+  background-position-y: 0px;
+  background-size: 50%;
+  background-repeat: no-repeat;
+  background-attachment: initial;
+  background-origin: initial;
+  background-clip: initial;
+  background-color: transparent;
+  height: 3rem;
+  width: 30rem;
+  color: transparent;
+}
+
+body.install-page .site-version {
+  vertical-align: initial !important;
+  padding-left: 10rem;
+  color: #0d6efd;
+  font-weight: bold;
+  font-size: .6em;
+}
+
+@media screen and (min-width: 38em) {
+  .layout-sidebar-first {
+    width: 35%;
+    float: left;
+  }
+
+  [dir=rtl] .layout-sidebar-first {
+    float: right;
+  }
+
+  main {
+    width: 60%;
+    float: right;
+  }
+
+  [dir=rtl] main {
+    float: left;
+  }
+}
+
+footer.installer-footer {
+  margin: 0 auto;
+  width: 75%;
+  max-width: 770px;
+  border-radius: 5px;
+  color: white;
+}
+
+footer.installer-footer #credit {
+  float: right;
+  padding: 20px 0 40px;
+  font-size: 11px;
+}
+
+footer.installer-footer #credit a {
+  clear: right;
+  float: right;
+  height: 0;
+  overflow: hidden;
+  padding: 50px 0 0;
+  width: 125px;
+}
+
+[dir=rtl] footer.installer-footer #credit {
+  float: left;
+  text-align: left;
+  padding: 20px 0 40px;
+  font-size: 11px;
+}
+
+.installer-logo {
+  width: 18rem;
+}
+

gulpfile.js

-let gulp = require('gulp'),
-  sass = require('gulp-sass'),
-  postcss = require('gulp-postcss'),
-  csscomb = require('gulp-csscomb'),
-  autoprefixer = require('autoprefixer'),
-  browserSync = require('browser-sync').create();
-
-const paths = {
-  scss: {
-    src: 'scss/**/*.scss',
-    dest: 'css',
-    watch: 'scss/**/*.scss'
-  },
-  js: {  }
-};
-
-// Compile sass into CSS & auto-inject into browsers.
-function compile () {
-  var sassOptions = {
-    outputStyle: 'expanded',
-    indentType: 'space',
-    indentWidth: 2,
-    linefeed: 'lf'
-  };
-
-  return gulp.src([paths.scss.src])
-    .pipe(sass(sassOptions).on('error', sass.logError))
-    .pipe(postcss([autoprefixer()]))
-    .pipe(csscomb())
-    .pipe(gulp.dest(paths.scss.dest))
-    .pipe(browserSync.stream());
-}
-
-// Watching scss files.
-function watch () {
-  gulp.watch([paths.scss.watch], compile);
-}
-
-const build = gulp.series(compile, gulp.parallel(watch));
-
-exports.compile = compile;
-exports.watch = watch;
-
-exports.default = build;

images/0084d7/chevron-right.svg

-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path fill="#0084d7" d="M8.053 8.355c.193-.195.193-.517 0-.711l-3.26-3.289c-.193-.195-.192-.514.002-.709l1.371-1.371c.194-.194.512-.193.706.001l5.335 5.369c.195.195.195.515 0 .708l-5.335 5.37c-.194.192-.512.193-.706.002l-1.371-1.371c-.194-.195-.195-.514-.002-.709l3.26-3.29z"/></svg>

images/acacac/barchart.svg

-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><g><path fill="#acacac" d="M4 13.529c0 .275-.225.5-.5.5h-3c-.275 0-.5-.225-.5-.5v-4.25c0-.274.225-.5.5-.5h3c.275 0 .5.226.5.5v4.25zM10.002 13.529c0 .275-.225.5-.5.5h-3.002c-.275 0-.5-.225-.5-.5v-13c0-.275.225-.5.5-.5h3.002c.275 0 .5.225.5.5v13zM16.002 13.529c0 .275-.225.5-.5.5h-3c-.275 0-.5-.225-.5-.5v-9.5c0-.275.225-.5.5-.5h3c.275 0 .5.225.5.5v9.5z"/></g></svg>

images/acacac/chevron-disc-down.svg

-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path fill="#acacac" d="M8.002 1c-3.869 0-7.002 3.134-7.002 7s3.133 7 7.002 7c3.865 0 7-3.134 7-7s-3.135-7-7-7zm4.459 6.336l-4.105 4.105c-.196.189-.515.189-.708 0l-4.107-4.105c-.194-.194-.194-.513 0-.707l.977-.978c.194-.194.513-.194.707 0l2.422 2.421c.192.195.513.195.708 0l2.422-2.42c.188-.194.512-.194.707 0l.977.977c.193.194.193.513 0 .707z"/></svg>

images/acacac/chevron-outline-disc-close.svg

-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 17.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
-<svg version="1.0" id="Layer_2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
-<g>
-	<path fill="#acacac" d="M0.045,7.997c0-0.732,0.095-1.438,0.285-2.117C0.52,5.2,0.788,4.565,1.136,3.973
-		c0.347-0.592,0.763-1.13,1.248-1.615s1.021-0.9,1.611-1.248c0.589-0.347,1.224-0.615,1.903-0.806
-		c0.68-0.19,1.385-0.285,2.117-0.285c0.731,0,1.438,0.095,2.117,0.285c0.68,0.19,1.314,0.459,1.903,0.806s1.126,0.763,1.611,1.248
-		c0.484,0.485,0.9,1.023,1.247,1.615C15.24,4.564,15.509,5.2,15.699,5.88s0.285,1.385,0.285,2.117c0,0.731-0.095,1.437-0.285,2.113
-		c-0.19,0.678-0.459,1.312-0.806,1.903s-0.763,1.13-1.247,1.615c-0.485,0.484-1.022,0.9-1.611,1.247s-1.224,0.615-1.903,0.806
-		c-0.68,0.189-1.386,0.285-2.117,0.285c-0.732,0-1.438-0.096-2.117-0.285c-0.68-0.19-1.314-0.459-1.903-0.806
-		s-1.126-0.763-1.611-1.247c-0.485-0.485-0.901-1.023-1.248-1.615S0.521,10.787,0.33,10.11C0.14,9.434,0.045,8.729,0.045,7.997z
-		 M8.015,1.161c-0.627,0-1.232,0.082-1.814,0.246C5.618,1.571,5.074,1.801,4.568,2.098S3.601,2.751,3.185,3.167
-		S2.413,4.044,2.116,4.55S1.589,5.6,1.425,6.182C1.26,6.765,1.179,7.37,1.179,7.997c0,0.628,0.082,1.231,0.246,1.814
-		c0.164,0.582,0.395,1.125,0.691,1.629c0.297,0.503,0.653,0.965,1.069,1.383s0.877,0.774,1.383,1.069
-		c0.506,0.294,1.05,0.523,1.633,0.688c0.582,0.164,1.187,0.246,1.814,0.246c0.628,0,1.232-0.082,1.814-0.246
-		s1.126-0.394,1.632-0.688c0.507-0.295,0.968-0.651,1.384-1.069c0.415-0.418,0.771-0.88,1.069-1.383
-		c0.297-0.504,0.525-1.047,0.688-1.629c0.161-0.583,0.242-1.187,0.242-1.814s-0.081-1.232-0.242-1.814
-		c-0.162-0.582-0.391-1.126-0.688-1.632c-0.298-0.506-0.654-0.967-1.069-1.383c-0.416-0.416-0.877-0.772-1.384-1.069
-		c-0.506-0.297-1.05-0.527-1.632-0.691S8.643,1.161,8.015,1.161z"/>
-</g>
-<g>
-	<path fill="#acacac" d="M11.439,10.517l-0.943,0.943L8,8.964L5.504,11.46l-0.943-0.943L7.057,8.02L4.561,5.524l0.943-0.949L8,7.077
-		l2.496-2.502l0.943,0.949L8.943,8.02L11.439,10.517z"/>
-</g>
-</svg>