mirror of
https://github.com/mwalbeck/nextcloud-breeze-dark.git
synced 2025-04-08 15:00:11 +00:00
Fix styling for Plain text editor and Files Markdown. Fixes #294
This commit is contained in:
parent
76d679f022
commit
556a2090f0
3 changed files with 29 additions and 31 deletions
|
@ -5,6 +5,7 @@
|
|||
### Fixed
|
||||
|
||||
- [#295](https://github.com/mwalbeck/nextcloud-breeze-dark/issues/295) Change colour of quotabar in groupfolders admin settings to --color-background-hover.
|
||||
- [#294](https://github.com/mwalbeck/nextcloud-breeze-dark/issues/294) Styling for Plain text editor and Files Markdown
|
||||
|
||||
## 23.1.0 - 2022-01-09
|
||||
|
||||
|
|
|
@ -1,69 +1,58 @@
|
|||
/* Text Editor -------------------------------------------------------------- */
|
||||
|
||||
#editor_container {
|
||||
background-color: $decoration-normal;
|
||||
#app-content-texteditor #editor_container {
|
||||
background-color: var(--color-main-background);
|
||||
}
|
||||
|
||||
#editor_controls {
|
||||
background-color: $background-normal;
|
||||
#app-content-texteditor #editor_controls {
|
||||
background-color: var(--color-main-background);
|
||||
|
||||
small {
|
||||
&.filename {
|
||||
color: $foreground-normal;
|
||||
}
|
||||
small.filename {
|
||||
color: var(--color-main-text);
|
||||
}
|
||||
|
||||
&.saving-message {
|
||||
color: $foreground-inactive;
|
||||
}
|
||||
small.saving-message {
|
||||
color: var(--color-text-maxcontrast);
|
||||
}
|
||||
|
||||
#editor_close {
|
||||
opacity: 1;
|
||||
|
||||
&:hover {
|
||||
background-color: $background-active-hover;
|
||||
background-color: var(--color-background-hover);
|
||||
}
|
||||
|
||||
&:active,
|
||||
&:focus {
|
||||
background-color: $background-active;
|
||||
background-color: var(--color-primary);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#editor.ace_editor,
|
||||
#sidebar_editor.ace_editor {
|
||||
background-color: $background-dark !important;
|
||||
color: $foreground-normal !important;
|
||||
#filestexteditor.ace_editor {
|
||||
background-color: var(--color-main-background);
|
||||
color: var(--color-main-text);
|
||||
|
||||
.ace_gutter {
|
||||
color: $foreground-normal !important;
|
||||
opacity: 1 !important;
|
||||
|
||||
.ace_gutter-cell {
|
||||
opacity: 0.7;
|
||||
}
|
||||
color: var(--color-text-maxcontrast);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.ace_gutter-active-line {
|
||||
background-color: $background-active-hover !important;
|
||||
background-color: var(--color-background-darker);
|
||||
}
|
||||
|
||||
.ace_marker-layer {
|
||||
.ace_active-line {
|
||||
background: $background-dark !important;
|
||||
background: var(--color-background-darker) !important;
|
||||
}
|
||||
|
||||
.ace_selection {
|
||||
background: $background-active-hover !important;
|
||||
background: var(--color-primary);
|
||||
}
|
||||
}
|
||||
|
||||
.ace_cursor {
|
||||
color: $foreground-normal !important;
|
||||
color: var(--color-main-text);
|
||||
}
|
||||
}
|
||||
|
||||
#sidebar_editor.ace_editor .ace_cursor {
|
||||
display: none;
|
||||
}
|
||||
|
|
8
css/apps/thirdparty/_files-markdown.scss
vendored
8
css/apps/thirdparty/_files-markdown.scss
vendored
|
@ -8,6 +8,10 @@
|
|||
|
||||
#app-content-texteditor #editor_container {
|
||||
#editor_controls #preview_editor_controls button:hover {
|
||||
background-color: var(--color-main-background);
|
||||
}
|
||||
|
||||
#editor_controls #preview_editor_controls button.active {
|
||||
background-color: var(--color-background-hover);
|
||||
}
|
||||
|
||||
|
@ -42,6 +46,10 @@
|
|||
color: var(--color-text-maxcontrast);
|
||||
}
|
||||
}
|
||||
|
||||
a {
|
||||
color: var(--color-text-link);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Add table
Reference in a new issue