From e4394ec6daf92ddaf91fe16c492df110d76569bc Mon Sep 17 00:00:00 2001 From: maTh Date: Fri, 2 Sep 2022 08:31:29 +0200 Subject: Improved: Flat theme (#4575) * dropdown-menu hover icon in white * dropdown menu config icon * delete theme icons, use standard icons * about link * RTL * fix --- p/themes/Flat/flat.css | 35 ++++++++++++++++++++++++++++------ p/themes/Flat/flat.rtl.css | 35 ++++++++++++++++++++++++++++------ p/themes/Flat/icons/all.svg | 32 ------------------------------- p/themes/Flat/icons/close.svg | 28 --------------------------- p/themes/Flat/icons/configure.svg | 31 ------------------------------ p/themes/Flat/icons/disabled-light.svg | 3 --- p/themes/Flat/icons/down.svg | 31 ------------------------------ p/themes/Flat/icons/icon.svg | 12 ------------ p/themes/Flat/icons/key.svg | 7 ------- p/themes/Flat/icons/next.svg | 31 ------------------------------ p/themes/Flat/icons/prev.svg | 31 ------------------------------ p/themes/Flat/icons/up.svg | 31 ------------------------------ 12 files changed, 58 insertions(+), 249 deletions(-) delete mode 100644 p/themes/Flat/icons/all.svg delete mode 100644 p/themes/Flat/icons/close.svg delete mode 100644 p/themes/Flat/icons/configure.svg delete mode 100644 p/themes/Flat/icons/disabled-light.svg delete mode 100644 p/themes/Flat/icons/down.svg delete mode 100644 p/themes/Flat/icons/icon.svg delete mode 100644 p/themes/Flat/icons/key.svg delete mode 100644 p/themes/Flat/icons/next.svg delete mode 100644 p/themes/Flat/icons/prev.svg delete mode 100644 p/themes/Flat/icons/up.svg diff --git a/p/themes/Flat/flat.css b/p/themes/Flat/flat.css index bb1a621ea..a1efd1264 100644 --- a/p/themes/Flat/flat.css +++ b/p/themes/Flat/flat.css @@ -349,8 +349,8 @@ a.btn { /*=== Dropdown */ .dropdown-menu { - margin: 5px 0 0; - padding: 5px 0; + margin: 0.5rem 0 0; + padding: 0.5rem 0; background: #fafafa; font-size: 0.8rem; border: 1px solid #95a5a6; @@ -364,12 +364,17 @@ a.btn { } .dropdown-header { - padding: 0 5px 5px; + padding: 0 0.5rem 0.5rem; font-weight: bold; text-align: left; color: #34495e; } +.dropdown-header a { + position: absolute; + right: 0.5rem; +} + .dropdown-menu > .item > a, .dropdown-menu > .item > span, .dropdown-menu > .item > .as-link { @@ -384,6 +389,11 @@ a.btn { color: #fff; } +.dropdown-menu > .item a:hover .icon, +.nav-list.aside .item a:hover .icon { + filter: brightness(3); +} + .dropdown-menu > .item[aria-checked="true"] > a::before { font-weight: bold; margin: 0 0 0 -14px; @@ -609,6 +619,10 @@ a.btn { margin: 10px 0 50px; } +.aside.aside_feed .icon { + filter: brightness(3); +} + /*=== Aside main page (categories) */ .aside.aside_feed .category .title:not([data-unread="0"])::after { background-color: #2c3e50; @@ -618,6 +632,13 @@ a.btn { background-color: #34495e; } +.aside .about { + margin: 1rem; + display: block; + color: #ecf0f1; + font-style: italic; +} + /*=== Aside main page (feeds) */ .feed.item.empty.active { background: #f39c12; @@ -732,9 +753,11 @@ a.btn { } .dropdown-menu .dropdown-header .icon { - vertical-align: middle; - background-color: #95a5a6; - border-radius: 3px; + filter: invert(0.6); +} + +.dropdown-menu .dropdown-header a:hover .icon { + filter: invert(0.6) invert(77%) sepia(63%) saturate(4993%) hue-rotate(177deg) brightness(88%) contrast(96%); } /*=== Feed articles */ diff --git a/p/themes/Flat/flat.rtl.css b/p/themes/Flat/flat.rtl.css index 01026968a..fd9a2c055 100644 --- a/p/themes/Flat/flat.rtl.css +++ b/p/themes/Flat/flat.rtl.css @@ -349,8 +349,8 @@ a.btn { /*=== Dropdown */ .dropdown-menu { - margin: 5px 0 0; - padding: 5px 0; + margin: 0.5rem 0 0; + padding: 0.5rem 0; background: #fafafa; font-size: 0.8rem; border: 1px solid #95a5a6; @@ -364,12 +364,17 @@ a.btn { } .dropdown-header { - padding: 0 5px 5px; + padding: 0 0.5rem 0.5rem; font-weight: bold; text-align: right; color: #34495e; } +.dropdown-header a { + position: absolute; + left: 0.5rem; +} + .dropdown-menu > .item > a, .dropdown-menu > .item > span, .dropdown-menu > .item > .as-link { @@ -384,6 +389,11 @@ a.btn { color: #fff; } +.dropdown-menu > .item a:hover .icon, +.nav-list.aside .item a:hover .icon { + filter: brightness(3); +} + .dropdown-menu > .item[aria-checked="true"] > a::before { font-weight: bold; margin: 0 -14px 0 0; @@ -609,6 +619,10 @@ a.btn { margin: 10px 0 50px; } +.aside.aside_feed .icon { + filter: brightness(3); +} + /*=== Aside main page (categories) */ .aside.aside_feed .category .title:not([data-unread="0"])::after { background-color: #2c3e50; @@ -618,6 +632,13 @@ a.btn { background-color: #34495e; } +.aside .about { + margin: 1rem; + display: block; + color: #ecf0f1; + font-style: italic; +} + /*=== Aside main page (feeds) */ .feed.item.empty.active { background: #f39c12; @@ -732,9 +753,11 @@ a.btn { } .dropdown-menu .dropdown-header .icon { - vertical-align: middle; - background-color: #95a5a6; - border-radius: 3px; + filter: invert(0.6); +} + +.dropdown-menu .dropdown-header a:hover .icon { + filter: invert(0.6) invert(77%) sepia(63%) saturate(4993%) hue-rotate(177deg) brightness(88%) contrast(96%); } /*=== Feed articles */ diff --git a/p/themes/Flat/icons/all.svg b/p/themes/Flat/icons/all.svg deleted file mode 100644 index d20e0f5bf..000000000 --- a/p/themes/Flat/icons/all.svg +++ /dev/null @@ -1,32 +0,0 @@ - - - - - - - - image/svg+xml - - Gnome Symbolic Icon Theme - - - - - - - Gnome Symbolic Icon Theme - - - - - - - - - - - - - - - diff --git a/p/themes/Flat/icons/close.svg b/p/themes/Flat/icons/close.svg deleted file mode 100644 index 629fda7ff..000000000 --- a/p/themes/Flat/icons/close.svg +++ /dev/null @@ -1,28 +0,0 @@ - - - - - Gnome Symbolic Icon Theme - - - - image/svg+xml - - Gnome Symbolic Icon Theme - - - - - - - - - - - - - - - - - diff --git a/p/themes/Flat/icons/configure.svg b/p/themes/Flat/icons/configure.svg deleted file mode 100644 index 969c5719f..000000000 --- a/p/themes/Flat/icons/configure.svg +++ /dev/null @@ -1,31 +0,0 @@ - - - - - - - - image/svg+xml - - Gnome Symbolic Icon Theme - - - - - - - Gnome Symbolic Icon Theme - - - - - - - - - - - - - - diff --git a/p/themes/Flat/icons/disabled-light.svg b/p/themes/Flat/icons/disabled-light.svg deleted file mode 100644 index c46f71801..000000000 --- a/p/themes/Flat/icons/disabled-light.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/p/themes/Flat/icons/down.svg b/p/themes/Flat/icons/down.svg deleted file mode 100644 index 31730626f..000000000 --- a/p/themes/Flat/icons/down.svg +++ /dev/null @@ -1,31 +0,0 @@ - - - - - - - - image/svg+xml - - Gnome Symbolic Icon Theme - - - - - - - Gnome Symbolic Icon Theme - - - - - - - - - - - - - - diff --git a/p/themes/Flat/icons/icon.svg b/p/themes/Flat/icons/icon.svg deleted file mode 100644 index 9657d020c..000000000 --- a/p/themes/Flat/icons/icon.svg +++ /dev/null @@ -1,12 +0,0 @@ - - Logo FreshRSS - - - - - - - - - - diff --git a/p/themes/Flat/icons/key.svg b/p/themes/Flat/icons/key.svg deleted file mode 100644 index 77d0218e5..000000000 --- a/p/themes/Flat/icons/key.svg +++ /dev/null @@ -1,7 +0,0 @@ - - - - - - - diff --git a/p/themes/Flat/icons/next.svg b/p/themes/Flat/icons/next.svg deleted file mode 100644 index d75cc40f5..000000000 --- a/p/themes/Flat/icons/next.svg +++ /dev/null @@ -1,31 +0,0 @@ - - - - - - - - image/svg+xml - - Gnome Symbolic Icon Theme - - - - - - - Gnome Symbolic Icon Theme - - - - - - - - - - - - - - diff --git a/p/themes/Flat/icons/prev.svg b/p/themes/Flat/icons/prev.svg deleted file mode 100644 index 9ba03ceb2..000000000 --- a/p/themes/Flat/icons/prev.svg +++ /dev/null @@ -1,31 +0,0 @@ - - - - - - - - image/svg+xml - - Gnome Symbolic Icon Theme - - - - - - - Gnome Symbolic Icon Theme - - - - - - - - - - - - - - diff --git a/p/themes/Flat/icons/up.svg b/p/themes/Flat/icons/up.svg deleted file mode 100644 index 3ab11b168..000000000 --- a/p/themes/Flat/icons/up.svg +++ /dev/null @@ -1,31 +0,0 @@ - - - - - - - - image/svg+xml - - Gnome Symbolic Icon Theme - - - - - - - Gnome Symbolic Icon Theme - - - - - - - - - - - - - - -- cgit v1.2.3