-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathStylish dark theme for Workflowy
122 lines (112 loc) · 3 KB
/
Stylish dark theme for Workflowy
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
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
/* Style: Workflowy BenBrown
Based on: Workflowy dark minimalist
history:
20180308 created, forked from: Workflowy dark minimalist
20180308 changed base font to Lucida Console, color light gray.
20180308 changed note font to not italic, color light gray.
20180308 added full screen width, smaller margins, hiding unwanted stuff.
20180308 changed bullet colors: closed bullets are dark green (unlit), opened bullets are bright green (lit).
20180308 changed sub-item left margin line to dashed.
20180308 changed tag color to orange.
20180309 prevent overflow on right window edge, completed text brighter grey.
*/
/* -------------------------------------------------------------------------------------------------------- general -+- */
/* main frame and background */
body
, body .page
, body #pageContainer
{ background-color: #222;
border: none;
}
/* base font */
body .name
{ color: #e0e0e0;
font-family: Lucida Console, monospace, Monospaced;
font-size: 13px;
}
/* smaller margins */
.mainTreeRoot
{ padding:0 !important;
}
.page.active
{ width: 92% !important;
transform: none !important;
}
/* hide unwanted stuff */
.footer
, .facebookLike
, #bottomLinks iframe
, .proPitch
{ display:none;
}
/* -------------------------------------------------------------------------------------------------------- bullets -+- */
/* base bullet */
.project>.name>.bullet
, .project.task>.name>.bullet
{ background-image: none;
height: 6px;
width: 6px;
background-color: #eee;
border-radius: 12px;
margin-top: 8px !important;
margin-left: 7px;
transition: all 0.3s;
}
/* bullets for items with sub-items */
.project>.name>.bullet
{ height: 10px;
width: 10px;
background-color: #383;
border-radius: 12px;
margin-top: 8px !important;
margin-left: 5px;
}
/* bullets for expanded items */
.project.open>.name>.bullet
{ height: 10px;
width: 10px;
background-color: #6f6;
border-radius: 12px;
margin-top: 8px !important;
margin-left: 5px;
}
/* ---------------------------------------------------------------------------------------------------------- notes -+- */
/* base note */
.noted>.notes>.content
{ color: #bbb;
font-size: 15px;
}
/* ---------------------------------------------------------------------------------------------------------- items -+- */
/* sub-item left margin line */
body .children
{ border-left: 1px dashed #444;
}
/* item hightlighted */
.project.highlighted::before
, .project.moving::before
, .project.tapped::before
, .draggableNameClone::before
{ display: block;
content: '';
height: 100%;
left: -5px;
padding: 2px 5px 1px;
position: absolute;
top: 0;
width: 100%;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
background: #333;
}
/* checked items */
.project.done>.name
, .project.doneAppearance>.name
, .selected .project.done .project>.name
, .selected .project.doneAppearance .project>.name
{ color: #555;
}
/*content tags*/
.contentTagText
{ color:#c42;
}