some more theme specific changes

Author: vickeykumar

src/resources/css/scribbler-global.css

@@ -496,4 +496,13 @@ input[type=text],[type=email], select, textarea, email {
 
 .opaq:hover {
   opacity: 1;
-}
+}
+
+/* theme specific class */
+.accent-background {
+  background: var(--accent-color);
+}
+.rev-accent-background {
+  background: var(--rev-accent-color);
+}
+/* them classes ends */

src/resources/index.html

@@ -671,7 +671,25 @@ <h3 class="section__title">Share/Collaborate</h3>
     <!-- chatgpt Section start -->
     <script src="./js/chat-widget.js" defer></script>
     <script>
-      window.addEventListener("load", () => {
+      const processtheme = (theme) => {
+        var selectedOption = $('#select-theme').find(':selected');
+        var themedetected = selectedOption.closest('optgroup').attr('label');
+        
+        if (themedetected === 'Bright') {
+            console.log('Bright theme selected.');
+            $('.fullscreen-toggle').addClass('rev-accent-background');
+        } else if (themedetected === 'Dark') {
+            console.log('Dark theme selected.');
+            $('.fullscreen-toggle').removeClass('rev-accent-background');
+        }
+      };
+
+      $(document).ready(function() {
+        $('#select-theme').on('change', function() {
+            processtheme();
+        });
+        processtheme();
+        /* chatwidget */
         window.ChatWidget.config.widgetTitle = "Ask GPT";
         window.ChatWidget.config.greetingMessage =
           "Hello there! Welcome to openrepl.com.\nAn opensource platform to write and run your code snippets in REPL.";

src/resources/js/scribbler.js

@@ -245,7 +245,7 @@ function SaveSelectedNodeToFile(oldSelectedNodeId, errcallback=null) {
     }
 }
 
-function ToggleEditor(direction=null) {
+function ToggleEditor() {
     if (direction===null) {
       // first time
       if (ismob()) {
@@ -324,7 +324,7 @@ function ToggleRotateEditor() {
   }
   einst.destroy();
   einst = null; // destroy and reset splitter
-  ToggleEditor(direction);
+  ToggleEditor();
 }
 
 function ToggleReconnect() {