Skip to content

Commit

Permalink
Merge pull request #1536 from Varsani2520/theme
Browse files Browse the repository at this point in the history 
theme added
  • Loading branch information
@sunny0625
sunny0625 authored Aug 9, 2024
2 parents 8df3b3b + d434308 commit 4dbb8a1
Show file tree
Hide file tree
Showing 8 changed files with 302 additions and 18 deletions.
64 changes: 54 additions & 10 deletions Css-files/content.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,11 +2,53 @@
margin: 0px;
padding: 0px;
}

body {
background-color: black;
:root {
--background-color: white;
--text-color: black;
--primary-color: rgb(204, 12, 12);
--secondary-color: rgb(177, 0, 0);
--tertiary-color: orangered;
--container-bg: rgb(224, 224, 252);
--filter-bg: transparent;
--contact-bg: rgb(208, 50, 50);
--button-bg: #ec0f25e3;
--button-hover-bg: rgba(208, 50, 50, 0.9);
--card-border: rgb(186, 186, 201);
--card-shadow: rgba(224, 224, 252, 0.678);
--link-color: rgb(177, 0, 0);
--pagination-bg: white;
--pagination-active-bg: rgb(177, 0, 0);
--pagination-btn-color: rgb(177, 0, 0);
--pagination-prev-next-bg: rgb(204, 12, 12);
--filter-text-color: black;
--filter-border-color: #dc3545;
}

.dark-theme {
--background-color: black;
--text-color: white;
--primary-color: rgb(204, 12, 12);
--secondary-color: rgb(177, 0, 0);
--tertiary-color: orangered;
--container-bg: rgb(35, 35, 35);
--filter-bg: rgba(0, 0, 0, 0.6);
--contact-bg: rgb(208, 50, 50);
--button-bg: #ec0f25e3;
--button-hover-bg: rgba(208, 50, 50, 0.9);
--card-border: rgb(100, 100, 100);
--card-shadow: rgba(0, 0, 0, 0.5);
--link-color: rgb(177, 0, 0);
--pagination-bg: #2e2e2e;
--pagination-active-bg: rgb(177, 0, 0);
--pagination-btn-color: rgb(177, 0, 0);
--pagination-prev-next-bg: rgb(204, 12, 12);
--filter-text-color: white;
--filter-border-color: #dc3545;
}
/* body {
background-color: var(--background-color);
overflow-x: hidden;
}
} */

/* MENU + LOGIN + SIGNUP + CONTACT PAGE */
.head_container {
Expand Down Expand Up @@ -42,7 +84,7 @@ body {
/* MENU PAGE SPECIFICS */
.menu-container {
padding: 55px 10px 30px 10px;
background-color: rgb(224, 224, 252);
background-color: var(--background-color)
}

.menu-container .container-fluid {
Expand Down Expand Up @@ -77,7 +119,7 @@ body {

.menu-container .nav-pills .nav-link.active {
background-color: rgb(204, 12, 12);
color: white;
/* color: white; */
}

.menu-items .row {
Expand Down Expand Up @@ -287,7 +329,7 @@ body {
.contact-wrapper .text{
font-size: 1rem;
line-height: 1.5;
color: #080808;
color: var(--text-color);
margin-bottom: 2rem;
}

Expand Down Expand Up @@ -322,7 +364,7 @@ body {
align-items: center; /* Center items vertically */
margin-bottom: 20px;
padding: 15px;
background-color: #fff;
background-color: var(--background-color);
border-radius: 20px;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
transition: transform 0.4s, box-shadow 0.4s, background-color 0.4s;
Expand Down Expand Up @@ -421,7 +463,7 @@ body {
}
*/
.contact-form-wrapper {
background-color: white;
background-color:var(--container-bg);
padding: 30px 0;
}

Expand Down Expand Up @@ -666,7 +708,9 @@ body {
.testimonal__container {
display: flex;
}

.nav-link {
color:var(--a)
}
.testimonal__card {
text-align: center;
padding: 2rem 3rem 2.5rem;
Expand Down
168 changes: 168 additions & 0 deletions Css-files/navbar.css
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,69 @@
/* Define colors */
:root {

/* General Colors */
--primary-bg-color: #ffffff;
--primary-text-color: #333335;
--secondary-bg-color: #f2f2f2;
--accent-color: #9e5c48;

/* Navbar Colors */
--navbar-bg-color: #f2f2f2;
--navbar-hover-color: #e5e5e5;

/* Card Colors */
--card-bg-color: #ffffff;
--card-hover-color: #f5f5f5;

/* Footer Colors */
--footer-bg-color: #f2f2f2;
--footer-hover-color: #e5e5e5;

/* Additional Colors */
--container-bg: black;
--drop-bg: #212123;
--a: black;
--nav: black;
--invert: invert(1);
}

.dark-theme {
--a: rgb(183, 175, 175);
--drop-bg: #ffffff;
--nav: white;
/* General Colors */
--primary-bg-color: #212123;
--primary-text-color: #ffffff;
--secondary-bg-color: #333335;
--accent-color: #9e5c48;

/* Navbar Colors */
--navbar-bg-color: #333335;
--navbar-hover-color: #474749;

/* Card Colors */
--card-bg-color: #2c2c2e;
--card-hover-color: #373739;

/* Footer Colors */
--footer-bg-color: #28282a;
--footer-hover-color: #333335;

/* Additional Colors */
--container-bg: rgb(224, 224, 252);
--drop-bg: #ffffff;
--nav: white;
--a: black;
--nav: #F5DEB3;
--invert: invert(0);
}

/* Navbar */
.navbar {
/* --bs-navbar-color: var(--a); */
background-color: var(--background-color);
gap: 10px;

--primary-bg-color: #fff;
--primary-text-color: #000;
--secondary-bg-color: #f0f0f0;
Expand All @@ -17,6 +81,7 @@
align-items: center;
height: 70px;
font-size: 14px;

}

.navbar-logo {
Expand All @@ -40,15 +105,102 @@
}

.nav-link {

color:var(--a)

color: var(--primary-text-color);
padding: 4px 8px;
border-radius: 4px;
transition: background-color 0.3s, color 0.3s;

}

.nav-link:hover {
background-color: var(--light-red);
color: #fff;

transform: scale(1.1);
border-radius: 5px;
}

/* Center Links */

ul {
gap: 5px;
}

.nav-item {
display: flex;
justify-content: start;
align-items: center;
color:var(--a)

}

.center-links .nav-item .nav-link:hover {
color: #f13800e4;
}

.center-links .nav-item .dropdown-menu {
background-color: var(--drop-bg);
color: var(--a);
border-radius: 0;
border: none;
padding-top: 0;
}
/* cart-icon supersript */
/* .cart-subscript
{
display :flex;
width: 15px;
height: 25px;
background-color: rgb(76, 0, 255);
justify-content: center;
align-items: center;
color: white;
border-radius: 50%;
position: absolute;
top: 50%;
right: 45px;
} */



/* End Links */
.end-links .nav-item .nav-link:hover {
color: rgba(255, 183, 0, 0.705);

}

.navbar-nav.center-links .active {
color: #dc3545;
border-bottom: 2px solid #dc3545;
gap: 10px;
}

.navbar-nav.end-links .active {
color: rgba(255, 183, 0, 0.705);
border-bottom: 2px solid rgba(255, 183, 0, 0.705);
gap: 10px;
}


/* Dropdown Items */

#theme-toggle-icon {
width: 30px;
cursor: pointer;
color:var(--drop-bg)
}

.center-links .nav-item .dropdown-menu {
background-color: var(--drop-bg);
color: var(--a);
border-radius: 0;
border: none;
padding-top: 0;


}

.dropdown-item {
Expand All @@ -64,6 +216,21 @@
transform: scale(1.05);
}


/* :root {
--background-color: #fff;
--text-color: #000;
--button-bg: #d0eeb0;
--button-hover-bg: #59a10c;
--card-bg: rgba(0, 0, 0, 0.8);
--carousel-caption-bg: rgba(0, 0, 0, 0.7);
}
body {
background-color: var(--background-color);
color: var(--text-color);
} */

.rate-us-btn {
background-color: var(--primary-bg-color);
border: 1px solid var(--dark-red);
Expand All @@ -78,6 +245,7 @@
color: #fff;
}


.card {
background-color: var(--primary-bg-color);
border: 1px solid var(--secondary-bg-color);
Expand Down
Loading

0 comments on commit 4dbb8a1

Please sign in to comment.