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  Josh Habdas <jhabdas@protonmail.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/.