From 362dbea8279634bc28512eeb254ab0882597c058 Mon Sep 17 00:00:00 2001
From: taru2001 <guptaurat2001@gmail.com>
Date: Mon, 18 Oct 2021 12:23:52 +0530
Subject: [PATCH 1/2] Slider added for different colour in imageseg

---
 src/components/layout/NavBar.js               |  4 +-
 src/utils/JupyterViewer/JupViewer.js          | 39 +++++++++++++++++++
 .../Algorithms/Regression/RegressionFront.js  |  2 +-
 3 files changed, 42 insertions(+), 3 deletions(-)

diff --git a/src/components/layout/NavBar.js b/src/components/layout/NavBar.js
index db244ad..d979b67 100644
--- a/src/components/layout/NavBar.js
+++ b/src/components/layout/NavBar.js
@@ -23,8 +23,8 @@ export default class NavBar extends Component {
       <div className="row">
         <div className="column">
           <h4>Machine Learning</h4>
-          <Link style={{height: "2rem"}} to="/tut" >Linear Regression</Link>
-          <Link style={{height: "2rem"}} to="#">Polynomial Regression</Link>
+          <Link style={{height: "2rem"}}  to="/tut" >Linear Regression</Link>
+          <Link style={{height: "2rem"}}  to="#">Polynomial Regression</Link>
           <Link style={{height: "2rem"}} to="#">Logistic Regression</Link>
           <Link style={{height: "2rem"}} to="#">K mean clistering</Link>
           <Link style={{height: "2rem"}} to="#">Support Vector Machines</Link>
diff --git a/src/utils/JupyterViewer/JupViewer.js b/src/utils/JupyterViewer/JupViewer.js
index fb4a82f..ac23186 100644
--- a/src/utils/JupyterViewer/JupViewer.js
+++ b/src/utils/JupyterViewer/JupViewer.js
@@ -300,6 +300,36 @@ class JupViewer extends React.Component {
         console.log(`switch to ${ev}`);
     }
 
+    yellowChanger(ev) {
+        if (ev) {
+            this.setState({
+                // Editor Theme
+                ed_theme: 'yellowTheme',
+                text_ed_theme: 'yellow',
+                //themes:
+                background_theme: "black",
+                background_text_theme: 'black',
+                // background_input_theme: '#2F3129',
+                background_input_theme: 'yellow',
+                background_output_theme: 'yellow',
+            })
+        }
+        else {
+            this.setState({
+               // Editor Theme
+               ed_theme: 'darkTheme',
+               text_ed_theme: 'monokai',
+               //themes:
+               background_theme: "black",
+               background_text_theme: 'white',
+               // background_input_theme: '#2F3129',
+               background_input_theme: '#272822',
+               background_output_theme: '#2F3129',
+            })
+        }
+        console.log(`switch to ${ev}`);
+    }
+
     gutterChanger(ev) {
         if (ev) {
             this.setState({
@@ -379,9 +409,18 @@ class JupViewer extends React.Component {
                                             style={{
                                                 margin: '0px 5px'
                                             }}
+                                            id = "dt"
                                             defaultChecked checkedChildren="dark theme" unCheckedChildren="light theme"
                                             onChange={this.themeChanger.bind(this)}
                                         />
+                                        <Switch
+                                            style={{
+                                                margin: '0px 5px'
+                                            }}
+                                            
+                                            checkedChildren="Yellow Theme" unCheckedChildren=" Yellow Theme"
+                                            onChange={this.yellowChanger.bind(this)}
+                                        />
                                         <Switch
                                             style={{
                                                 margin: '0px 5px'
diff --git a/src/views/Algorithms/Regression/RegressionFront.js b/src/views/Algorithms/Regression/RegressionFront.js
index 5d5dfbd..5e59b75 100644
--- a/src/views/Algorithms/Regression/RegressionFront.js
+++ b/src/views/Algorithms/Regression/RegressionFront.js
@@ -41,7 +41,7 @@ class RegressionFront extends React.Component {
               appearance="inverse"
             >
               <Sidenav.Body>
-                <Nav>
+                <Nav style={{height: 650}}>
                   <Nav.Item eventKey="1" icon={<Icon icon="dashboard" />}>
                     Linear Regression
                   </Nav.Item>

From c89248f2d3c476a9994486420fef477efe994622 Mon Sep 17 00:00:00 2001
From: taru2001 <guptaurat2001@gmail.com>
Date: Mon, 18 Oct 2021 12:26:26 +0530
Subject: [PATCH 2/2] Slider added for different colour in imageseg

---
 src/components/layout/NavBar.js                    | 4 ++--
 src/utils/JupyterViewer/JupViewer.js               | 2 +-
 src/views/Algorithms/Regression/RegressionFront.js | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/layout/NavBar.js b/src/components/layout/NavBar.js
index d979b67..db244ad 100644
--- a/src/components/layout/NavBar.js
+++ b/src/components/layout/NavBar.js
@@ -23,8 +23,8 @@ export default class NavBar extends Component {
       <div className="row">
         <div className="column">
           <h4>Machine Learning</h4>
-          <Link style={{height: "2rem"}}  to="/tut" >Linear Regression</Link>
-          <Link style={{height: "2rem"}}  to="#">Polynomial Regression</Link>
+          <Link style={{height: "2rem"}} to="/tut" >Linear Regression</Link>
+          <Link style={{height: "2rem"}} to="#">Polynomial Regression</Link>
           <Link style={{height: "2rem"}} to="#">Logistic Regression</Link>
           <Link style={{height: "2rem"}} to="#">K mean clistering</Link>
           <Link style={{height: "2rem"}} to="#">Support Vector Machines</Link>
diff --git a/src/utils/JupyterViewer/JupViewer.js b/src/utils/JupyterViewer/JupViewer.js
index ac23186..22950be 100644
--- a/src/utils/JupyterViewer/JupViewer.js
+++ b/src/utils/JupyterViewer/JupViewer.js
@@ -409,7 +409,7 @@ class JupViewer extends React.Component {
                                             style={{
                                                 margin: '0px 5px'
                                             }}
-                                            id = "dt"
+                                            
                                             defaultChecked checkedChildren="dark theme" unCheckedChildren="light theme"
                                             onChange={this.themeChanger.bind(this)}
                                         />
diff --git a/src/views/Algorithms/Regression/RegressionFront.js b/src/views/Algorithms/Regression/RegressionFront.js
index 5e59b75..5d5dfbd 100644
--- a/src/views/Algorithms/Regression/RegressionFront.js
+++ b/src/views/Algorithms/Regression/RegressionFront.js
@@ -41,7 +41,7 @@ class RegressionFront extends React.Component {
               appearance="inverse"
             >
               <Sidenav.Body>
-                <Nav style={{height: 650}}>
+                <Nav>
                   <Nav.Item eventKey="1" icon={<Icon icon="dashboard" />}>
                     Linear Regression
                   </Nav.Item>