mirror of
https://github.com/mwalbeck/nextcloud-breeze-dark.git
synced 2024-11-15 04:16:51 +00:00
Magnus Walbeck
813bc42c43
* Implement new system for individual user settings * Fix some styling for NC core * General styling fixes for apps * Implement new enforce theme system to replace the enabled by default system The old system doesn't really work with the new theming system in Nextcloud, so this new system is needed to achieve similar, although different, functionality. * Don't allow user to enable / disable the theme if the theme is enforced (it would have no effect) * Remove all references to icon variables as they no longer exist * Implement repair step to migrate user settings
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);
|
|
}
|
|
}
|