Simple dark mode for saltthepass.com with additional setting to use a special font to hide the generated password.
Salt the Pass - Dark Mode + Hidden Password by lu9-st
Details
Authorlu9-st
LicenseNo License
Categorysaltthepass.com
Created
Updated
Size2.1 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 Salt the Pass - Dark Mode + Hidden Password
@namespace Lu9
@version 1.0.0
@description Simple dark mode for saltthepass.com with additional setting to use a special font to hide the generated password.
@author Lu9
@advanced checkbox darkMod "Dark mode" 1
@advanced checkbox hidePass "Hide salted password" 1
@preprocessor stylus
==/UserStyle== */
@-moz-document domain("saltthepass.com") {
if darkMod {
body {
color: #fff;
background-color: #333;
}
.form-horizontal {
background-color: #515151;
border-top-color: rgb(100, 100, 100);
}
textarea,
input[type="text"],
input[type="password"] {
color: #fff;
background-color: #333;
}
a {
color: #88cdef;
}
a:hover,
a:focus {
color: #428fb5;
}
.btn,
.btn:focus,
.btn:hover {
color: #fff;
border-color: #fff;
background-color: #1c1c1c;
background-image: linear-gradient(to bottom, #858585, #3e3e3e);
background-repeat: repeat-x;
}
.text-success {
color: #67d568;
}
.text-warning {
color: #ea9130;
}
.text-error {
color: #e23936;
}
}
if hidePass {
#salted-password {
font-family: "Password Dots";
font-size: xx-small;
}
}
}
if hidePass {
@font-face {
font-family: "Password Dots";
src: url("//db.onlinewebfonts.com/t/2767b18dd6a611e3ce83d0bfe4729cb4.eot");
src: url("//db.onlinewebfonts.com/t/2767b18dd6a611e3ce83d0bfe4729cb4.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/2767b18dd6a611e3ce83d0bfe4729cb4.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/2767b18dd6a611e3ce83d0bfe4729cb4.woff") format("woff"), url("//db.onlinewebfonts.com/t/2767b18dd6a611e3ce83d0bfe4729cb4.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/2767b18dd6a611e3ce83d0bfe4729cb4.svg#Password Dots") format("svg");
}
}