Skip to content

Commit fd3451d

Browse files
allenfrostlineallenfrostline
committed
first commit
1 parent 7ab9cd9 commit fd3451d

File tree

8 files changed

+153
-0
lines changed

8 files changed

+153
-0
lines changed

‎src/configuration-component.ts

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -137,6 +137,7 @@ export class ConfigurationComponent {
137137
<option value="dark-blue">Dark Blue</option>
138138
<option value="photon-dark">Photon Dark</option>
139139
<option value="boxy-light">Boxy Light</option>
140+
<option value="nella-red">Nella Red</option>
140141
</select>
141142
142143
<h3 id="heading-enable">Enable Utterances</h3>

‎src/stylesheets/themes/nella-red/button.scss

Lines changed: 85 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,85 @@
1+
.btn-primary {
2+
display: inline-block;
3+
padding: 5px 8px;
4+
background: $red-normal;
5+
border-bottom: 4px solid $red-dark;
6+
border-right: 4px solid $red-dark;
7+
border-top-right-radius: 5px;
8+
border-bottom-left-radius: 5px;
9+
border-top-left-radius: 5px;
10+
border-bottom-right-radius: 5px;
11+
font-weight: 600;
12+
font-size: 16px;
13+
position: relative;
14+
height: 34px;
15+
line-height: 20px;
16+
outline-width: 0px;
17+
vertical-align: middle;
18+
color: $white;
19+
}
20+
21+
.btn-primary:hover {
22+
display: inline-block;
23+
padding: 5px 8px;
24+
background: $red-light;
25+
border-bottom: 4px solid $red-dark;
26+
border-right: 4px solid $red-dark;
27+
border-top-right-radius: 5px;
28+
border-bottom-left-radius: 5px;
29+
border-top-left-radius: 5px;
30+
border-bottom-right-radius: 5px;
31+
font-weight: 600;
32+
font-size: 16px;
33+
position: relative;
34+
height: 34px;
35+
line-height: 20px;
36+
outline-width: 0px;
37+
vertical-align: middle;
38+
color: $white;
39+
}
40+
41+
.btn-primary:active {
42+
display: inline-block;
43+
padding: 5px 8px;
44+
background: $red-dark2;
45+
border-bottom: 4px solid $red-dark;
46+
border-right: 4px solid $red-dark;
47+
border-top-right-radius: 5px;
48+
border-bottom-left-radius: 5px;
49+
border-top-left-radius: 5px;
50+
border-bottom-right-radius: 5px;
51+
font-weight: 600;
52+
font-size: 16px;
53+
position: relative;
54+
height: 34px;
55+
line-height: 20px;
56+
outline-width: 0px;
57+
vertical-align: middle;
58+
color: $white;
59+
}
60+
61+
.btn-primary:disabled {
62+
background: $red-normal;
63+
opacity: 0.4;
64+
}
65+
66+
.btn-outline {
67+
color: $gray-dark;
68+
background: none;
69+
line-height: 24px;
70+
vertical-align: middle;
71+
border-width: 0px;
72+
}
73+
74+
.btn-outline:hover {
75+
color: $white;
76+
background-color: $red-normal;
77+
transform: none;
78+
border-width: 0px;
79+
}
80+
81+
.btn-outline:disabled {
82+
color: $gray-dark;
83+
background: none;
84+
border-width: 0px;
85+
}

‎src/stylesheets/themes/nella-red/font.scss

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
body, .markdown-body, .textarea {
2+
font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Source Han Sans CN', 'Source Han Serif', 'Songti SC', serif;
3+
font-size: 16px!important;
4+
}

‎src/stylesheets/themes/nella-red/index.scss

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
@import "./variables";
2+
@import "../../index";
3+
@import "./syntax";
4+
@import "./button.scss";

‎src/stylesheets/themes/nella-red/misc.scss

Lines changed: 33 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,33 @@
1+
.timeline summary:hover {
2+
color: $red-light;
3+
}
4+
5+
.timeline a {
6+
text-decoration: none;
7+
}
8+
9+
.markdown-body a {
10+
color: $red-light;
11+
}
12+
13+
.timeline-comment button {
14+
font-size: 14px;
15+
}
16+
17+
.timeline-comment textarea {
18+
font-size: 16px;
19+
line-height: 24px;
20+
}
21+
22+
.comment-footer {
23+
border: 1px solid $gray!important;
24+
line-height: 25px;
25+
}
26+
27+
.timeline-header em {
28+
display: none;
29+
}
30+
31+
.timeline-header .text-link {
32+
font-style: italic;
33+
}

‎src/stylesheets/themes/nella-red/syntax.scss

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
@import "github-syntax-light/lib/github-light";

‎src/stylesheets/themes/nella-red/utterances.scss

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
@import "./variables";
2+
@import "../../utterances";
3+
@import "./syntax";
4+
@import "./button.scss";
5+
@import "./font.scss";
6+
@import "./misc.scss"

‎src/stylesheets/themes/nella-red/variables.scss

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
$white: #ffffff;
2+
$black: #000000;
3+
$gray: #eeeeee;
4+
$gray-dark: #999999;
5+
$red-dark: #5E0001;
6+
$red-dark2: #940002;
7+
$red-normal: #B40203;
8+
$red-light: #C80004;
9+
10+
$bg-white: $white;
11+
$bg-gray: $white;
12+
$bg-gray-light: $white;
13+
$border-gray: $gray;
14+
$border-gray-dark: $gray;
15+
$text-gray: $black;
16+
$text-gray-dark: $black;
17+
$button-normal: $red-normal;
18+
$button-hover: $red-light;
19+
$button-pressed: $red-dark;

0 commit comments

Comments
 (0)