Skip to content

Commit

Permalink
Update styles.css
Browse files Browse the repository at this point in the history
  • Loading branch information
Kynlos authored Feb 2, 2024
1 parent e432ff1 commit 83aaafa
Showing 1 changed file with 43 additions and 3 deletions.
46 changes: 43 additions & 3 deletions src/styles.css
Original file line number Diff line number Diff line change
Expand Up @@ -38,6 +38,9 @@
color: #fff;
}

commaneName {
margin-top: 15px;
}
/* Styles for the h1 heading */
h1 {
font-weight: 600;
Expand Down Expand Up @@ -235,6 +238,8 @@
/* Light theme styles for Select2 */
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
font-family: 'Open Sans', sans-serif;
font-size: inherit;
background-color: #fff; /* Light background for the dropdown */
border: 1px solid #aaa; /* Light border color */
color: #000; /* Dark text color for light mode */
Expand Down Expand Up @@ -270,6 +275,8 @@
/* Dark theme styles for Select2 when .dark-mode class is active */
body.dark-mode .select2-container--default .select2-selection--single,
body.dark-mode .select2-container--default .select2-selection--multiple {
font-family: 'Open Sans', sans-serif;
font-size: inherit;
background-color: #333; /* Dark background for the dropdown */
border: 2px solid #555; /* Darker border color */
color: #e0e0e0; /* Lighter grey text color, adjusted for better visibility */
Expand Down Expand Up @@ -297,9 +304,7 @@ body.dark-mode .select2-container--default .select2-selection--single .select2-s
line-height: 28px;
}

#commandName {
margin-top: 15px;
}


/* Styles for the sidebar */
.sidebar {
Expand Down Expand Up @@ -353,3 +358,38 @@ body.dark-mode .select2-container--default .select2-selection--single .select2-s
}

}

#commandName {
margin-top: 15px;
}
/* Light theme styles for the textarea */
#commandPrompt {
width: 100%;
height: 100px; /* Adjust as needed */
padding: 8px;
box-sizing: border-box;
border: 1px solid #aaa;
border-radius: 4px;
margin-top: 15px;
font-size: 14px;
}

/* Dark theme styles for textarea when .dark-mode class is active */
body.dark-mode #commandPrompt {
background-color: #333; /* Dark background for textarea */
border: 1px solid #555; /* Darker border color */
color: #e0e0e0; /* Lighter grey text color, adjusted for better visibility */
}

body.dark-mode #commandPrompt::placeholder {
color: #aaa; /* Lighter placeholder color in dark mode */
}




body.dark-mode .modal-content {
background-color: #333; /* Dark background for the modal content */
border-color: #555; /* Darker border color */
color: #fff; /* Lighter text color for better visibility */
}

0 comments on commit 83aaafa

Please sign in to comment.