Skip to content

Commit 7cb827a

Browse files
ArhellArhell
authored
update theme (#308)
1 parent 8fba58d commit 7cb827a

File tree

5 files changed

+83
-110
lines changed

5 files changed

+83
-110
lines changed

‎_includes/footer-js.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1 @@
1-
<script src="/assets/js/core.js"></script>
1+
<script src="/assets/js/core.js?v=123"></script>

‎_includes/head.html‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -86,6 +86,9 @@
8686
})
8787
})()
8888
</script>
89+
<link rel="stylesheet"
90+
type="text/css"
91+
href="/assets/css/dark.css?v=123">
8992

9093
<meta name="generator" content="Jekyll">
9194
<meta name="application-name" content="{{ site.app.name }}">
@@ -137,13 +140,10 @@
137140
<!-- End Google Analytics -->
138141
<link rel="stylesheet"
139142
type="text/css"
140-
href="/assets/css/dark.css">
141-
<link rel="stylesheet"
142-
type="text/css"
143-
href="/assets/css/core.css">
143+
href="/assets/css/core.css?v=123">
144144
<link rel="stylesheet"
145145
type="text/css"
146-
href="/assets/css/custom.css">
146+
href="/assets/css/custom.css?v=123">
147147

148148
<title>
149149
{{ site.data.languages[page.language][page.title] }} - {{ site.app.title }}

‎_includes/header.html‎

Lines changed: 0 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -104,12 +104,6 @@
104104

105105
<nav class="header-nav--mobile _navToggle">
106106

107-
<div class="modes">
108-
<span data-mode="light">Light</span>
109-
<span data-mode="dark">Dark</span>
110-
<span data-mode="auto">Auto</span>
111-
</div>
112-
113107
<ul>
114108
<li>
115109
<a href="https://docs.phalcon.io/">{{ site.data.languages[page.language]['download'] }}</a>
@@ -235,12 +229,6 @@
235229

236230
<div class="header__right">
237231

238-
<div class="modes">
239-
<span data-mode="light">Light</span>
240-
<span data-mode="dark">Dark</span>
241-
<span data-mode="auto">Auto</span>
242-
</div>
243-
244232
{% include menu-language.html %}
245233
<div class="header__github">
246234
<a href="https://phalcon.io/github" aria-label="github">

‎assets/css/custom.css‎

Lines changed: 0 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -9,18 +9,3 @@
99
.info-block__img img {
1010
padding: 5px;
1111
}
12-
13-
.modes {
14-
margin-right: 1rem;
15-
}
16-
17-
[data-mode] {
18-
display: inline-block;
19-
cursor: pointer;
20-
border-radius: calc(.5rem / 2);
21-
padding: .2rem .4rem;
22-
}
23-
[data-mode].active {
24-
color: #ffffff;
25-
background-color: #8fc19a;
26-
}

‎assets/css/dark.css‎

Lines changed: 77 additions & 77 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
--primary-color: #eee;
44
}
55

6-
[data-theme] {
6+
[data-theme="dark"] {
77
--background-color: #121212;
88
--primary-color: #eee;
99
}
@@ -84,147 +84,147 @@
8484
border: 3px solid transparent;
8585
}
8686

87-
[data-theme] .phalcon-blog,
88-
[data-theme] body,
89-
[data-theme] .base-info {
87+
[data-theme="dark"] .phalcon-blog,
88+
[data-theme="dark"] body,
89+
[data-theme="dark"] .base-info {
9090
background-color: #1e2129;
9191
}
9292

93-
[data-theme] h1,
94-
[data-theme] h2,
95-
[data-theme] h3,
96-
[data-theme] h4,
97-
[data-theme] h5,
98-
[data-theme] h6,
99-
[data-theme] p ,
100-
[data-theme] ul li,
101-
[data-theme] ol li,
102-
[data-theme] .phalcon-blog__title,
103-
[data-theme] .phalcon-blog__projects-text,
104-
[data-theme] .phalcon-blog__main-title,
105-
[data-theme] .header-dropdown li a,
106-
[data-theme] .tag-button,
107-
[data-theme] .phalcon-blog-detail table th,
108-
[data-theme] .phalcon-blog-detail table td,
109-
[data-theme] .base-info-descr__first,
110-
[data-theme] .base-info-descr__second,
111-
[data-theme] .watch-demo__title,
112-
[data-theme] .watch-demo__descr,
113-
[data-theme] .join__title,
114-
[data-theme] .join__descr,
115-
[data-theme] .contributors__top,
116-
[data-theme] .feature__title,
117-
[data-theme] .feature__descr,
118-
[data-theme] .buildwith-nav__list a,
119-
[data-theme] .features-nav__list li {
93+
[data-theme="dark"] h1,
94+
[data-theme="dark"] h2,
95+
[data-theme="dark"] h3,
96+
[data-theme="dark"] h4,
97+
[data-theme="dark"] h5,
98+
[data-theme="dark"] h6,
99+
[data-theme="dark"] p ,
100+
[data-theme="dark"] ul li,
101+
[data-theme="dark"] ol li,
102+
[data-theme="dark"] .phalcon-blog__title,
103+
[data-theme="dark"] .phalcon-blog__projects-text,
104+
[data-theme="dark"] .phalcon-blog__main-title,
105+
[data-theme="dark"] .header-dropdown li a,
106+
[data-theme="dark"] .tag-button,
107+
[data-theme="dark"] .phalcon-blog-detail table th,
108+
[data-theme="dark"] .phalcon-blog-detail table td,
109+
[data-theme="dark"] .base-info-descr__first,
110+
[data-theme="dark"] .base-info-descr__second,
111+
[data-theme="dark"] .watch-demo__title,
112+
[data-theme="dark"] .watch-demo__descr,
113+
[data-theme="dark"] .join__title,
114+
[data-theme="dark"] .join__descr,
115+
[data-theme="dark"] .contributors__top,
116+
[data-theme="dark"] .feature__title,
117+
[data-theme="dark"] .feature__descr,
118+
[data-theme="dark"] .buildwith-nav__list a,
119+
[data-theme="dark"] .features-nav__list li {
120120
color: #e2e4e9d1;
121121
}
122122

123-
[data-theme] .phalcon-blog a,
124-
[data-theme] main a {
123+
[data-theme="dark"] .phalcon-blog a,
124+
[data-theme="dark"] main a {
125125
color: #00bda4;
126126
}
127127

128-
[data-theme] .phalcon-blog__sponsors-item,
129-
[data-theme] .sponsors__item {
128+
[data-theme="dark"] .phalcon-blog__sponsors-item,
129+
[data-theme="dark"] .sponsors__item {
130130
background-color: #ffffffb3;
131131
}
132132

133-
[data-theme] .footer {
133+
[data-theme="dark"] .footer {
134134
background-color: #17191e;
135135
}
136136

137-
[data-theme] .footer__license,
138-
[data-theme] .footer__supported span,
139-
[data-theme] .footer-nav li a,
140-
[data-theme] .previous,
141-
[data-theme] .page_number,
142-
[data-theme] .next,
143-
[data-theme] .green-button,
144-
[data-theme] .features-nav__list li.active,
145-
[data-theme] .info .buildwith-nav__list li.active a,
146-
[data-theme] .header-nav--mobile a,
147-
[data-theme] .alert-warning,
148-
[data-theme] .info blockquote cite,
149-
[data-theme] .features-accordion__trigger {
137+
[data-theme="dark"] .footer__license,
138+
[data-theme="dark"] .footer__supported span,
139+
[data-theme="dark"] .footer-nav li a,
140+
[data-theme="dark"] .previous,
141+
[data-theme="dark"] .page_number,
142+
[data-theme="dark"] .next,
143+
[data-theme="dark"] .green-button,
144+
[data-theme="dark"] .features-nav__list li.active,
145+
[data-theme="dark"] .info .buildwith-nav__list li.active a,
146+
[data-theme="dark"] .header-nav--mobile a,
147+
[data-theme="dark"] .alert-warning,
148+
[data-theme="dark"] .info blockquote cite,
149+
[data-theme="dark"] .features-accordion__trigger {
150150
color: #ffffff;
151151
}
152152

153-
[data-theme] .footer__supported-logo svg,
154-
[data-theme] .footer__supported-logo svg path {
153+
[data-theme="dark"] .footer__supported-logo svg,
154+
[data-theme="dark"] .footer__supported-logo svg path {
155155
stroke: #ffffff;
156156
}
157157

158-
[data-theme] .phalcon-blog__sponsors-item:hover,
159-
[data-theme] .header-dropdown li a:hover {
158+
[data-theme="dark"] .phalcon-blog__sponsors-item:hover,
159+
[data-theme="dark"] .header-dropdown li a:hover {
160160
border-color: #00bda4;
161161
}
162162

163-
[data-theme] .phalcon-blog__sponsors-item span {
163+
[data-theme="dark"] .phalcon-blog__sponsors-item span {
164164
color: #000000;
165165
}
166166

167-
[data-theme] .header-dropdown--eco {
167+
[data-theme="dark"] .header-dropdown--eco {
168168
background-color: #1e2129;
169169
border-color: #1e2129;
170170
}
171171

172-
[data-theme] .header-nav>li a,
173-
[data-theme] .footer-nav li a {
172+
[data-theme="dark"] .header-nav>li a,
173+
[data-theme="dark"] .footer-nav li a {
174174
opacity: 0.7;
175175
}
176176

177-
[data-theme] .header a:hover,
178-
[data-theme] .header-nav>li.active>a,
179-
[data-theme] .header-nav>li:hover>a,
180-
[data-theme] .header-dropdown li a:hover,
181-
[data-theme] .footer-nav li a:hover {
177+
[data-theme="dark"] .header a:hover,
178+
[data-theme="dark"] .header-nav>li.active>a,
179+
[data-theme="dark"] .header-nav>li:hover>a,
180+
[data-theme="dark"] .header-dropdown li a:hover,
181+
[data-theme="dark"] .footer-nav li a:hover {
182182
opacity: 1;
183183
color: #ffffff;
184184
}
185185

186-
[data-theme] .light-dark-auto-button:hover {
186+
[data-theme="dark"] .light-dark-auto-button:hover {
187187
color: #00bda4 !important;
188188
}
189189

190-
[data-theme] .phalcon-blog__item-date,
191-
[data-theme] .phalcon-blog__item-author {
190+
[data-theme="dark"] .phalcon-blog__item-date,
191+
[data-theme="dark"] .phalcon-blog__item-author {
192192
color: #bfbfbfd1;
193193
}
194194

195-
[data-theme] .phalcon-blog__tags-item span:first-child {
195+
[data-theme="dark"] .phalcon-blog__tags-item span:first-child {
196196
color: #e2e4e98f;
197197
}
198198

199-
[data-theme] .phalcon-blog__right .phalcon-blog__tags-items .phalcon-blog__tags-item {
199+
[data-theme="dark"] .phalcon-blog__right .phalcon-blog__tags-items .phalcon-blog__tags-item {
200200
border-color: #385b56;
201201
}
202202

203-
[data-theme] .phalcon-blog-detail table td {
203+
[data-theme="dark"] .phalcon-blog-detail table td {
204204
border-color: #e2e4e9d1;
205205
}
206206

207-
[data-theme] .buildwith-nav__list li.active hr,
208-
[data-theme] .features-nav__list li.active hr{
207+
[data-theme="dark"] .buildwith-nav__list li.active hr,
208+
[data-theme="dark"] .features-nav__list li.active hr{
209209
background-color: #ffffff;
210210
}
211211

212-
[data-theme] .buildwith-nav__list li.active:hover hr,
213-
[data-theme] .features-nav__list li:hover hr,
214-
[data-theme] .buildwith-nav__list li:hover hr {
212+
[data-theme="dark"] .buildwith-nav__list li.active:hover hr,
213+
[data-theme="dark"] .features-nav__list li:hover hr,
214+
[data-theme="dark"] .buildwith-nav__list li:hover hr {
215215
background-color: #ffffff;
216216
}
217217

218-
[data-theme] .info .buildwith-nav__list li:hover a,
219-
[data-theme] .features-nav__list li span:hover {
218+
[data-theme="dark"] .info .buildwith-nav__list li:hover a,
219+
[data-theme="dark"] .features-nav__list li span:hover {
220220
color: #ffffff;
221221
}
222222

223-
[data-theme] .header-dropdown--lang {
223+
[data-theme="dark"] .header-dropdown--lang {
224224
background-color: #1e2129;
225225
border-color: #1e2129;
226226
}
227227

228-
[data-theme] .info-block__img img {
228+
[data-theme="dark"] .info-block__img img {
229229
background-color: #ffffff;
230230
}

0 commit comments

Comments
 (0)