Skip to content
This repository was archived by the owner on May 12, 2021. It is now read-only.

Commit e3b5c97

Browse files
black-puppydogblack-puppydog
committed
start dracula theme
1 parent 9c8e6dd commit e3b5c97

31 files changed

+824
-2
lines changed

‎lib/main-window.js‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -157,7 +157,8 @@ module.exports = function (config) {
157157
innerHTML: computed(api.settings.obs.get('patchwork.theme', 'light'), themeName => {
158158
const syntaxThemeOptions = {
159159
light: 'github',
160-
dark: 'monokai'
160+
dark: 'monokai',
161+
dracula: 'dracula'
161162
}
162163

163164
const syntaxTheme = syntaxThemeOptions[themeName] || syntaxThemeOptions.light

‎styles/dracula/$distance-warning.mcss‎

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
$distanceWarning {
2+
border: 1px solid #ffba4e
3+
background: #5f410b
4+
color: #ffdda7
5+
h1 {
6+
color: white
7+
}
8+
}

‎styles/dracula/$following.mcss‎

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
$following {
2+
:after {
3+
margin-left: 5px
4+
@svg subscribed {
5+
content: "<circle cx='6' stroke='#777' fill='none' cy='6' r='5' /> <circle cx='6' cy='6' r='3' fill='#777'/>"
6+
}
7+
}
8+
}

‎styles/dracula/all-channels.mcss‎

Lines changed: 25 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,25 @@
1+
AllChannels {
2+
a.channel {
3+
background-color: #2d2c2c
4+
color: #ccc
5+
transition: background-color 0.25s
6+
-more {
7+
background-color: transparent
8+
color: #6e6d6d
9+
:hover {
10+
background-color: transparent
11+
color: #ccc
12+
}
13+
}
14+
:hover {
15+
background-color: #383736
16+
}
17+
a {
18+
-subscribe {
19+
:hover {
20+
background-color: #51c067
21+
}
22+
}
23+
}
24+
}
25+
}

‎styles/dracula/base.mcss‎

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
html, body {
2+
background: #434141
3+
color: #ccc
4+
}
5+
a {
6+
color: #757474
7+
:hover {
8+
color: #aaa
9+
}
10+
}

‎styles/dracula/blog-card.mcss‎

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
BlogCard {
2+
box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 10px
3+
background-color: rgba(255, 255, 255, 0.08)
4+
5+
:hover {
6+
background-color: rgba(255, 255, 255, 0.15)
7+
box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 10px
8+
}
9+
}

‎styles/dracula/button.mcss‎

Lines changed: 50 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,50 @@
1+
button {
2+
color: #ccc
3+
background: #2d2c2c
4+
:hover {
5+
color: white
6+
border-color: #434141
7+
}
8+
:focus {
9+
outline: 1px dotted rgba(255, 255, 255, 0.45)
10+
}
11+
:active {
12+
background-color: #ddd !important
13+
}
14+
[disabled] {
15+
opacity: 0.5
16+
}
17+
-add {
18+
color: white
19+
background-color: #629a6e
20+
border-color: #8ba289
21+
:hover {
22+
color: #6a7e6a
23+
background-color: #ecfff0
24+
}
25+
}
26+
-pub {
27+
color: #aaa
28+
background-color: #2d2c2c
29+
border: 0
30+
margin-top: 0
31+
padding: 10px
32+
transition: background-color 0.25s ease, color 0.25s ease
33+
:hover {
34+
color: white
35+
background-color: #45b754
36+
}
37+
}
38+
-save {
39+
::before {
40+
content: '✔ '
41+
}
42+
:hover {
43+
background-color: #45b754
44+
color: white
45+
}
46+
}
47+
-cancel {
48+
background: transparent
49+
}
50+
}

‎styles/dracula/channel-list.mcss‎

Lines changed: 30 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,30 @@
1+
ChannelList {
2+
a.channel {
3+
background-color: #313131
4+
color: #ccc
5+
transition: background-color 0.25s
6+
-more {
7+
background-color: transparent
8+
color: #6e6d6d
9+
:hover {
10+
background-color: transparent
11+
color: #ccc
12+
}
13+
}
14+
-subscribed {
15+
span.name {
16+
font-weight: bold
17+
}
18+
}
19+
:hover {
20+
background-color: #292929
21+
}
22+
a {
23+
-subscribe {
24+
:hover {
25+
background-color: #51c067
26+
}
27+
}
28+
}
29+
}
30+
}

‎styles/dracula/compose.mcss‎

Lines changed: 71 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,71 @@
1+
Compose {
2+
box-shadow: inset 0 0 0px 1px rgba(0,0,0,0.1)
3+
background: #2d2c2c
4+
textarea {
5+
color: #ccc
6+
[disabled] {
7+
opacity: 0.5
8+
}
9+
:focus {
10+
outline: 0
11+
}
12+
::-webkit-input-placeholder {
13+
color: #757474
14+
}
15+
}
16+
section.actions {
17+
background: #383736
18+
padding: 10px
19+
input[type="file"] {
20+
width: 85px
21+
height: 20px
22+
:hover {
23+
::before {
24+
color: #ccc
25+
}
26+
}
27+
::before {
28+
display: inline-block
29+
color: #6e6d6d
30+
padding: 3px 6px 3px 20px
31+
background: svg(paperclip) no-repeat scroll center left
32+
content: 'Attach'
33+
}
34+
@svg paperclip {
35+
width: 18px
36+
height: 18px
37+
fill: #6e6d6d
38+
content: "<path d="M13 14c0 2.21-1.79 4-4 4s-4-1.79-4-4V3c0-1.66 1.34-3 3-3s3 1.34 3 3v9c0 1.1-.9 2-2 2s-2-.9-2-2V4h1v8c0 .55.45 1 1 1s1-.45 1-1V3c0-1.1-.9-2-2-2s-2 .9-2 2v11c0 1.66 1.34 3 3 3s3-1.34 3-3V4h1v10z"/>"
39+
}
40+
}
41+
input.contentWarning {
42+
background-color: #2d2c2c;
43+
border: 2px solid #2d2c2c;
44+
color: #ccc
45+
[disabled] {
46+
opacity: 0.5
47+
}
48+
:focus {
49+
outline: 0
50+
}
51+
::-webkit-input-placeholder {
52+
color: #757474
53+
}
54+
}
55+
(button) {
56+
:hover {
57+
background: #6a9fba
58+
}
59+
-clear {
60+
:hover {
61+
background: #e56f6f
62+
}
63+
}
64+
-private {
65+
:hover {
66+
background: #ceab2f
67+
}
68+
}
69+
}
70+
}
71+
}

‎styles/dracula/feed-event.mcss‎

Lines changed: 35 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,35 @@
1+
FeedEvent {
2+
background: transparent
3+
-group {
4+
-new {
5+
background-color: #505050
6+
}
7+
background: #505050
8+
a.expand {
9+
background: #656363
10+
color: #dadada
11+
:hover {
12+
color: white
13+
}
14+
}
15+
div.items {
16+
(div.Message) {
17+
background-color: #444444
18+
}
19+
}
20+
}
21+
a.full {
22+
background: #2d2c2c
23+
}
24+
div.replies {
25+
border-top: 1px solid #2d2c2c
26+
div + div {
27+
border-top: 1px solid #2d2c2c
28+
}
29+
}
30+
div.meta {
31+
color: #757474
32+
padding: 8px 20px
33+
text-align: right
34+
}
35+
}

0 commit comments

Comments
 (0)