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

Commit e9b1d4b

Browse files
dracula: first... stab. *giggle*
this is not *really* the dracula palette, but predominantly.
1 parent e3b5c97 commit e9b1d4b

26 files changed

+140
-106
lines changed

lib/depject/sheet/profiles.js

Lines changed: 1 addition & 0 deletions
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)

styles/dracula/$distance-warning.mcss

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
$distanceWarning {
2-
border: 1px solid #ffba4e
3-
background: #5f410b
2+
border: 1px solid #ffb86c
3+
background: #6f482c
44
color: #ffdda7
55
h1 {
66
color: white

styles/dracula/$following.mcss

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@ $following {
22
:after {
33
margin-left: 5px
44
@svg subscribed {
5-
content: "<circle cx='6' stroke='#777' fill='none' cy='6' r='5' /> <circle cx='6' cy='6' r='3' fill='#777'/>"
5+
content: "<circle cx='6' stroke='#8be9fd' fill='none' cy='6' r='5' /> <circle cx='6' cy='6' r='3' fill='#8be9fd'/>"
66
}
77
}
88
}

styles/dracula/all-channels.mcss

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
AllChannels {
22
a.channel {
3-
background-color: #2d2c2c
3+
background-color: #282a36
44
color: #ccc
55
transition: background-color 0.25s
66
-more {
@@ -12,7 +12,7 @@ AllChannels {
1212
}
1313
}
1414
:hover {
15-
background-color: #383736
15+
background-color: #44475a
1616
}
1717
a {
1818
-subscribe {

styles/dracula/base.mcss

Lines changed: 12 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,19 @@
11
html, body {
2-
background: #434141
2+
background: #282a36
33
color: #ccc
44
}
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+
}
515
a {
6-
color: #757474
16+
color: #6272a4
717
:hover {
818
color: #aaa
919
}

styles/dracula/button.mcss

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
button {
22
color: #ccc
3-
background: #2d2c2c
3+
background: #282a36
44
:hover {
55
color: white
6-
border-color: #434141
6+
border-color: #44475a
77
}
88
:focus {
99
outline: 1px dotted rgba(255, 255, 255, 0.45)
@@ -16,7 +16,7 @@ button {
1616
}
1717
-add {
1818
color: white
19-
background-color: #629a6e
19+
background-color: #ff79c6a6e
2020
border-color: #8ba289
2121
:hover {
2222
color: #6a7e6a
@@ -25,7 +25,7 @@ button {
2525
}
2626
-pub {
2727
color: #aaa
28-
background-color: #2d2c2c
28+
background-color: #282a36
2929
border: 0
3030
margin-top: 0
3131
padding: 10px

styles/dracula/channel-list.mcss

Lines changed: 8 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
ChannelList {
22
a.channel {
3-
background-color: #313131
3+
background-color: #44475a
44
color: #ccc
55
transition: background-color 0.25s
66
-more {
@@ -11,13 +11,19 @@ ChannelList {
1111
color: #ccc
1212
}
1313
}
14+
-subscribe {
15+
:hover {
16+
background-color: #50fa7b
17+
color: white
18+
}
19+
}
1420
-subscribed {
1521
span.name {
1622
font-weight: bold
1723
}
1824
}
1925
:hover {
20-
background-color: #292929
26+
background-color: #44475a
2127
}
2228
a {
2329
-subscribe {

styles/dracula/compose.mcss

Lines changed: 7 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
Compose {
22
box-shadow: inset 0 0 0px 1px rgba(0,0,0,0.1)
3-
background: #2d2c2c
3+
background: #343744
44
textarea {
55
color: #ccc
66
[disabled] {
@@ -10,11 +10,11 @@ Compose {
1010
outline: 0
1111
}
1212
::-webkit-input-placeholder {
13-
color: #757474
13+
color: #6272a4
1414
}
1515
}
1616
section.actions {
17-
background: #383736
17+
background: #44475a
1818
padding: 10px
1919
input[type="file"] {
2020
width: 85px
@@ -28,6 +28,7 @@ Compose {
2828
display: inline-block
2929
color: #6e6d6d
3030
padding: 3px 6px 3px 20px
31+
border: 1px solid #282a36
3132
background: svg(paperclip) no-repeat scroll center left
3233
content: 'Attach'
3334
}
@@ -39,8 +40,8 @@ Compose {
3940
}
4041
}
4142
input.contentWarning {
42-
background-color: #2d2c2c;
43-
border: 2px solid #2d2c2c;
43+
background-color: #282a36;
44+
border: 2px solid #282a36;
4445
color: #ccc
4546
[disabled] {
4647
opacity: 0.5
@@ -49,7 +50,7 @@ Compose {
4950
outline: 0
5051
}
5152
::-webkit-input-placeholder {
52-
color: #757474
53+
color: #6272a4
5354
}
5455
}
5556
(button) {

styles/dracula/feed-event.mcss

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -2,33 +2,33 @@ FeedEvent {
22
background: transparent
33
-group {
44
-new {
5-
background-color: #505050
5+
background-color: #44475a
66
}
7-
background: #505050
7+
background: #44475a
88
a.expand {
9-
background: #656363
9+
background: #44475a
1010
color: #dadada
1111
:hover {
1212
color: white
1313
}
1414
}
1515
div.items {
1616
(div.Message) {
17-
background-color: #444444
17+
background-color: #44475a
1818
}
1919
}
2020
}
2121
a.full {
22-
background: #2d2c2c
22+
background: #282a36
2323
}
2424
div.replies {
25-
border-top: 1px solid #2d2c2c
25+
border-top: 1px solid #282a36
2626
div + div {
27-
border-top: 1px solid #2d2c2c
27+
border-top: 1px solid #282a36
2828
}
2929
}
3030
div.meta {
31-
color: #757474
31+
color: #6272a4
3232
padding: 8px 20px
3333
text-align: right
3434
}
Lines changed: 8 additions & 0 deletions
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+
}

0 commit comments

Comments
 (0)