mirror of
https://github.com/mwalbeck/nextcloud-breeze-dark.git
synced 2025-01-11 03:18:26 +00:00
189 lines
3.8 KiB
SCSS
189 lines
3.8 KiB
SCSS
/***
|
|
* @copyright Copyright (c) 2019, Magnus Walbeck <mw@mwalbeck.org>
|
|
*
|
|
* @license GNU AGPL version 3 or any later version, see COPYING file for more.
|
|
*/
|
|
|
|
/* Text --------------------------------------------------------------------- */
|
|
|
|
#editor-wrapper div.ProseMirror[contenteditable="true"] {
|
|
&:hover,
|
|
&:focus,
|
|
&:active {
|
|
background-color: transparent !important;
|
|
}
|
|
}
|
|
|
|
#editor-wrapper .ProseMirror pre,
|
|
#editor-wrapper .ProseMirror code,
|
|
#text-wrapper .ProseMirror pre,
|
|
#text-wrapper .ProseMirror code {
|
|
background-color: var(--color-background-darker) !important;
|
|
}
|
|
|
|
#editor-wrapper .ProseMirror a,
|
|
#text-wrapper .ProseMirror a,
|
|
#editor-wrapper:not(.show-color-annotations) .ProseMirror a {
|
|
color: var(--color-text-link) !important;
|
|
|
|
span.author-annotation {
|
|
color: var(--color-text-link) !important;
|
|
}
|
|
}
|
|
|
|
#editor-wrapper .menububble {
|
|
border: 1px solid var(--color-border);
|
|
|
|
.menububble__form {
|
|
.menububble__input,
|
|
.menububble__button {
|
|
height: 44px;
|
|
}
|
|
}
|
|
}
|
|
|
|
#editor-wrapper div.ProseMirror table th {
|
|
border-bottom-width: 2px;
|
|
}
|
|
|
|
#editor-wrapper .menubar {
|
|
button {
|
|
opacity: 0.7;
|
|
|
|
&.is-active {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
button.icon-undo,
|
|
button.icon-redo {
|
|
opacity: 1;
|
|
|
|
&:disabled {
|
|
opacity: 0.4;
|
|
}
|
|
}
|
|
}
|
|
|
|
.emoji-list {
|
|
box-shadow: unset !important;
|
|
border: 1px solid var(--color-border);
|
|
|
|
.emoji-list__item {
|
|
opacity: 1 !important;
|
|
}
|
|
}
|
|
|
|
/* Icons -------------------------------------------------------------------- */
|
|
|
|
.icon-undo {
|
|
background-image: var(--icon-text-undo-f2f2f2) !important;
|
|
}
|
|
|
|
.icon-redo {
|
|
background-image: var(--icon-text-redo-f2f2f2) !important;
|
|
}
|
|
|
|
.icon-bold {
|
|
background-image: var(--icon-text-bold-f2f2f2) !important;
|
|
}
|
|
|
|
.icon-italic {
|
|
background-image: var(--icon-text-italic-f2f2f2) !important;
|
|
}
|
|
|
|
.icon-strike {
|
|
background-image: var(--icon-text-strike-f2f2f2) !important;
|
|
}
|
|
|
|
.icon-paragraph {
|
|
background-image: var(--icon-text-paragraph-f2f2f2) !important;
|
|
}
|
|
|
|
.icon-h1 {
|
|
background-image: var(--icon-text-h1-f2f2f2) !important;
|
|
}
|
|
|
|
.icon-h2 {
|
|
background-image: var(--icon-text-h2-f2f2f2) !important;
|
|
}
|
|
|
|
.icon-h3 {
|
|
background-image: var(--icon-text-h3-f2f2f2) !important;
|
|
}
|
|
|
|
.icon-h4 {
|
|
background-image: var(--icon-text-h4-f2f2f2) !important;
|
|
}
|
|
|
|
.icon-h5 {
|
|
background-image: var(--icon-text-h5-f2f2f2) !important;
|
|
}
|
|
|
|
.icon-h6 {
|
|
background-image: var(--icon-text-h6-f2f2f2) !important;
|
|
}
|
|
|
|
.icon-ul {
|
|
background-image: var(--icon-text-ul-f2f2f2) !important;
|
|
}
|
|
|
|
.icon-ol {
|
|
background-image: var(--icon-text-ol-f2f2f2) !important;
|
|
}
|
|
|
|
.icon-checkmark {
|
|
background-image: var(--icon-checkmark-f2f2f2) !important;
|
|
}
|
|
|
|
.icon-quote {
|
|
background-image: var(--icon-text-quote-f2f2f2) !important;
|
|
}
|
|
|
|
.icon-code {
|
|
background-image: var(--icon-text-code-f2f2f2) !important;
|
|
}
|
|
|
|
.icon-image {
|
|
background-image: var(--icon-text-image-f2f2f2) !important;
|
|
}
|
|
|
|
.icon-underline {
|
|
background-image: var(--icon-text-underline-f2f2f2) !important;
|
|
}
|
|
|
|
.icon-table {
|
|
background-image: var(--icon-text-table-f2f2f2) !important;
|
|
}
|
|
|
|
.icon-tasklist {
|
|
background-image: var(--icon-text-tasklist-f2f2f2) !important;
|
|
}
|
|
|
|
.icon-emoji {
|
|
background-image: var(--icon-text-emoji-f2f2f2) !important;
|
|
}
|
|
|
|
.icon-help {
|
|
background-image: var(--icon-text-help-f2f2f2) !important;
|
|
}
|
|
|
|
.icon-add_col_before {
|
|
background-image: var(--icon-text-add_col_before-f2f2f2) !important;
|
|
}
|
|
|
|
.icon-add_col_after {
|
|
background-image: var(--icon-text-add_col_after-f2f2f2) !important;
|
|
}
|
|
|
|
.icon-table_settings {
|
|
background-image: var(--icon-text-table_settings-f2f2f2) !important;
|
|
}
|
|
|
|
.icon-add_row_before {
|
|
background-image: var(--icon-text-add_row_before-f2f2f2) !important;
|
|
}
|
|
|
|
.icon-add_row_after {
|
|
background-image: var(--icon-text-add_row_after-f2f2f2) !important;
|
|
}
|