-
-
Notifications
You must be signed in to change notification settings - Fork 24
/
logseq-dirty-focus-mode.css
39 lines (36 loc) · 1.05 KB
/
logseq-dirty-focus-mode.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
/*==================================================*/
/* === dirty focus mode ====*/
/*==================================================*/
:root {
--dfm-unfocused-opacity: 0.5;
--dfm-darktheme-editing-color:hsl(115, 85%, 74%);
--dfm-darktheme-parent-block-color: hsl(73, 71%, 74%);
--dfm-whitetheme-editing-color: hsl(221, 100%, 60%);
--dfm-whitetheme-parent-block-color: hsl(207, 91%, 67%);
}
.dark-theme {
--dfm-editing-color:hsl(115, 85%, 74%);
--dfm-parent-block-color: hsl(73, 71%, 74%);
}
.white-theme {
--dfm-editing-color:hsl(212, 85%, 55%);
--dfm-parent-block-color: hsl(201, 88%, 65%);
}
.cp__sidebar-main-content .ls-block{
opacity: var(--dfm-unfocused-opacity);
filter:grayscale(50%)
}
.cp__sidebar-main-content .ls-block:hover{
opacity: 1;
filter: grayscale(0%)
}
.block-editor{
opacity:1;
filter: contrast(1) grayscale(0%);
color:var(--dfm-editing-color);
}
.ls-block:focus-within{
opacity:1;
filter: grayscale(0%);
color:var(--dfm-parent-block-color);
}