Add theme toggle in the HTML report

Author: bppdanto-t

core/src/main/java/org/jsmart/zerocode/core/constants/ZeroCodeReportConstants.java

@@ -21,4 +21,7 @@ public interface ZeroCodeReportConstants {
     String ZEROCODE_JUNIT = "zerocode.junit";
     String CHARTS_AND_CSV = "gen-smart-charts-csv-reports";
 
+    // Custom js and css for extent report
+    String EXTENT_ADDITIONAL_JS = "document.write('<div id=\"theme-selector\"onClick=$(\"body\").toggleClass(\"dark\")><span><i class=\"fa fa-desktop\"></i></span></div>')";
+    String EXTENT_ADDITIONAL_CSS = "#theme-selector{cursor:pointer;position:fixed;bottom:10px;left:25px;z-index:9999;}";
 }

core/src/main/java/org/jsmart/zerocode/core/domain/builders/ExtentReportsFactory.java

@@ -8,6 +8,8 @@
 import java.util.Properties;
 import java.util.Set;
 
+import static org.jsmart.zerocode.core.constants.ZeroCodeReportConstants.EXTENT_ADDITIONAL_CSS;
+import static org.jsmart.zerocode.core.constants.ZeroCodeReportConstants.EXTENT_ADDITIONAL_JS;
 import static org.jsmart.zerocode.core.constants.ZeroCodeReportConstants.REPORT_DISPLAY_NAME_DEFAULT;
 import static org.jsmart.zerocode.core.constants.ZeroCodeReportConstants.REPORT_TITLE_DEFAULT;
 import static org.slf4j.LoggerFactory.getLogger;
@@ -56,7 +58,8 @@ public static void attachSystemInfo() {
     public static ExtentSparkReporter createExtentHtmlReporter(String reportFileName) {
         extentSparkReporter = new ExtentSparkReporter(reportFileName);
 
-
+        extentSparkReporter.config().setJs(EXTENT_ADDITIONAL_JS);
+        extentSparkReporter.config().setCss(EXTENT_ADDITIONAL_CSS);
         extentSparkReporter.config().setDocumentTitle(REPORT_TITLE_DEFAULT);
         extentSparkReporter.config().setReportName(REPORT_DISPLAY_NAME_DEFAULT);