mirror of
https://github.com/mwalbeck/nextcloud-breeze-dark.git
synced 2024-11-08 17:36:54 +00:00
188 lines
4.6 KiB
SCSS
188 lines
4.6 KiB
SCSS
/***
|
|
* @copyright Copyright (c) 2017, Magnus Walbeck <mw@mwalbeck.org>
|
|
*
|
|
* @license GNU AGPL version 3 or any later version, see COPYING file for more.
|
|
*/
|
|
|
|
/* Header -------------------------------------------------------------------- */
|
|
|
|
#body-user #header,
|
|
#body-settings #header,
|
|
#body-public #header {
|
|
background-color: var(--color-background-darker) !important;
|
|
background-image: unset !important;
|
|
}
|
|
|
|
#header .header-left > nav > .menu::after,
|
|
#header .header-right > div > .menu::after {
|
|
border-bottom-color: var(--color-border);
|
|
}
|
|
|
|
#settings #expand:hover #expandDisplayName,
|
|
#settings #expand:focus #expandDisplayName,
|
|
#settings #expand:active #expandDisplayName,
|
|
#settings #expand:hover .avatardiv,
|
|
#settings #expand:focus .avatardiv,
|
|
#settings #expand:active .avatardiv {
|
|
border: none;
|
|
}
|
|
|
|
/* Menues -------------------------------------------------------------------- */
|
|
|
|
.menu,
|
|
.popovermenu,
|
|
.bubble,
|
|
.popover,
|
|
.app-navigation-entry-menu {
|
|
border: 1px solid var(--color-border);
|
|
|
|
li:hover {
|
|
background-color: var(--color-background-hover);
|
|
}
|
|
}
|
|
|
|
.bubble::after,
|
|
.app-navigation-entry-menu::after,
|
|
.menu::after,
|
|
.popovermenu::after,
|
|
.popover__arrow {
|
|
border-bottom-color: var(--color-border) !important;
|
|
}
|
|
|
|
// Menu used for devices & sessions under Settings > Personal > Security
|
|
.action-item__menu {
|
|
border: 1px solid var(--color-border);
|
|
|
|
.action-item__menu_arrow {
|
|
border-bottom-color: var(--color-border) !important;
|
|
}
|
|
}
|
|
|
|
/* Search ------------------------------------------------------------------- */
|
|
|
|
.searchbox input[type="search"] {
|
|
&:focus,
|
|
&:active,
|
|
&:valid {
|
|
border-color: var(--color-primary-element) !important;
|
|
}
|
|
}
|
|
|
|
/* File picker --------------------------------------------------------------- */
|
|
|
|
.oc-dialog {
|
|
border: 1px solid var(--color-border);
|
|
|
|
.filepicker_element_selected {
|
|
background-color: var(--color-primary);
|
|
color: var(--color-primary-text);
|
|
}
|
|
|
|
.fileexists label,
|
|
.fileexists .conflict .filename {
|
|
color: var(--color-main-text) !important;
|
|
}
|
|
}
|
|
|
|
/* Settings ------------------------------------------------------------------ */
|
|
|
|
// Image cropper
|
|
// For cropping images, found under personal settings for adding avatar
|
|
#cropper .inner-container {
|
|
background-color: var(--color-main-background) !important;
|
|
border: 1px solid var(--color-border);
|
|
color: var(--color-main-text) !important;
|
|
}
|
|
|
|
// Section Container
|
|
// Primarily seems to be used under settings
|
|
.followupsection {
|
|
color: var(--color-main-text) !important;
|
|
}
|
|
|
|
// Link Buttons
|
|
// Settings > Administration > Support
|
|
.link-button {
|
|
background-color: var(--color-main-background) !important;
|
|
border: 1px solid var(--color-border) !important;
|
|
color: var(--color-main-text) !important;
|
|
|
|
&:hover,
|
|
&.button:hover {
|
|
border-color: var(--color-primary-element) !important;
|
|
color: var(--color-main-text) !important;
|
|
}
|
|
|
|
&:active,
|
|
&:focus {
|
|
background-color: var(--color-primary) !important;
|
|
border-color: var(--color-primary-element) !important;
|
|
color: var(--color-main-text) !important;
|
|
}
|
|
}
|
|
|
|
// System: h3 in infobox
|
|
// Settings > Administration > System
|
|
.infobox h3 {
|
|
color: var(--color-text-light) !important;
|
|
}
|
|
|
|
// User administration
|
|
#addgroup {
|
|
// Remove icon spam in addgroup form under user section
|
|
button.icon-confirm,
|
|
button.icon-close {
|
|
background-image: none !important;
|
|
}
|
|
}
|
|
|
|
// Breeze Dark settings
|
|
.breezedark-admin p {
|
|
margin-top: 1em;
|
|
}
|
|
|
|
/* Tooltips ----------------------------------------------------------------- */
|
|
|
|
.tooltip,
|
|
.vue-tooltip {
|
|
filter: none !important;
|
|
|
|
.tooltip-inner {
|
|
border: 1px solid var(--color-border);
|
|
}
|
|
|
|
&[x-placement^="right"],
|
|
&.right .tooltip-arrow {
|
|
border-right-color: var(--color-border) !important;
|
|
}
|
|
|
|
&[x-placement^="left"],
|
|
&.left .tooltip-arrow {
|
|
border-left-color: var(--color-border) !important;
|
|
}
|
|
|
|
&[x-placement^="bottom"] .tooltip-arrow,
|
|
&.bottom .tooltip-arrow,
|
|
&.bottom-left .tooltip-arrow,
|
|
&.bottom-right .tooltip-arrow {
|
|
border-bottom-color: var(--color-border) !important;
|
|
}
|
|
|
|
&[x-placement^="top"] .arrow,
|
|
&[x-placement^="top"] .tooltip-arrow,
|
|
&.top .arrow,
|
|
&.top .tooltip-arrow,
|
|
&.top-left .arrow,
|
|
&.top-left .tooltip-arrow,
|
|
&.top-right .arrow,
|
|
&.top-right .tooltip-arrow {
|
|
border-top-color: var(--color-border) !important;
|
|
}
|
|
}
|
|
|
|
/* App Store ---------------------------------------------------------------- */
|
|
|
|
.app-level .official {
|
|
border-color: var(--color-success);
|
|
}
|