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

Commit 04a5e52

Browse files
christianbundychristianbundy
authored
Merge pull request #1294 from ssbc/dracula-theme
Dracula theme
2 parents 9c8e6dd + e9b1d4b commit 04a5e52

33 files changed

+858
-2
lines changed

Diff for: ‎lib/depject/sheet/profiles.js

+1
Original file line numberDiff line numberDiff line change
@@ -46,6 +46,7 @@ exports.create = function (api) {
4646
title,
4747
h('input', {
4848
type: 'search',
49+
classList: 'search',
4950
placeholder: i18n('filter names'),
5051
'ev-input': function (ev) {
5152
currentFilter.set(ev.target.value)

Diff for: ‎lib/main-window.js

+2-1
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

Diff for: ‎styles/dracula/$distance-warning.mcss

+8
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
$distanceWarning {
2+
border: 1px solid #ffb86c
3+
background: #6f482c
4+
color: #ffdda7
5+
h1 {
6+
color: white
7+
}
8+
}

Diff for: ‎styles/dracula/$following.mcss

+8
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='#8be9fd' fill='none' cy='6' r='5' /> <circle cx='6' cy='6' r='3' fill='#8be9fd'/>"
6+
}
7+
}
8+
}

Diff for: ‎styles/dracula/all-channels.mcss

+25
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,25 @@
1+
AllChannels {
2+
a.channel {
3+
background-color: #282a36
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: #44475a
16+
}
17+
a {
18+
-subscribe {
19+
:hover {
20+
background-color: #51c067
21+
}
22+
}
23+
}
24+
}
25+
}

Diff for: ‎styles/dracula/base.mcss

+20
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
html, body {
2+
background: #282a36
3+
color: #ccc
4+
}
5+
input.search {
6+
background: rgba(0, 0, 0, 0.2)
7+
color: #ccc
8+
:focus {
9+
background: #44475a
10+
}
11+
::-webkit-input-placeholder {
12+
color: #6272a4
13+
}
14+
}
15+
a {
16+
color: #6272a4
17+
:hover {
18+
color: #aaa
19+
}
20+
}

Diff for: ‎styles/dracula/blog-card.mcss

+9
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+
}

Diff for: ‎styles/dracula/button.mcss

+50
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,50 @@
1+
button {
2+
color: #ccc
3+
background: #282a36
4+
:hover {
5+
color: white
6+
border-color: #44475a
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: #ff79c6a6e
20+
border-color: #8ba289
21+
:hover {
22+
color: #6a7e6a
23+
background-color: #ecfff0
24+
}
25+
}
26+
-pub {
27+
color: #aaa
28+
background-color: #282a36
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+
}

Diff for: ‎styles/dracula/channel-list.mcss

+36
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,36 @@
1+
ChannelList {
2+
a.channel {
3+
background-color: #44475a
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+
-subscribe {
15+
:hover {
16+
background-color: #50fa7b
17+
color: white
18+
}
19+
}
20+
-subscribed {
21+
span.name {
22+
font-weight: bold
23+
}
24+
}
25+
:hover {
26+
background-color: #44475a
27+
}
28+
a {
29+
-subscribe {
30+
:hover {
31+
background-color: #51c067
32+
}
33+
}
34+
}
35+
}
36+
}

Diff for: ‎styles/dracula/compose.mcss

+72
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,72 @@
1+
Compose {
2+
box-shadow: inset 0 0 0px 1px rgba(0,0,0,0.1)
3+
background: #343744
4+
textarea {
5+
color: #ccc
6+
[disabled] {
7+
opacity: 0.5
8+
}
9+
:focus {
10+
outline: 0
11+
}
12+
::-webkit-input-placeholder {
13+
color: #6272a4
14+
}
15+
}
16+
section.actions {
17+
background: #44475a
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+
border: 1px solid #282a36
32+
background: svg(paperclip) no-repeat scroll center left
33+
content: 'Attach'
34+
}
35+
@svg paperclip {
36+
width: 18px
37+
height: 18px
38+
fill: #6e6d6d
39+
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"/>"
40+
}
41+
}
42+
input.contentWarning {
43+
background-color: #282a36;
44+
border: 2px solid #282a36;
45+
color: #ccc
46+
[disabled] {
47+
opacity: 0.5
48+
}
49+
:focus {
50+
outline: 0
51+
}
52+
::-webkit-input-placeholder {
53+
color: #6272a4
54+
}
55+
}
56+
(button) {
57+
:hover {
58+
background: #6a9fba
59+
}
60+
-clear {
61+
:hover {
62+
background: #e56f6f
63+
}
64+
}
65+
-private {
66+
:hover {
67+
background: #ceab2f
68+
}
69+
}
70+
}
71+
}
72+
}

Diff for: ‎styles/dracula/feed-event.mcss

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

Diff for: ‎styles/dracula/feed-meta-summary.mcss

+8
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
FeedMetaSummary {
2+
div {
3+
background: #282a36
4+
-identified {
5+
background-color: #282a36
6+
}
7+
}
8+
}

Diff for: ‎styles/dracula/gathering-card.mcss

+18
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
GatheringCard {
2+
padding: 20px
3+
margin: 20px -20px
4+
border-top: 1px solid #282a36
5+
div.title {
6+
a {
7+
font-size: 200%
8+
}
9+
}
10+
div.time {
11+
color: #8be9fd
12+
}
13+
div.description {
14+
margin: 20px 0 0
15+
padding: 20px
16+
background: #282a36
17+
}
18+
}

Diff for: ‎styles/dracula/main-window.mcss

+58
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,58 @@
1+
MainWindow {
2+
-linux, -win32 {
3+
(div) {
4+
::-webkit-scrollbar {
5+
width: 12px
6+
}
7+
::-webkit-scrollbar-corner {
8+
background-color: #282a36
9+
}
10+
::-webkit-scrollbar-track {
11+
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3)
12+
border-radius: 10px
13+
}
14+
::-webkit-scrollbar-thumb {
15+
border-radius: 10px
16+
background-color: #343744
17+
/* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5) */
18+
}
19+
}
20+
}
21+
div.top {
22+
background: #282a36
23+
border-bottom: 2px solid #6f74e5
24+
span.history {
25+
a {
26+
:hover {
27+
background-color: #44475a
28+
}
29+
}
30+
}
31+
span.nav {
32+
a {
33+
background: #44475a
34+
color: #aaa
35+
:hover {
36+
background: #aeaeae
37+
}
38+
-selected {
39+
background: #aeaeae
40+
:hover {
41+
background: #aeaeae
42+
}
43+
}
44+
-drop {
45+
:after {
46+
border-left: 1px solid #6e6d6d
47+
}
48+
}
49+
}
50+
}
51+
span.appTitle {
52+
color: #ccc
53+
div.info {
54+
background: #282a36
55+
}
56+
}
57+
}
58+
}

0 commit comments

Comments
 (0)