change the website theme to a consistent purple, to match haddock's

This commit is contained in:
Arjun Kathuria 2021-10-13 16:02:32 +05:30
parent 5dc5c2094e
commit eb0e9df6ab

View File

@ -1,3 +1,8 @@
:root {
--theme-purple: #5E5184;
--link-pink: #9E358F;
}
h2 h2
{ {
border-bottom:1px solid #CCC; border-bottom:1px solid #CCC;
@ -102,41 +107,39 @@ body.homepage>div.container div.col-md-9 {
} }
.bg-primary { .bg-primary {
background-image: -webkit-gradient(linear, left top, left bottom, from(#996FC2), color-stop(60%, #6A478D), to(#5E5086)) !important; background-image: none;
background-image: linear-gradient(#996FC2, #6A478D 60%, #5E5086) !important; background-color: var(--theme-purple) !important;
background-repeat: no-repeat !important;
} }
.btn-primary { body .bg-primary {
background-image: -webkit-gradient(linear, left top, left bottom, from(#996FC2), color-stop(60%, #6A478D), to(#5E5086)) !important; background-image: none;
background-image: linear-gradient(#996FC2, #6A478D 60%, #5E5086) !important; background-color: var(--theme-purple);
background-repeat: no-repeat !important; border: 1px solid var(--theme-purple);
color: #fff;
background-color: #996FC1;
border-color: #996FC1;
border-bottom: 1px solid #453A62;
} }
.navbar { body .btn-primary {
background-image: -webkit-gradient(linear, left top, left bottom, from(#996FC2), color-stop(60%, #6A478D), to(#5E5086)) !important; background-image: none;
background-image: linear-gradient(#996FC2, #6A478D 60%, #5E5086) !important; background-color: var(--theme-purple);
background-repeat: no-repeat !important; border: 1px solid var(--theme-purple);
}
color: #fff; .navbar.fixed-top {
background-color: #996FC1; background-image: none;
border-color: #996FC1; background-color: var(--theme-purple);
border: 1px solid var(--theme-purple);
}
border-bottom: 1px solid #453A62; .btn-primary:hover {
background-color: var(--theme-purple);
border: 1px solid var(--theme-purple);
} }
a { a {
color: #996FC2; color: var(--link-pink);
} }
a:hover { a:hover {
color: #674489; color: #996FC2;
} }
.col-md-9 img.main-logo { .col-md-9 img.main-logo {
@ -145,17 +148,6 @@ a:hover {
margin: 0px; margin: 0px;
} }
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
color: #fff;
background-color: #453A62;
border-color: #996FC1;
}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
color: #fff;
background-color: #453A62;
}
.ghcup-intro { .ghcup-intro {
text-align: center; text-align: center;
} }