mirror of
https://github.com/mwalbeck/nextcloud-breeze-dark.git
synced 2024-11-08 17:36:54 +00:00
99 lines
2.4 KiB
SCSS
99 lines
2.4 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.
|
|
*/
|
|
|
|
/* App Sidebar -------------------------------------------------------------- */
|
|
|
|
.app-sidebar-tabs__tab a {
|
|
&:not(.active):hover,
|
|
&:not(.active):focus {
|
|
border-bottom-color: var(--color-background-hover) !important;
|
|
box-shadow: inset 0 -1px 0 var(--color-background-hover) !important;
|
|
}
|
|
|
|
&.active,
|
|
&.active:focus,
|
|
&.active:active {
|
|
border-bottom-color: var(--color-primary-element) !important;
|
|
box-shadow: inset 0 -1px 0 var(--color-primary-element) !important;
|
|
}
|
|
}
|
|
|
|
.versionsTabView li {
|
|
border-color: var(--color-border);
|
|
|
|
&:hover {
|
|
background: var(--color-background-hover);
|
|
}
|
|
}
|
|
|
|
.app-sidebar-tabs__content section {
|
|
box-shadow: none !important;
|
|
}
|
|
|
|
/* CodeMirror --------------------------------------------------------------- */
|
|
|
|
.EasyMDEContainer .CodeMirror {
|
|
background-color: var(--color-main-background);
|
|
border: unset !important;
|
|
color: var(--color-main-text);
|
|
|
|
.cm-formatting {
|
|
opacity: 0.5;
|
|
}
|
|
|
|
.cm-link {
|
|
color: var(--color-text-link) !important;
|
|
}
|
|
|
|
.cm-s-easymde .cm-url,
|
|
.cm-s-easymde .cm-string {
|
|
color: var(--color-text-inactive) !important;
|
|
}
|
|
|
|
.CodeMirror-selected {
|
|
background-color: var(--color-main-background) !important;
|
|
}
|
|
|
|
.CodeMirror-selectedtext {
|
|
background-color: var(--color-text-selection) !important;
|
|
color: var(--color-main-text);
|
|
}
|
|
|
|
.CodeMirror-cursor {
|
|
border-left-color: var(--color-main-text);
|
|
}
|
|
}
|
|
|
|
// CodeMirror Markdown preview
|
|
// For Deck and Notes
|
|
|
|
#description-preview,
|
|
.note-preview {
|
|
pre {
|
|
background-color: var(--color-background-darker) !important;
|
|
border: 1px solid var(--color-border);
|
|
border-radius: 3px;
|
|
padding: 16px !important;
|
|
}
|
|
|
|
code {
|
|
background-color: var(--color-background-darker) !important;
|
|
}
|
|
|
|
blockquote {
|
|
border-left: 4px solid var(--color-border);
|
|
color: var(--color-main-text);
|
|
font-style: italic;
|
|
padding-left: 2ex;
|
|
}
|
|
}
|
|
|
|
/* mx-datepicker ------------------------------------------------------------ */
|
|
|
|
.mx-datepicker .mx-input-wrapper .mx-input:active {
|
|
background-color: var(--color-main-background) !important;
|
|
}
|