Improved: Feed aside bar more improvements (#6746)

* fix background color of category toggler

* nord theme

* adark theme

* dark pink theme

p/themes/Alternative-Dark/adark.css

@@ -503,6 +503,14 @@ kbd {
 	filter: brightness(2);
 }
 
+.tree-folder-title:hover button.dropdown-toggle .icon {
+	filter: inherit;
+}
+
+.tree-folder-title button.dropdown-toggle:hover .icon {
+	filter: brightness(2);
+}
+
 .tree-folder-title .title {
 	background: inherit;
 	color: var(--font-color-middle);
@@ -604,6 +612,11 @@ kbd {
 	color: var(--font-color-light);
 }
 
+.aside_feed .tree-folder-title button.dropdown-toggle {
+	margin: -0.75rem 0 -0.75rem -0.75rem;
+	padding: 0.75rem 0 0.75rem 0.75rem;
+}
+
 /*=== Aside main page (feeds) */
 .feed.item.empty.active,
 .feed.item.empty.active > a {

p/themes/Alternative-Dark/adark.rtl.css

@@ -503,6 +503,14 @@ kbd {
 	filter: brightness(2);
 }
 
+.tree-folder-title:hover button.dropdown-toggle .icon {
+	filter: inherit;
+}
+
+.tree-folder-title button.dropdown-toggle:hover .icon {
+	filter: brightness(2);
+}
+
 .tree-folder-title .title {
 	background: inherit;
 	color: var(--font-color-middle);
@@ -604,6 +612,11 @@ kbd {
 	color: var(--font-color-light);
 }
 
+.aside_feed .tree-folder-title button.dropdown-toggle {
+	margin: -0.75rem -0.75rem -0.75rem 0;
+	padding: 0.75rem 0.75rem 0.75rem 0;
+}
+
 /*=== Aside main page (feeds) */
 .feed.item.empty.active,
 .feed.item.empty.active > a {

p/themes/Dark-pink/pinkdark.css

@@ -31,6 +31,14 @@
 	color: #ffb6c1;
 }
 
+.tree-folder-title:hover button.dropdown-toggle .icon {
+	filter: sepia(21%) brightness(44%) hue-rotate(112deg) saturate(1000%) contrast(132%) invert(100%);
+}
+
+.tree-folder-title button.dropdown-toggle:hover .icon {
+	filter: sepia(21%) brightness(94%) hue-rotate(112deg) saturate(1000%) contrast(132%) invert(100%)
+}
+
 .aside_feed .tree-folder-items .item .dropdown-target:target ~ .dropdown-toggle > .icon,
 .aside_feed .tree-folder-items .item.active .dropdown-toggle > .icon {
 	background-color: #000;

p/themes/Dark-pink/pinkdark.rtl.css

@@ -31,6 +31,14 @@
 	color: #ffb6c1;
 }
 
+.tree-folder-title:hover button.dropdown-toggle .icon {
+	filter: sepia(21%) brightness(44%) hue-rotate(112deg) saturate(1000%) contrast(132%) invert(100%);
+}
+
+.tree-folder-title button.dropdown-toggle:hover .icon {
+	filter: sepia(21%) brightness(94%) hue-rotate(112deg) saturate(1000%) contrast(132%) invert(100%)
+}
+
 .aside_feed .tree-folder-items .item .dropdown-target:target ~ .dropdown-toggle > .icon,
 .aside_feed .tree-folder-items .item.active .dropdown-toggle > .icon {
 	background-color: #000;

p/themes/Nord/nord.css

@@ -559,6 +559,14 @@ img.favicon {
 	background: inherit;
 }
 
+.tree-folder-title:hover button.dropdown-toggle .icon {
+	filter: invert(74%) sepia(29%) saturate(411%) hue-rotate(171deg) brightness(130%) contrast(85%);
+}
+
+.tree-folder-title button.dropdown-toggle:hover .icon {
+	filter: invert(86%) sepia(8%) saturate(1976%) hue-rotate(159deg) brightness(180%) contrast(100%);
+}
+
 .tree-folder.category {
 	border-bottom: 1px solid var(--main-background);
 }
@@ -680,6 +688,11 @@ img.favicon {
 	right: 33px;
 }
 
+.aside_feed .tree-folder-title button.dropdown-toggle {
+	margin: -0.5rem 0 -0.5rem -0.75rem;
+	padding: 0.5rem 0 0.5rem 0.75rem;
+}
+
 .aside_feed .tree-folder-items .item .dropdown-target:target ~ .dropdown-toggle > .icon,
 .aside_feed .tree-folder-items .item:hover .dropdown-toggle > .icon,
 .aside_feed .tree-folder-items .item.active .dropdown-toggle > .icon {

p/themes/Nord/nord.rtl.css

@@ -559,6 +559,14 @@ img.favicon {
 	background: inherit;
 }
 
+.tree-folder-title:hover button.dropdown-toggle .icon {
+	filter: invert(74%) sepia(29%) saturate(411%) hue-rotate(171deg) brightness(130%) contrast(85%);
+}
+
+.tree-folder-title button.dropdown-toggle:hover .icon {
+	filter: invert(86%) sepia(8%) saturate(1976%) hue-rotate(159deg) brightness(180%) contrast(100%);
+}
+
 .tree-folder.category {
 	border-bottom: 1px solid var(--main-background);
 }
@@ -680,6 +688,11 @@ img.favicon {
 	left: 33px;
 }
 
+.aside_feed .tree-folder-title button.dropdown-toggle {
+	margin: -0.5rem -0.75rem -0.5rem 0;
+	padding: 0.5rem 0.75rem 0.5rem 0;
+}
+
 .aside_feed .tree-folder-items .item .dropdown-target:target ~ .dropdown-toggle > .icon,
 .aside_feed .tree-folder-items .item:hover .dropdown-toggle > .icon,
 .aside_feed .tree-folder-items .item.active .dropdown-toggle > .icon {

p/themes/base-theme/frss.css

@@ -1173,7 +1173,7 @@ input[type="search"] {
 .aside_feed .tree-folder-title button.dropdown-toggle {
 	padding: 0;
 	border: 0;
-	background-color: inherit;
+	background-color: transparent;
 	cursor: pointer;
 }
 

p/themes/base-theme/frss.rtl.css

@@ -1173,7 +1173,7 @@ input[type="search"] {
 .aside_feed .tree-folder-title button.dropdown-toggle {
 	padding: 0;
 	border: 0;
-	background-color: inherit;
+	background-color: transparent;
 	cursor: pointer;
 }