Skip to content

Commit f0e06ff

Browse files
bryan-entebryan-ente
committed
Added lots of themes for HTML/PDF renders
1 parent fbc6e26 commit f0e06ff

10 files changed

Lines changed: 680 additions & 1 deletion

File tree

‎package.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "protoml-parser",
3-
"version": "1.0.5",
3+
"version": "1.0.6",
44
"description": "ProtoML is a lightweight, declarative markup language designed for writing and structuring meeting protocols, notes and task lists in a human-readable and machine-parseable format.",
55
"keywords": [
66
"protoml",

‎src/renders/themes/cyber.css‎

Lines changed: 118 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,118 @@
1+
@import url('https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap');
2+
3+
body {
4+
font-family: 'Share Tech Mono', monospace;
5+
background: repeating-linear-gradient(
6+
45deg,
7+
#000000,
8+
#000000 10px,
9+
#111111 10px,
10+
#111111 20px
11+
);
12+
color: #00ffcc;
13+
padding: 2rem;
14+
max-width: 1000px;
15+
margin: auto;
16+
overflow-x: hidden;
17+
text-shadow: 0 0 1px #00ffcc;
18+
}
19+
20+
h1 {
21+
font-size: 2.5rem;
22+
text-transform: uppercase;
23+
color: #ff0066;
24+
text-shadow: 0 0 5px #ff0066, 0 0 10px #ff0066;
25+
border-bottom: 2px solid #ff0066;
26+
margin-bottom: 1rem;
27+
}
28+
29+
h2 {
30+
font-size: 1.4rem;
31+
text-transform: uppercase;
32+
border-left: 4px solid #00ffcc;
33+
padding-left: 0.5rem;
34+
color: #00ffcc;
35+
margin-top: 2rem;
36+
text-shadow: 0 0 2px #00ffcc;
37+
}
38+
39+
section {
40+
background: rgba(255, 0, 102, 0.05);
41+
border: 2px dashed #ff0066;
42+
padding: 1rem;
43+
margin-bottom: 2rem;
44+
box-shadow: 0 0 10px #ff0066;
45+
}
46+
47+
ul {
48+
padding-left: 1.5rem;
49+
}
50+
51+
li {
52+
margin-bottom: 0.5rem;
53+
background: rgba(0, 255, 204, 0.1);
54+
padding: 0.8rem;
55+
border-left: 4px solid #00ffcc;
56+
transition: background 0.2s ease-in-out;
57+
}
58+
59+
li:hover {
60+
background: rgba(0, 255, 204, 0.2);
61+
}
62+
63+
.done {
64+
text-decoration: line-through;
65+
color: #555;
66+
}
67+
68+
a {
69+
color: #ff0066;
70+
font-weight: bold;
71+
text-decoration: none;
72+
border-bottom: 1px dashed #ff0066;
73+
}
74+
75+
a:hover {
76+
text-shadow: 0 0 3px #ff0066;
77+
border-bottom: none;
78+
}
79+
80+
.tag {
81+
background: #ff0066;
82+
color: #000;
83+
padding: 0.2em 0.5em;
84+
border-radius: 4px;
85+
font-weight: bold;
86+
margin-left: 0.5rem;
87+
}
88+
89+
.meta {
90+
font-size: 0.8em;
91+
color: #999;
92+
margin-top: 0.5rem;
93+
font-style: italic;
94+
}
95+
96+
body::before {
97+
content: '';
98+
pointer-events: none;
99+
position: fixed;
100+
inset: 0;
101+
background: repeating-linear-gradient(
102+
to bottom,
103+
rgba(255, 255, 255, 0.03),
104+
rgba(255, 255, 255, 0.03) 1px,
105+
transparent 1px,
106+
transparent 3px
107+
);
108+
animation: flicker 2s infinite linear;
109+
}
110+
111+
@keyframes flicker {
112+
0%, 19%, 21%, 23%, 25%, 54%, 56%, 100% {
113+
opacity: 0.99;
114+
}
115+
20%, 24%, 55% {
116+
opacity: 0.4;
117+
}
118+
}

‎src/renders/themes/dark.css‎

Lines changed: 64 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,64 @@
1+
body {
2+
font-family: system-ui, sans-serif;
3+
background: #121212;
4+
color: #e0e0e0;
5+
padding: 2rem;
6+
max-width: 800px;
7+
margin: auto;
8+
}
9+
10+
h1 {
11+
font-size: 2rem;
12+
border-bottom: 2px solid #444;
13+
margin-bottom: 1.5rem;
14+
color: #ffffff;
15+
}
16+
17+
h2 {
18+
font-size: 1.4rem;
19+
margin-top: 2rem;
20+
border-left: 4px solid #90caf9;
21+
padding-left: 0.5rem;
22+
color: #ffffff;
23+
}
24+
25+
ul {
26+
list-style: disc;
27+
padding-left: 1.5rem;
28+
}
29+
30+
li {
31+
margin-bottom: 0.5rem;
32+
}
33+
34+
.done {
35+
text-decoration: line-through;
36+
color: #888;
37+
}
38+
39+
a {
40+
color: #90caf9;
41+
text-decoration: none;
42+
}
43+
44+
a:hover {
45+
text-decoration: underline;
46+
}
47+
48+
section {
49+
margin-bottom: 2rem;
50+
}
51+
52+
.tag {
53+
background: #333;
54+
padding: 0.2em 0.5em;
55+
border-radius: 4px;
56+
font-size: 0.9em;
57+
margin-left: 0.5rem;
58+
}
59+
60+
.meta {
61+
font-size: 0.85em;
62+
color: #999;
63+
margin-top: 0.2em;
64+
}

‎src/renders/themes/glitch-jff.css‎

Lines changed: 85 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,85 @@
1+
body {
2+
background: black;
3+
color: #f0f0f0;
4+
font-family: 'Orbitron', monospace;
5+
padding: 3rem;
6+
max-width: 900px;
7+
margin: auto;
8+
position: relative;
9+
overflow-x: hidden;
10+
}
11+
12+
h1, h2 {
13+
position: relative;
14+
color: #fff;
15+
text-transform: uppercase;
16+
animation: glitch 1s infinite;
17+
}
18+
19+
h1 {
20+
font-size: 2.5rem;
21+
border-bottom: 2px solid #f0f;
22+
margin-bottom: 1rem;
23+
}
24+
25+
h2 {
26+
font-size: 1.4rem;
27+
border-left: 4px solid #0ff;
28+
padding-left: 0.5rem;
29+
margin-top: 2rem;
30+
}
31+
32+
@keyframes glitch {
33+
0% { text-shadow: 1px 1px #f0f, -1px -1px #0ff; }
34+
20% { text-shadow: 2px -2px #0ff, -2px 2px #f0f; }
35+
40% { text-shadow: -1px 1px #f0f, 1px -1px #0ff; }
36+
60% { text-shadow: 0 0 #fff; }
37+
80% { text-shadow: 2px 0 #f0f, -2px 0 #0ff; }
38+
100% { text-shadow: -1px -1px #0ff, 1px 1px #f0f; }
39+
}
40+
41+
ul, li {
42+
list-style: square;
43+
margin-left: 1rem;
44+
line-height: 1.6;
45+
}
46+
47+
.done {
48+
color: #444;
49+
text-decoration: line-through wavy #f0f;
50+
}
51+
52+
a {
53+
color: #0ff;
54+
text-decoration: underline;
55+
animation: pulse 1.5s infinite;
56+
}
57+
58+
@keyframes pulse {
59+
0%, 100% { opacity: 1; }
60+
50% { opacity: 0.5; }
61+
}
62+
63+
section {
64+
border: 1px dashed #f0f;
65+
padding: 1.5rem;
66+
margin-bottom: 2rem;
67+
background: rgba(255, 255, 255, 0.02);
68+
backdrop-filter: blur(2px);
69+
}
70+
71+
.tag {
72+
background: #0ff;
73+
color: #000;
74+
padding: 0.2em 0.4em;
75+
margin-left: 0.5rem;
76+
border-radius: 4px;
77+
font-size: 0.9em;
78+
font-weight: bold;
79+
}
80+
81+
.meta {
82+
font-size: 0.8em;
83+
color: #999;
84+
font-style: italic;
85+
}

‎src/renders/themes/gridcore.css‎

Lines changed: 90 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,90 @@
1+
@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap');
2+
3+
body {
4+
font-family: 'Press Start 2P', monospace;
5+
background: radial-gradient(circle at center, #000000 0%, #1a1a1a 100%);
6+
color: #00ff99;
7+
padding: 2rem;
8+
max-width: 900px;
9+
margin: auto;
10+
overflow-x: hidden;
11+
text-shadow: 0 0 1px #00ff99;
12+
}
13+
14+
h1 {
15+
font-size: 1.8rem;
16+
color: #00ffff;
17+
text-align: center;
18+
border-bottom: 2px solid #00ffff;
19+
padding-bottom: 1rem;
20+
margin-bottom: 2rem;
21+
text-shadow: 0 0 5px #00ffff;
22+
}
23+
24+
h2 {
25+
font-size: 1rem;
26+
color: #ff00cc;
27+
border-left: 4px solid #ff00cc;
28+
padding-left: 1rem;
29+
margin-top: 2rem;
30+
text-shadow: 0 0 2px #ff00cc;
31+
}
32+
33+
ul {
34+
list-style-type: square;
35+
padding-left: 2rem;
36+
}
37+
38+
li {
39+
background: rgba(0, 255, 153, 0.1);
40+
padding: 0.5rem 1rem;
41+
margin-bottom: 0.5rem;
42+
border-left: 4px solid #00ff99;
43+
transition: transform 0.2s ease-in-out;
44+
}
45+
46+
li:hover {
47+
transform: translateX(5px);
48+
background: rgba(0, 255, 153, 0.2);
49+
}
50+
51+
.done {
52+
color: #888;
53+
text-decoration: line-through;
54+
}
55+
56+
a {
57+
color: #ff00cc;
58+
border-bottom: 1px dotted #ff00cc;
59+
text-decoration: none;
60+
}
61+
62+
a:hover {
63+
border-bottom: none;
64+
text-shadow: 0 0 3px #ff00cc;
65+
}
66+
67+
section {
68+
border: 2px double #00ffff;
69+
padding: 1rem;
70+
background: rgba(255, 255, 255, 0.05);
71+
margin-bottom: 2rem;
72+
}
73+
74+
.tag {
75+
background: #ff00cc;
76+
color: #fff;
77+
font-size: 0.8rem;
78+
padding: 0.3em 0.6em;
79+
border-radius: 4px;
80+
font-weight: bold;
81+
margin-left: 0.5rem;
82+
box-shadow: 0 0 5px #ff00cc;
83+
}
84+
85+
.meta {
86+
font-size: 0.7rem;
87+
color: #ccc;
88+
font-style: italic;
89+
margin-top: 0.5rem;
90+
}

0 commit comments

Comments
 (0)