HOTFIX: Minor style changes to improve usability

Arquisoft · May 8, 2024 · 726911b · 726911b
1 parent 35953ac
commit 726911b
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 5 deletions.
diff --git a/webapp/src/components/FirstGame.js b/webapp/src/components/FirstGame.js
@@ -12,7 +12,7 @@ let haveFailedQuestion = false;
 let isCorrect = false
 
 let load = true;
-const previousBackgroundColor = '#1a1a1a'
+const previousBackgroundColor = '#3b3b3b'
 // let points = 0;
 
 const Quiz = () => {

diff --git a/webapp/src/components/game/Calculator.js b/webapp/src/components/game/Calculator.js
@@ -8,7 +8,7 @@ import { useLocation, useNavigate } from 'react-router-dom';
 
 
 let load = true;
-const previousBackgroundColor = '#1a1a1a';
+const previousBackgroundColor = '#3b3b3b';
 // let questions = []
 // let answeredQuestions = []
 

diff --git a/webapp/src/components/nav/Nav.js b/webapp/src/components/nav/Nav.js
@@ -41,12 +41,12 @@ export const Nav = () => {
             <Container sx={{alignItems:'right', textAlign:'right'}}>
                 <Link to='/help' style={{color:'white', textDecoration: 'none'}}>
                     <IconButton size="large" color="inherit" >
-                        <HelpIcon sx={{ color: "#0F0F0F" }}/>
+                        <HelpIcon sx={{ color: "#F0F0F0" }}/>
                     </IconButton>
                 </Link>
                 <Link to='/' style={{color:'white', textDecoration: 'none'}}>
                     <IconButton size="large" color="inherit" >
-                        <LogoutIcon sx={{ color: "#0F0F0F" }}/>
+                        <LogoutIcon sx={{ color: "#F0F0F0" }}/>
                     </IconButton>
                 </Link>
             </Container>

diff --git a/webapp/src/index.css b/webapp/src/index.css
@@ -51,7 +51,7 @@ code {
 }
 
 .inner{
-  background-color: #1a1a1a;
+  background-color: #3b3b3b;
   color: #F0F0F0;
   transition: all .2s;
   border-radius: 1em;
@@ -88,6 +88,10 @@ input, label{
   padding: 1em 4.25em;
 }
 
+#history main .inner, #storeQuestion main .inner{
+  background-color: #1a1a1a;
+}
+
 main input:-internal-autofill-selected{
   box-shadow: none;
   -webkit-box-shadow: 0 0 0px 1000px rgba(0,0,0,0) inset;