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:

 1a[rel*="external"]::after {
 2  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");
 3}
 4nav a.active {
 5  background-color: inherit;
 6  color: #fff;
 7}
 8a[itemprop="url"] {
 9  color: #ff9800;
10}
11a[itemprop="url"]:hover {
12  color: #fff;
13}
14.muted, .help-block {
15  opacity: 0.70;
16}
17.hack .muted,
18.hack .help-block {
19  color: #e0e0e0;
20}

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/.