fixes for black theme for relation map and code notes

This commit is contained in:
azivner 2019-01-13 20:03:28 +01:00
parent eeead90f32
commit f88cdac000
2 changed files with 16 additions and 14 deletions

View File

@ -12,12 +12,13 @@
.note-box { .note-box {
padding: 16px; padding: 16px;
position: absolute !important; position: absolute !important;
background-color: var(--accented-background-color);
color: var(--main-text-color);
z-index: 4; z-index: 4;
border: 1px solid #666; border: 1px solid #666;
box-shadow: 2px 2px 19px #999; box-shadow: 2px 2px 19px #999;
border-radius: 8px; border-radius: 8px;
opacity: 0.8; opacity: 0.8;
background-color: white;
font-size: 11px; font-size: 11px;
width: auto; width: auto;
height: auto; height: auto;
@ -28,7 +29,7 @@
} }
.note-box:hover { .note-box:hover {
background-color: #ddd; background-color: var(--more-accented-background-color);
} }
.note-box .title { .note-box .title {
@ -37,11 +38,12 @@
} }
.connection-label.jtk-hover, .jtk-source-hover, .jtk-target-hover { .connection-label.jtk-hover, .jtk-source-hover, .jtk-target-hover {
background-color: #ddd; background-color: var(--more-accented-background-color);
} }
.connection-label { .connection-label {
background-color: white; background-color: var(--accented-background-color);
color: var(--main-text-color);
opacity: 0.8; opacity: 0.8;
padding: 0.3em; padding: 0.3em;
border-radius: 0.5em; border-radius: 0.5em;
@ -64,10 +66,6 @@
box-shadow: 0 0 6px black; box-shadow: 0 0 6px black;
} }
.statemachine-demo .jtk-endpoint {
z-index: 3;
}
.dragHover { .dragHover {
border: 2px solid orange; border: 2px solid orange;
} }

View File

@ -20,14 +20,14 @@
--menu-background-color: white; --menu-background-color: white;
} }
body.theme-black { html.theme-black {
--main-background-color: black; --main-background-color: black;
--main-text-color: white; --main-text-color: white;
--accented-background-color: #222; /*#eee;*/ --accented-background-color: #222;
--more-accented-background-color: #444; /*#eee;*/ --more-accented-background-color: #444;
--header-background-color: black; /*#f8f8f8;*/ --header-background-color: black;
--button-background-color: #333; /*#eee;*/ --button-background-color: #333;
--button-border-color: #444; /*#ddd;*/ --button-border-color: #444;
--button-text-color: white; --button-text-color: white;
--button-border-radius: 3px; --button-border-radius: 3px;
--muted-text-color: #ccc; --muted-text-color: #ccc;
@ -42,6 +42,10 @@ body.theme-black {
--menu-background-color: #222; --menu-background-color: #222;
} }
html.theme-black .CodeMirror {
filter: invert(100%) hue-rotate(180deg);
}
html { html {
/* this fixes FF filter vs. position fixed bug: https://github.com/zadam/trilium/issues/233 */ /* this fixes FF filter vs. position fixed bug: https://github.com/zadam/trilium/issues/233 */
height: 100%; height: 100%;