cptluke76/Simple_Portfolio
1
0
Fork 0
mirror of https://github.com/its-michaelroy/Simple_Portfolio.git synced 2026-06-03 23:00:43 +00:00
Code Issues Packages Projects Releases Wiki Activity

Resolved contrast for buttons and text within dark mode context

Browse Source
This commit is contained in:
its-michaelroy
2024-09-05 11:48:30 -04:00
parent e58af57ab3
commit be879e3f07
2 changed files with 24 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
assets/css/main.css
View File

@@ -152,6 +152,7 @@ mark {
right: 10px; right: 10px;
font-size: 24px; font-size: 24px;
cursor: pointer; cursor: pointer;
z-index: 999;
} }
.fa-sun { .fa-sun {
@@ -171,6 +172,19 @@ mark {
color: #49bf9d; color: #49bf9d;
} }
.dark-mode h2,
.dark-mode h3,
.dark-mode #learn-more-btn,
.dark-mode input[type="submit"],
.dark-mode p {
color: #fff !important;
}
.dark-mode #learn-more-btn:hover,
.dark-mode input[type="submit"]:hover {
color: #49bf9d !important;
}
input::-moz-focus-inner { input::-moz-focus-inner {
border: 0; border: 0;
padding: 0; padding: 0;

12
index.html
View File

@@ -95,7 +95,11 @@
</p> </p>
<ul class="actions"> <ul class="actions">
<li> <li>
<button class="button learn-more" onclick="toggleParagraph()"> <button
id="learn-more-btn"
class="button learn-more"
onclick="toggleParagraph()"
>
Learn More Learn More
</button> </button>
</li> </li>
@@ -291,7 +295,11 @@
<div class="col-12"> <div class="col-12">
<ul class="actions"> <ul class="actions">
<li> <li>
<input type="submit" value="Send Message" /> <input
id="send-message-input"
type="submit"
value="Send Message"
/>
</li> </li>
</ul> </ul>
</div> </div>