From b47de554fb01b478b09d9d65b5eac4b05fd903fc Mon Sep 17 00:00:00 2001 From: Wojtek Kosior Date: Tue, 15 Feb 2022 17:34:06 +0100 Subject: give certain scrollbars static background color, make scrollbars' look less browser-dependent --- html/scrollbars.css | 63 +++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 63 insertions(+) create mode 100644 html/scrollbars.css (limited to 'html/scrollbars.css') diff --git a/html/scrollbars.css b/html/scrollbars.css new file mode 100644 index 0000000..df12877 --- /dev/null +++ b/html/scrollbars.css @@ -0,0 +1,63 @@ +/* + * SPDX-License-Identifier: GPL-3.0-or-later OR CC-BY-SA-4.0 + * + * Scrollbars styling for Haketilo internal HTML pages + * + * This file is part of Haketilo. + * + * Copyright (C) 2022 Wojtek Kosior + * + * File is dual-licensed. You can choose either GPLv3+, CC BY-SA or both. + * + * This program is free software: you can redistribute it and/or modify + * it under the terms of the GNU General Public License as published by + * the Free Software Foundation, either version 3 of the License, or + * (at your option) any later version. + * + * This program 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 General Public License for more details. + * + * You should have received a copy of the GNU General Public License + * along with this program. If not, see . + * + * I, Wojtek Kosior, thereby promise not to sue for violation of this file's + * licenses. Although I request that you do not make use of this code in a + * proprietary program, I am not going to enforce this in court. + */ + +/* + * Style scrollbar to have its background always colored. When possible, try to + * imitate the default scrollbar coloring from IceCat 60 and shape from + * Firefox's GTK scrollbar style. + */ + +/* for Chromium */ +.scrollbar_visible::-webkit-scrollbar { + width:12px; +} + +.scrollbar_visible::-webkit-scrollbar-track { + background: #cecece; +} + +.scrollbar_visible::-webkit-scrollbar-thumb { + background-color: #7e8182; + border-radius: 10px; + width: 6px; + border: 3px solid #cecece; +} + +.scrollbar_visible::-webkit-scrollbar-thumb:hover { + background-color: #565b5c; +} + +.scrollbar_visible::-webkit-scrollbar-thumb:active { + background-color: #1b6acb; +} + +/* for Firefox 64+ (WebKit support might appear at some point). */ +.scrollbar_visible { + scrollbar-color: #7e8182 #cecece; +} -- cgit v1.2.3