Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Enhanced font color for components heading in dark mode #822

Merged
merged 16 commits into from
Jun 6, 2024
1 change: 1 addition & 0 deletions assets/css_files/about.css
Original file line number Diff line number Diff line change
Expand Up @@ -180,6 +180,7 @@ h3 {

.credit .social-icon li a:hover {
transform: translateY(-10px);
color: red;
}

.credit p {
Expand Down
3 changes: 3 additions & 0 deletions assets/css_files/accordions.css
Original file line number Diff line number Diff line change
Expand Up @@ -92,6 +92,9 @@ h1 {
text-shadow: 1px 1px 1px black, 1px 1px 1px white;
font-size: 1.8em;
}
body.dark-mode .SearchAccordion {
color: #FFFFFF;
}

.preview {
margin-top: 45px;
Expand Down
6 changes: 5 additions & 1 deletion assets/css_files/backgrounds.css
Original file line number Diff line number Diff line change
Expand Up @@ -87,11 +87,15 @@ section {
}

h1 {
color: black;
color: #282B34;
text-align: center;
text-shadow: 1px 1px 1px black, 1px 1px 1px white;
font-size: 1.8em;
}
body.dark-mode .SearchBackground {
color: #FFFFFF;
}


.preview {
margin-top: 45px;
Expand Down
5 changes: 4 additions & 1 deletion assets/css_files/breadcrumbs.css
Original file line number Diff line number Diff line change
Expand Up @@ -87,11 +87,14 @@ section {
}

h1 {
color: black;
color: #282B34;
text-align: center;
text-shadow: 1px 1px 1px black, 1px 1px 1px white;
font-size: 1.8em;
}
body.dark-mode .SearchBreadcrumb {
color: #FFFFFF;
}

.preview {
margin-top: 45px;
Expand Down
6 changes: 5 additions & 1 deletion assets/css_files/buttons.css
Original file line number Diff line number Diff line change
Expand Up @@ -87,11 +87,15 @@ section {
}

h1 {
color: black;
color: #282B34;
text-align: center;
text-shadow: 1px 1px 1px black, 1px 1px 1px white;
font-size: 1.8em;
}
body.dark-mode .SearchButton {
color: #FFFFFF;
}


.preview {
margin-top: 45px;
Expand Down
6 changes: 4 additions & 2 deletions assets/css_files/cards.css
Original file line number Diff line number Diff line change
Expand Up @@ -87,12 +87,14 @@ section {
}

h1 {
color: black;
color: #282B34;
text-align: center;
text-shadow: 1px 1px 1px black, 1px 1px 1px white;
font-size: 1.8em;
}

body.dark-mode .SearchCard {
color: #FFFFFF;
}
.preview {
margin-top: 45px;
float: left;
Expand Down
5 changes: 4 additions & 1 deletion assets/css_files/carousels.css
Original file line number Diff line number Diff line change
Expand Up @@ -87,11 +87,14 @@ section {
}

h1 {
color: black;
color: #282B34;
text-align: center;
text-shadow: 1px 1px 1px black, 1px 1px 1px white;
font-size: 1.8em;
}
body.dark-mode .SearchCarousel {
color: #FFFFFF;
}

.preview {
margin-top: 45px;
Expand Down
5 changes: 4 additions & 1 deletion assets/css_files/dropdowns.css
Original file line number Diff line number Diff line change
Expand Up @@ -87,11 +87,14 @@ section {
}

h1 {
color: black;
color: #282B34;
text-align: center;
text-shadow: 1px 1px 1px black, 1px 1px 1px white;
font-size: 1.8em;
}
body.dark-mode .SearchDropdown {
color: #FFFFFF;
}

.preview {
margin-top: 45px;
Expand Down
5 changes: 4 additions & 1 deletion assets/css_files/footers.css
Original file line number Diff line number Diff line change
Expand Up @@ -87,11 +87,14 @@ section {
}

h1 {
color: black;
color: #282B34;
text-align: center;
text-shadow: 1px 1px 1px black, 1px 1px 1px white;
font-size: 1.8em;
}
body.dark-mode .SearchFooter {
color: #FFFFFF;
}

.preview {
margin-top: 45px;
Expand Down
6 changes: 4 additions & 2 deletions assets/css_files/forms.css
Original file line number Diff line number Diff line change
Expand Up @@ -87,12 +87,14 @@ section {
}

h1 {
color: black;
color: #282B34;
text-align: center;
text-shadow: 1px 1px 1px black, 1px 1px 1px white;
font-size: 1.8em;
}

body.dark-mode .SearchForm {
color: #FFFFFF;
}
.preview {
margin-top: 45px;
float: left;
Expand Down
5 changes: 4 additions & 1 deletion assets/css_files/loaders.css
Original file line number Diff line number Diff line change
Expand Up @@ -87,11 +87,14 @@ section {
}

h1 {
color: black;
color: #282B34;
text-align: center;
text-shadow: 1px 1px 1px black, 1px 1px 1px white;
font-size: 1.8em;
}
body.dark-mode .SearchLoader {
color: #FFFFFF;
}

.preview {
margin-top: 45px;
Expand Down
5 changes: 4 additions & 1 deletion assets/css_files/navigation-bars.css
Original file line number Diff line number Diff line change
Expand Up @@ -87,11 +87,14 @@ section {
}

h1 {
color: black;
color: #282B34;
text-align: center;
text-shadow: 1px 1px 1px black, 1px 1px 1px white;
font-size: 1.8em;
}
body.dark-mode .SearchNavigationbar {
color: #FFFFFF;
}

.preview {
margin-top: 45px;
Expand Down
5 changes: 4 additions & 1 deletion assets/css_files/search-bars.css
Original file line number Diff line number Diff line change
Expand Up @@ -87,11 +87,14 @@ section {
}

h1 {
color: black;
color: #282B34;
text-align: center;
text-shadow: 1px 1px 1px black, 1px 1px 1px white;
font-size: 1.8em;
}
body.dark-mode .SearchSearchbar {
color: #FFFFFF;
}

.preview {
margin-top: 45px;
Expand Down
5 changes: 4 additions & 1 deletion assets/css_files/text-animations.css
Original file line number Diff line number Diff line change
Expand Up @@ -87,11 +87,14 @@ section {
}

h1 {
color: black;
color: #282B34;
text-align: center;
text-shadow: 1px 1px 1px black, 1px 1px 1px white;
font-size: 1.8em;
}
body.dark-mode .SearchTextanimation {
color: #FFFFFF;
}

.preview {
margin-top: 45px;
Expand Down
5 changes: 4 additions & 1 deletion assets/css_files/transfer-lists.css
Original file line number Diff line number Diff line change
Expand Up @@ -87,11 +87,14 @@ section {
}

h1 {
color: black;
color: #282B34;
text-align: center;
text-shadow: 1px 1px 1px black, 1px 1px 1px white;
font-size: 1.8em;
}
body.dark-mode .SearchTransferlist {
color: #FFFFFF;
}

.preview {
margin-top: 45px;
Expand Down
2 changes: 1 addition & 1 deletion assets/html_files/accordions.html
Original file line number Diff line number Diff line change
Expand Up @@ -63,7 +63,7 @@
<div class="heading">Accordions</div>
<!-- Search Bar -->
<div id="searchBar">
<h1>Search Accordion</h1><br>
<h1 class="SearchAccordion">Search Accordion</h1><br>
<input type="text" id="componentSearch" placeholder="Enter Accordion Name" oninput="filtereachComponents()">
</div>
<div class="contain">
Expand Down
2 changes: 1 addition & 1 deletion assets/html_files/backgrounds.html
Original file line number Diff line number Diff line change
Expand Up @@ -62,7 +62,7 @@
<div class="heading">Backgrounds</div>
<!-- Search Bar -->
<div id="searchBar">
<h1>Search Background</h1><br>
<h1 class="SearchBackground">Search Background</h1><br>
<input type="text" id="componentSearch" placeholder="Enter Background Name" oninput="filtereachComponents()">
</div>
<div class="contain">
Expand Down
2 changes: 1 addition & 1 deletion assets/html_files/breadcrumbs.html
Original file line number Diff line number Diff line change
Expand Up @@ -62,7 +62,7 @@
<div class="heading">Breadcrumbs</div>
<!-- Search Bar -->
<div id="searchBar">
<h1>Search Breadcrumb</h1><br>
<h1 class="SearchBreadcrumb">Search Breadcrumb</h1><br>
<input type="text" id="componentSearch" placeholder="Enter breadcrumbs Name" oninput="filtereachComponents()">
</div>
<div class="contain">
Expand Down
2 changes: 1 addition & 1 deletion assets/html_files/buttons.html
Original file line number Diff line number Diff line change
Expand Up @@ -62,7 +62,7 @@
<div class="heading">Buttons</div>
<!-- Search Bar -->
<div id="searchBar">
<h1>Search Button</h1><br>
<h1 class="SearchButton">Search Button</h1><br>
<input type="text" id="componentSearch" placeholder="Enter Button Name" oninput="filtereachComponents()">
</div>
<div class="contain">
Expand Down
2 changes: 1 addition & 1 deletion assets/html_files/cards.html
Original file line number Diff line number Diff line change
Expand Up @@ -62,7 +62,7 @@
<div class="heading">Cards</div>
<!-- Search Bar -->
<div id="searchBar">
<h1>Search Card</h1><br>
<h1 class="SearchCard">Search Card</h1><br>
<input type="text" id="componentSearch" placeholder="Enter Card Name" oninput="filtereachComponents()">
</div>
<div class="contain">
Expand Down
2 changes: 1 addition & 1 deletion assets/html_files/carousels.html
Original file line number Diff line number Diff line change
Expand Up @@ -62,7 +62,7 @@
<div class="heading">Carousels</div>
<!-- Search Bar -->
<div id="searchBar">
<h1>Search Carousel</h1><br>
<h1 class="SearchCarousel">Search Carousel</h1><br>
<input type="text" id="componentSearch" placeholder="Enter Carousel Name" oninput="filtereachComponents()">
</div>
<div class="contain">
Expand Down
2 changes: 1 addition & 1 deletion assets/html_files/dropdowns.html
Original file line number Diff line number Diff line change
Expand Up @@ -62,7 +62,7 @@
<div class="heading">Dropdowns</div>
<!-- Search Bar -->
<div id="searchBar">
<h1>Search Dropdown</h1><br>
<h1 class="SearchDropdown">Search Dropdown</h1><br>
<input type="text" id="componentSearch" placeholder="Enter Dropdown Name" oninput="filtereachComponents()">
</div>
<div class="contain">
Expand Down
2 changes: 1 addition & 1 deletion assets/html_files/footers.html
Original file line number Diff line number Diff line change
Expand Up @@ -62,7 +62,7 @@
<div class="heading">Footers</div>
<!-- Search Bar -->
<div id="searchBar">
<h1>Search Footer</h1><br>
<h1 class="SearchFooter">Search Footer</h1><br>
<input type="text" id="componentSearch" placeholder="Enter Footer Name" oninput="filtereachComponents()">
</div>
<div class="contain">
Expand Down
2 changes: 1 addition & 1 deletion assets/html_files/forms.html
Original file line number Diff line number Diff line change
Expand Up @@ -62,7 +62,7 @@
<div class="heading">Forms</div>
<!-- Search Bar -->
<div id="searchBar">
<h1>Search Form</h1><br>
<h1 class="SearchForm">Search Form</h1><br>
<input type="text" id="componentSearch" placeholder="Enter Forms Name" oninput="filtereachComponents()">
</div>
<div class="contain">
Expand Down
2 changes: 1 addition & 1 deletion assets/html_files/loaders.html
Original file line number Diff line number Diff line change
Expand Up @@ -62,7 +62,7 @@
<div class="heading">Loaders</div>
<!-- Search Bar -->
<div id="searchBar">
<h1>Search Loader</h1><br>
<h1 class="SearchLoader">Search Loader</h1><br>
<input type="text" id="componentSearch" placeholder="Enter Loader Name" oninput="filtereachComponents()">
</div>
<div class="contain">
Expand Down
2 changes: 1 addition & 1 deletion assets/html_files/navigation-bars.html
Original file line number Diff line number Diff line change
Expand Up @@ -62,7 +62,7 @@
<div class="heading">Navigation Bars</div>
<!-- Search Bar -->
<div id="searchBar">
<h1>Search Navigation Bar</h1><br>
<h1 class="SearchNavigationbar">Search Navigation Bar</h1><br>
<input type="text" id="componentSearch" placeholder="Enter NavBar Name" oninput="filtereachComponents()">
</div>
<div class="contain">
Expand Down
2 changes: 1 addition & 1 deletion assets/html_files/search-bars.html
Original file line number Diff line number Diff line change
Expand Up @@ -62,7 +62,7 @@
<div class="heading">Search Bars</div>
<!-- Search Bar -->
<div id="searchBar">
<h1>Search Search Bar</h1><br>
<h1 class="SearchSearchbar">Search Search Bar</h1><br>
<input type="text" id="componentSearch" placeholder="Enter SearchBar Name" oninput="filtereachComponents()">
</div>
<div class="contain">
Expand Down
2 changes: 1 addition & 1 deletion assets/html_files/text-animations.html
Original file line number Diff line number Diff line change
Expand Up @@ -62,7 +62,7 @@
<div class="heading">Text Animations</div>
<!-- Search Bar -->
<div id="searchBar">
<h1>Search Text Animation</h1><br>
<h1 class="SearchTextanimation">Search Text Animation</h1><br>
<input type="text" id="componentSearch" placeholder="Enter Text Animation Name" oninput="filtereachComponents()">
</div>
<div class="contain">
Expand Down
2 changes: 1 addition & 1 deletion assets/html_files/transfer-lists.html
Original file line number Diff line number Diff line change
Expand Up @@ -62,7 +62,7 @@
<div class="heading">Transfer Lists</div>
<!-- Search Bar -->
<div id="searchBar">
<h1>Search Transfer List</h1><br>
<h1 class="SearchTransferlist">Search Transfer List</h1><br>
<input type="text" id="componentSearch" placeholder="Enter Transfer List Name" oninput="filtereachComponents()">
</div>
<div class="contain">
Expand Down
1 change: 1 addition & 0 deletions style.css
Original file line number Diff line number Diff line change
Expand Up @@ -595,6 +595,7 @@ footer .social-icon li a {

footer .social-icon li a:hover {
transform: translateY(-10px);
color: red;
}

footer p {
Expand Down