A blue dark theme for LastPass password manager.
Dark LastPass by jaseonline
Details
Authorjaseonline
LicenseNo License
Categorylastpass.com
Created
Updated
Size3.7 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 Dark LastPass
@namespace https://github.com/thiagobraga/dark-lastpass
@description A blue dark theme for LastPass password manager.
@version 0.0.6
@author Thiago Braga <thibraga06@gmail.com>
==/UserStyle== */
@-moz-document domain("lastpass.com") {
header {
background-color: #22303a;
}
.lp-get-lastpass a {
background-color: #333f48;
}
a {
color: #b8c3ca;
}
p[class="small"] {
color: #b0b5b9;
}
.main {
background-color: #172027;
}
label {
color: #b0b5b9;
}
.muted {
color: #b0b5b9;
}
.remembersignin,
.remembersignin > div {
color: #b0b5b9 !important;
}
#vault {
background-color: #22303a;
}
.contentframe {
background-color: #22303a;
border: 1px solid #333f48;
}
.contentheading {
color: #b0b5b9;
}
#tools {
background-color: #22303a;
color: #b0b5b9;
}
.dialogHeader {
background-color: #22303a;
}
.dialog {
background-color: #333f48;
}
.dialogContent,
.dialog .label {
color: #b0b5b9;
}
.meter {
height: 1px;
}
.meter > div {
height: 2px;
}
.meter .best {
background-color: #0dd05b;
}
.main .inputtext {
background-color: #172027;
border: 1px solid #22303a;
color: #737d8a !important;
height: 32px;
}
.dialogInput,
.dialog input[type="text"],
.dialog select,
.dialog textarea {
background-color: #22303a;
border: 1px solid #1c272f;
color: #737d8a;
}
.dialogInput:focus {
outline: 0;
}
.rbtn {
background-color: #19252b;
border-color: #51616d;
color: #b0b8bf !important;
}
.rbtn:focus,
.rbtn:hover {
background-color: #141d22;
}
.rbtn:active {
background-color: #0b1014;
}
.selectDropdownList {
border-color: #172027;
}
.selectDropdownList ul {
background-color: #22303a;
}
.selectDropdownList.dropdownMenu li {
border-top: 1px solid #22303a;
color: #868686;
}
#search {
background-color: #172027;
}
.menuRight {
background-color: #172027;
}
.userMenuTextSecondary {
color: #567690;
}
.folderContainer {
border-bottom: 1px solid #1b262f;
color: #b0b5b9;
}
.contents {
margin-bottom: 20px;
}
#pageTitle {
color: #b0b5b9;
}
.optionButtons,
.optionsDropdown {
background-color: #33414a;
color: #b0b8bf;
}
.optionsDropdown:hover,
.optionButton:hover,
.toggleButton:hover {
background-color: #5d7686;
color: #b0b8bf;
}
.list {
background-color: #172027;
}
.name {
color: #737d8a;
}
.infoLabel {
color: #51616d;
}
#addMenuButton .addMenuItem > div,
.menuButtonRight img.userIcon {
filter: hue-rotate(225deg) saturate(25%);
}
#options {
padding: 12px 48px 0 30px;
}
.folder {
margin: 1px 42px 24px 30px;
}
.stickyFolder {
background-color: #141d22;
}
.stickyFoldersContainer.folder {
margin-top: 0;
padding-right: 15px;
}
:focus {
outline: 1px solid #51616d;
}
/* Hide free user ad right column */
.freeUser .leftOfAd {
right: 0;
}
.freeUser #ad {
display: none;
}
}