151 lines
3.6 KiB
SCSS
151 lines
3.6 KiB
SCSS
/***
|
|
* @copyright Copyright (c) 2018, Magnus Walbeck <mw@mwalbeck.org>
|
|
*
|
|
* @license GNU AGPL version 3 or any later version, see COPYING file for more.
|
|
*/
|
|
|
|
/* Passwords ---------------------------------------------------------------- */
|
|
|
|
.app-passwords #app-navigation {
|
|
.nav-icon-recent,
|
|
.nav-icon-favorites {
|
|
background-image: none;
|
|
}
|
|
|
|
ul li {
|
|
opacity: 1;
|
|
|
|
&:hover {
|
|
background-color: var(--color-background-hover);
|
|
}
|
|
}
|
|
}
|
|
|
|
.app-passwords #app-content {
|
|
// General styling for controls
|
|
#controls .passwords-more-menu .menu {
|
|
transition: border 0.25s ease-in-out, max-height 0.25s ease-in-out;
|
|
}
|
|
|
|
// General styling for lists in app-content window
|
|
.item-list .row {
|
|
&.header,
|
|
&.header .date {
|
|
color: var(--color-main-text);
|
|
}
|
|
|
|
.date {
|
|
color: var(--color-text-maxcontrast);
|
|
}
|
|
|
|
.genericIcon {
|
|
color: var(--color-main-text);
|
|
}
|
|
|
|
.more .popovermenu.bubble.menu li {
|
|
color: var(--color-main-text);
|
|
opacity: 0.7;
|
|
|
|
&:hover {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
}
|
|
|
|
// Styling for Backup section
|
|
.backup-dialog h1 {
|
|
background-color: var(--color-background-darker);
|
|
|
|
&::before {
|
|
border-color: var(--color-border);
|
|
color: var(--color-main-text);
|
|
}
|
|
}
|
|
|
|
// Styling for help section
|
|
.help .handbook-page {
|
|
code,
|
|
pre {
|
|
background-color: var(--color-background-darker);
|
|
}
|
|
|
|
a {
|
|
color: var(--color-text-link) !important;
|
|
}
|
|
}
|
|
|
|
// App content sidebar
|
|
.app-content-right .item-details {
|
|
.infos {
|
|
color: var(--color-text-maxcontrast);
|
|
|
|
.tags-container .tags .tag {
|
|
background-color: var(--color-background-darker) !important;
|
|
border: 1px solid var(--color-border);
|
|
}
|
|
}
|
|
|
|
.tab-container .tab-titles .tab-title {
|
|
color: var(--color-main-text);
|
|
}
|
|
}
|
|
|
|
// Warning styling for reset and delete buttons in settings
|
|
.app-content-left.settings section.danger input[type="button"]:hover {
|
|
border-color: var(--color-error);
|
|
}
|
|
}
|
|
|
|
.app-passwords #app-popup {
|
|
// Popup for creating new password
|
|
#passwords-create-new .window form.content {
|
|
.section-title,
|
|
.open .foldout-title {
|
|
border-color: var(--color-border);
|
|
}
|
|
|
|
// Notes Editor
|
|
.notes-container {
|
|
.editor-toolbar a:hover {
|
|
border-color: var(--color-primary-element);
|
|
}
|
|
|
|
.editor-toolbar a.active {
|
|
background-color: var(--color-primary-element);
|
|
border-color: var(--color-primary-element);
|
|
}
|
|
|
|
.editor-toolbar.disabled-for-preview a:not(.no-disable) {
|
|
background-color: var(--color-background-alternate);
|
|
border: unset;
|
|
}
|
|
|
|
.CodeMirror .editor-preview {
|
|
background-color: var(--color-main-background);
|
|
}
|
|
|
|
.CodeMirror span.CodeMirror-selectedtext {
|
|
background-color: var(--color-primary-element);
|
|
padding: 1.225px 0;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
// Tag color field
|
|
.oc-dialog #pw-field-color {
|
|
background-color: var(--color-main-background);
|
|
border: unset;
|
|
}
|
|
|
|
// Yes button for creating new tag
|
|
.oc-dialog-buttonrow.twobuttons button.primary {
|
|
border-color: var(--color-border);
|
|
|
|
&:hover,
|
|
&:active,
|
|
&:focus {
|
|
border-color: var(--color-primary-element);
|
|
}
|
|
}
|