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 @@
-
-
-
-
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 @@
-
-
-
-
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 @@
-
-
-
-
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 @@
-
-
-
-
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 @@
-
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 @@
-
-
-
-
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 @@
-
-
-
-
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 @@
-
-
-
-