zadam/trilium
1
1
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-01-15 19:51:57 +08:00
Code Issues Projects Releases Packages Wiki Activity

lighter node style of note map in dark theme

Browse source
This commit is contained in:
zadam 2021-10-08 16:38:37 +02:00
parent eecba725b0
commit 5938e033d4
3 changed files with 16 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
src/public/app/widgets/note_map.js
View file

@ -45,6 +45,9 @@ export default class NoteMapWidget extends NoteContextAwareWidget {
doRender() {
this.$widget = $(TPL);
const documentStyle = window.getComputedStyle(document.documentElement);
this.themeStyle = documentStyle.getPropertyValue('--theme-style')?.trim();
this.$container = this.$widget.find(".note-map-container");
this.$styleResolver = this.$widget.find('.style-resolver');
@ -156,7 +159,14 @@ export default class NoteMapWidget extends NoteContextAwareWidget {
}
let colour = '#';
for (let i = 0; i < 3; i++) {
const value = (hash >> (i * 8)) & 0xFF;
let value = (hash >> (i * 8)) & 0xFF;
console.log("this.themeStyle", this.themeStyle);
if (this.themeStyle === "dark" && value < 128) {
value += 128; // lighten up the colors
}
colour += ('00' + value.toString(16)).substr(-2);
}
return colour;

2
src/public/stylesheets/theme-dark.css
View file

@ -1,4 +1,6 @@
:root {
--theme-style: dark;
--main-font-family: MontserratLight;
--main-font-size: normal;

3
src/public/stylesheets/theme-light.css
View file

@ -2,6 +2,9 @@
value from this theme will be used. For this reason this theme uses "html" instead of ":root"
since it's less "specific" and thus serves as default */
html {
/* either light or dark, colored theme with darker tones are also dark, used e.g. for note map node colors */
--theme-style: light;
--main-font-family: MontserratLight;
--main-font-size: normal;