Custom Styles
Mengubah gaya tema untuk design kontrol yang lengkap.
After Dark menggunakan Hugo Pipes untuk mengaktifkan kostomisasi gaya tema menggunakan CSS. Jika tidak diubah gaya khusus berikut disediakan secara standart:
1/*!
2 * Copyright (C) 2019 VHS <vhsdev@tutanota.com>
3 *
4 * This file is part of After Dark.
5 *
6 * After Dark is free software: you can redistribute it and/or modify
7 * it under the terms of the GNU Affero General Public License as published
8 * by the Free Software Foundation, either version 3 of the License, or
9 * (at your option) any later version.
10 *
11 * After Dark is distributed in the hope that it will be useful,
12 * but WITHOUT ANY WARRANTY; without even the implied warranty of
13 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
14 * GNU Affero General Public License for more details.
15 *
16 * You should have received a copy of the GNU Affero General Public License
17 * along with this program. If not, see <https://www.gnu.org/licenses/>.
18 */
19
20a[rel*="external"]::after {
21 content: " " url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20class='i-external'%20viewBox='0%200%2032%2032'%20width='14'%20height='14'%20fill='none'%20stroke='%23ff9800'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='9.38%'%3E%3Cpath%20d='M14%209%20L3%209%203%2029%2023%2029%2023%2018%20M18%204%20L28%204%2028%2014%20M28%204%20L14%2018'/%3E%3C/svg%3E");
22}
23nav a.active {
24 background-color: inherit;
25 color: #fff;
26}
27a[itemprop="url"] {
28 color: #ff9800;
29}
30a[itemprop="url"]:hover {
31 color: #fff;
32}
33.muted, .help-block {
34 opacity: 0.70;
35}
36.hack .muted,
37.hack .help-block {
38 color: #e0e0e0;
39}
Sesuaikan dari custom.css
di situs assets/css
direktori:
├── archetypes
├── assets
│ └── css
│ └── custom.css
├── content
Jika file belum ada, salinlah dari tema standart:
$ mkdir -p assets/css
$ cp themes/after-dark/assets/css/custom.css assets/css
Kemudian buka file dan mulailah mengedit, atau menghapusnya untuk mengembalikan ke bentuk standart.
Tip: Pilih dari ribuan palet warna yang telah ditetapkan
coolors.co/.