From 85ce38617cfa41394227e32b21f51b600e6d8ace Mon Sep 17 00:00:00 2001 From: Arona Jones Date: Tue, 27 Apr 2021 12:02:25 +0100 Subject: [PATCH] Wheee new colour theme --- assets/css/custom.css | 47 ++++++++++++------------------------------- 1 file changed, 13 insertions(+), 34 deletions(-) diff --git a/assets/css/custom.css b/assets/css/custom.css index ea2eaec..306e52b 100644 --- a/assets/css/custom.css +++ b/assets/css/custom.css @@ -1,39 +1,18 @@ -/*! - * Copyright (C) 2019 Josh Habdas - * - * This file is part of After Dark. - * - * After Dark is free software: you can redistribute it and/or modify - * it under the terms of the GNU Affero General Public License as published - * by the Free Software Foundation, either version 3 of the License, or - * (at your option) any later version. - * - * After Dark is distributed in the hope that it will be useful, - * but WITHOUT ANY WARRANTY; without even the implied warranty of - * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the - * GNU Affero General Public License for more details. - * - * You should have received a copy of the GNU Affero General Public License - * along with this program. If not, see . - */ - -a[rel*="external"]::after { - 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"); +:root { + --primary: #7DF9FF; + --splash: #7e1946; } -nav a.active { - background-color: inherit; - color: #fff; +body { + color: white !important; } -a[itemprop="url"] { - color: #ff9800; +.dark h1 a, .dark h2 a, .dark h3 a, .dark h4 a, .dark h5 a { + color: white; } -a[itemprop="url"]:hover { - color: #fff; +a { + color: var(--primary); + border-bottom: 1px solid var(--primary); } -.muted, .help-block { - opacity: 0.70; -} -.hack .muted, -.hack .help-block { - color: #e0e0e0; +a:hover { + background-color: var(--splash) !important; + border-bottom: 1px dashed var(--primary); }