mirror of
https://github.com/lekrsu/shfw-walkthrough.git
synced 2024-11-23 22:41:04 +01:00
dark mode on logic calculator
This commit is contained in:
parent
422b69d1f2
commit
af9f0a39ee
@ -1,8 +1,7 @@
|
||||
css
|
||||
body {
|
||||
font-family: Arial, sans-serif;
|
||||
background-color: #121212;
|
||||
color: white;
|
||||
background-color: #121212; /* Dark background */
|
||||
color: white; /* Light text for readability in dark mode */
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
box-sizing: border-box;
|
||||
@ -18,6 +17,7 @@ body {
|
||||
.input-section label {
|
||||
display: block;
|
||||
margin-top: 20px;
|
||||
color: white; /* Ensuring text is visible in dark mode */
|
||||
}
|
||||
|
||||
.input-section input,
|
||||
@ -25,9 +25,9 @@ button {
|
||||
width: 100%;
|
||||
padding: 10px;
|
||||
margin-bottom: 20px;
|
||||
background-color: #333;
|
||||
border: 1px solid #444;
|
||||
color: white;
|
||||
background-color: #333; /* Darker elements to fit dark mode */
|
||||
border: 1px solid #444; /* Subtle border in dark mode */
|
||||
color: white; /* Text color in inputs and buttons */
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user