Dark theme for https://haveibeenpwned.com/
Haveibeenpwned dark theme by psykek
![Screenshot of Haveibeenpwned dark theme](https://userstyles.world/preview/99/0.jpeg)
Details
Authorpsykek
LicenseNo License
CategoryHaveibeenpwned
Created
Updated
Size5.3 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
/* ==UserStyle==
@name PwnedDark
@version 1.0.0
@description Night mode for haveibeenpwned.com
@author Psykek/PrototypeChicken
@namespace github.com/Psykek66/UserCSS
@homepageURL https://github.com/Psykek66/UserCSS/blob/master/PwnedDark.user.css
==/UserStyle== */
@-moz-document url-prefix("https://haveibeenpwned.com/") {
.navbar-static-top .container {
background-color: #101010;
}
.navbar-static-top {
background-color: #101010;
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
color: #fff;
background-color: #080808;
border-radius: 10px;
width: 100px;
text-align: center;
}
.nav > li {
background-color: #101010;
}
.navbar-inverse .navbar-nav > .active {
background-color: #101010;
}
.navbar-inverse .navbar-nav > .active > a:hover {
background-color: #202020;
}
.main {
background-color: #151515
}
.secondaryHeader {
background-color: #131313;
}
.tertiaryHeader {
background-color: #111111;
color: #808080;
}
body {
background-color: #111111;
}
.logoPanel p {
color: grey;
}
.input-group .form-control {
background-color: #202020;
box-shadow: none;
}
a.btn-primary {
border: 1px solid #100000!important;
background-color: #101010;
}
.btn-primary, a.btn-primary {
border: 1px solid black !important;
background-color: #101010;
}
a.btn-primary:hover {
background-color: #151515;
}
.btn-primary {
color: grey;
}
.main {
color: grey;
}
.main .main-logo .logo {
border-radius: 30px;
border: 5px solid #202020;
font-size: 5.15em;
padding: 8px 20px;
background-color: rgba(10,10,10,0.2);
}
.tertiaryHeader a.btn, .pwnResultBanner a.btn {
background-color: #090909;
color: #808080!important;
border: 1px solid black;
margin-left: 10px;
}
.tertiaryHeader a.btn:hover {
background-color: #131313;
color: #808080!important;
border: 2px solid black;
margin-left: 10px;
}
.in img {
display: none;
}
.col-sm-3 {
color: grey;
}
.pwnCompany a {
color: #099099
}
.col-sm-6 h3 {
color: grey;
}
.dropdown-menu a {
background-color: #141414;
}
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 160px;
padding: 0px 0;
margin: 0px 0 0;
font-size: 14px;
text-align: left;
list-style: none;
background-color: #202020;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid #ccc;
border: 1px solid rgba(0,0,0,.15);
border-radius: 4px;
-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
#noPwnage, #PwnedPasswordsDonate {
background: -moz-linear-gradient(-45deg,#101010 0,#000000 100%);
background: -webkit-gradient(linear,left top,right bottom,color-stop(0,#101010),color-stop(100%,#000000));
background: -webkit-linear-gradient(-45deg,#101010 0,#000000 100%);
background: -o-linear-gradient(-45deg,#101010 0,#000000 100%);
background: -ms-linear-gradient(-45deg,#101010 0,#000000 100%);
background: linear-gradient(135deg,#101010 0,#000000 100%);
}
#noPwnage .pwnTitle a, #noPwnage .pwnTitle a:link {
padding: 0;
border-bottom: 1px solid #454545;
}
#noPwnage a, #noPwnage a:link, #noPwnage a:visited {
border-bottom-color: #454545;
}
#noPwnage a, #noPwnage a:link, #noPwnage a:visited {
border-bottom-color: #454545;
}
#noPastesFound a:hover {
background-color: #454545;
}
#noPwnage a:hover {
background-color: #454545;
}
.modal-header {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
padding: 10px 20px;
border-bottom: none;
background: -moz-linear-gradient(-45deg,#101010 0,#000000 100%);
background: -webkit-gradient(linear,left top,right bottom,color-stop(0,#101010),color-stop(100%,#000000));
background: -webkit-linear-gradient(-45deg,#101010 0,#000000 100%);
background: -o-linear-gradient(-45deg,#101010 0,#000000 100%);
background: -ms-linear-gradient(-45deg,#101010 0,#000000 100%);
background: linear-gradient(135deg,#101010 0,#000000 100%);
}
.form-control {
color: grey;
background-color: #101010;
}
.table-bordered, .table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td {
border: 1px solid #505050;
}
.bg-info {
border-radius: 10px;
background-color: #181818;
color: grey;
}
code {
background-color: #202020;
}
.bodyGradient {
background: -moz-linear-gradient(-45deg,#101010 0,#000000 100%);
background: -webkit-gradient(linear,left top,right bottom,color-stop(0,#101010),color-stop(100%,#101010));
background: -webkit-linear-gradient(-45deg,#101010 0,#000000 100%);
background: -o-linear-gradient(-45deg,#101010 0,#000000 100%);
background: -ms-linear-gradient(-45deg,#101010 0,#000000 100%);
background: linear-gradient(135deg,#101010 0,#000000 100%);
color: #fff;
}
}