quenousimporte
/
notes
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

more settings dropping and css refactoring

This commit is contained in:
quenousimporte 2023-11-15 21:45:45 +01:00
parent 2f02af4fff
commit 2d313db2d3
2 changed files with 15 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
main.js
View File

@ -1,7 +1,6 @@
var defaultsettings = var defaultsettings =
{ {
fontsize: "16px", fontsize: "16px",
fontcolor: "rgb(55, 53, 47)",
lineheight: "24px", lineheight: "24px",
margins: "20%", margins: "20%",
savedelay: 2000, savedelay: 2000,
@ -664,6 +663,7 @@ function shownotelinks()
edges: edges edges: edges
}; };
// todo: use theme colors
var options = var options =
{ {
nodes: nodes:
@ -671,11 +671,11 @@ function shownotelinks()
color: color:
{ {
background: "white", background: "white",
border: settings.fontcolor, border: "black",
}, },
font: font:
{ {
color: settings.fontcolor, color: "black",
size: 16 size: 16
} }
} }
@ -1315,7 +1315,6 @@ function applystyle()
{ {
document.body.style.fontSize = settings.fontsize; document.body.style.fontSize = settings.fontsize;
document.body.style.lineHeight = settings.lineheight; document.body.style.lineHeight = settings.lineheight;
document.body.style.color = settings.fontcolor;
document.body.style.marginLeft = settings.margins; document.body.style.marginLeft = settings.margins;
document.body.style.marginRight = settings.margins; document.body.style.marginRight = settings.margins;
} }
@ -2098,14 +2097,13 @@ function rawline(index)
var emptyline = "<br>"; var emptyline = "<br>";
function rawline2html(line, index, options) function rawline2html(line, index, options)
{ {
var shadow = "0.75px 0 0";
line = escapeHtml(line); line = escapeHtml(line);
// headings // headings
if (line.startsWith("#")) if (line.startsWith("#"))
{ {
line = line.replace(/(#* )/, "<span class='color-accent'>$1</span>"); line = line.replace(/(#* )/, "<span class='color-accent'>$1</span>");
line = "<span style='text-shadow:var(--shadow);'>" + line + "</span>"; line = "<span class='color-bold'>" + line + "</span>";
} }
// bold and italics // bold and italics
@ -2114,7 +2112,7 @@ function rawline2html(line, index, options)
{ {
temp = line.substring(2); temp = line.substring(2);
} }
temp = temp.replace(/\*\*([^\*]*)\*\*/g, "<span style='text-shadow:var(--shadow);'>&#42;&#42;$1&#42;&#42;</span>"); temp = temp.replace(/\*\*([^\*]*)\*\*/g, "<span class='color-bold'>&#42;&#42;$1&#42;&#42;</span>");
temp = temp.replace(/\*([^\*]*)\*/g, "<em>&#42;$1&#42;</em>"); temp = temp.replace(/\*([^\*]*)\*/g, "<em>&#42;$1&#42;</em>");
if (line.startsWith("* ")) if (line.startsWith("* "))
@ -2231,7 +2229,7 @@ function rawline2html(line, index, options)
if (matching.length) if (matching.length)
{ {
line += "<span style='color:lightgrey'>"; line += "<span class='color-light'>";
line += matching.join().substr(pos - slashpos - 1); line += matching.join().substr(pos - slashpos - 1);
line += "</span>"; line += "</span>";
} }

9
style.css
View File

@ -11,6 +11,7 @@ body {
background: white; background: white;
font-family: system-ui; font-family: system-ui;
caret-color: var(--blue); caret-color: var(--blue);
color: var(--black);
} }
a { a {
@ -157,6 +158,14 @@ body::-webkit-scrollbar-thumb {
color: var(--blue); color: var(--blue);
} }
.color-bold {
text-shadow: var(--shadow);
}
.color-light {
color: lightgray;
}
/* link dialog */ /* link dialog */
#linkdialog { #linkdialog {
border-radius: 3px; border-radius: 3px;