Cool_Tools/shfw-walkthrough
1
0
Fork 0
mirror of https://github.com/lekrsu/shfw-walkthrough.git synced 2024-11-23 22:41:04 +01:00
Code Issues Packages Projects Releases Wiki Activity

dark mode on logic calculator

Browse Source
This commit is contained in:
lekrsu 2024-05-10 18:09:49 +02:00
parent 422b69d1f2
commit af9f0a39ee
1 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
logic/style.css
View File

@ -1,8 +1,7 @@
css
body { body {
font-family: Arial, sans-serif; font-family: Arial, sans-serif;
background-color: #121212; background-color: #121212; /* Dark background */
color: white; color: white; /* Light text for readability in dark mode */
margin: 0; margin: 0;
padding: 0; padding: 0;
box-sizing: border-box; box-sizing: border-box;
@ -18,6 +17,7 @@ body {
.input-section label { .input-section label {
display: block; display: block;
margin-top: 20px; margin-top: 20px;
color: white; /* Ensuring text is visible in dark mode */
} }
.input-section input, .input-section input,
@ -25,9 +25,9 @@ button {
width: 100%; width: 100%;
padding: 10px; padding: 10px;
margin-bottom: 20px; margin-bottom: 20px;
background-color: #333; background-color: #333; /* Darker elements to fit dark mode */
border: 1px solid #444; border: 1px solid #444; /* Subtle border in dark mode */
color: white; color: white; /* Text color in inputs and buttons */
box-sizing: border-box; box-sizing: border-box;
} }