Themes fix CSS .as-link (#7526)

* Themes fix CSS .as-link
Add missing rules.
fix https://github.com/FreshRSS/FreshRSS/pull/7489#issuecomment-2781146577

* More fixes

3 files changed, 38 insertions, 19 deletions

diff --git a/p/themes/Swage/swage.css b/p/themes/Swage/swage.css
index 302659e00..1d42e9160 100644
--- a/p/themes/Swage/swage.css
+++ b/p/themes/Swage/swage.css
@@ -269,7 +269,8 @@ form th {
 	background: var(--color-background-nav-darker);
 	color: var(--color-text-light);
 }
-.nav-list .item.active a {
+.nav-list .item.active a,
+.nav-list .item.active .as-link {
 	color: var(--color-text-light);
 }
 .nav-list .item > a,
@@ -283,7 +284,8 @@ form th {
 	padding: 3px;
 	text-align: center;
 }
-.nav-list a:hover {
+.nav-list a:hover,
+.nav-list .as-link:hover {
 	text-decoration: none;
 }
 
@@ -300,12 +302,14 @@ form th {
 	font-weight: bold;
 	color: var(--color-text-light);
 }
-.dropdown-menu .dropdown-header a {
+.dropdown-menu .dropdown-header a,
+.dropdown-menu .dropdown-header .as-link {
 	padding: 0 5px;
 	position: absolute;
 	right: 5px;
 }
-.dropdown-menu .dropdown-header a:hover {
+.dropdown-menu .dropdown-header a:hover,
+.dropdown-menu .dropdown-header .as-link:hover {
 	background-color: var(--color-background-nav);
 }
 .dropdown-menu .dropdown-section .dropdown-section-title {
@@ -314,10 +318,12 @@ form th {
 	font-weight: bold;
 	color: var(--color-text-light);
 }
-.dropdown-menu .dropdown-section .item a {
+.dropdown-menu .dropdown-section .item a,
+.dropdown-menu .dropdown-section .item .as-link {
 	padding: 0 22px;
 }
-.dropdown-menu .dropdown-section .item a:hover {
+.dropdown-menu .dropdown-section .item a:hover,
+.dropdown-menu .dropdown-section .item .as-link:hover {
 	background-color: var(--color-background-nav);
 }
 .dropdown-menu > .item {
@@ -706,7 +712,8 @@ form th {
 	display: none;
 }
 
-.nav a {
+.nav a,
+.nav .as-link {
 	color: var(--color-text-light);
 }
 
diff --git a/p/themes/Swage/swage.rtl.css b/p/themes/Swage/swage.rtl.css
index fd5559149..261c3b197 100644
--- a/p/themes/Swage/swage.rtl.css
+++ b/p/themes/Swage/swage.rtl.css
@@ -269,7 +269,8 @@ form th {
 	background: var(--color-background-nav-darker);
 	color: var(--color-text-light);
 }
-.nav-list .item.active a {
+.nav-list .item.active a,
+.nav-list .item.active .as-link {
 	color: var(--color-text-light);
 }
 .nav-list .item > a,
@@ -283,7 +284,8 @@ form th {
 	padding: 3px;
 	text-align: center;
 }
-.nav-list a:hover {
+.nav-list a:hover,
+.nav-list .as-link:hover {
 	text-decoration: none;
 }
 
@@ -300,12 +302,14 @@ form th {
 	font-weight: bold;
 	color: var(--color-text-light);
 }
-.dropdown-menu .dropdown-header a {
+.dropdown-menu .dropdown-header a,
+.dropdown-menu .dropdown-header .as-link {
 	padding: 0 5px;
 	position: absolute;
 	left: 5px;
 }
-.dropdown-menu .dropdown-header a:hover {
+.dropdown-menu .dropdown-header a:hover,
+.dropdown-menu .dropdown-header .as-link:hover {
 	background-color: var(--color-background-nav);
 }
 .dropdown-menu .dropdown-section .dropdown-section-title {
@@ -314,10 +318,12 @@ form th {
 	font-weight: bold;
 	color: var(--color-text-light);
 }
-.dropdown-menu .dropdown-section .item a {
+.dropdown-menu .dropdown-section .item a,
+.dropdown-menu .dropdown-section .item .as-link {
 	padding: 0 22px;
 }
-.dropdown-menu .dropdown-section .item a:hover {
+.dropdown-menu .dropdown-section .item a:hover,
+.dropdown-menu .dropdown-section .item .as-link:hover {
 	background-color: var(--color-background-nav);
 }
 .dropdown-menu > .item {
@@ -706,7 +712,8 @@ form th {
 	display: none;
 }
 
-.nav a {
+.nav a,
+.nav .as-link {
 	color: var(--color-text-light);
 }
 
diff --git a/p/themes/Swage/swage.scss b/p/themes/Swage/swage.scss
index c6917c0f2..52987664d 100644
--- a/p/themes/Swage/swage.scss
+++ b/p/themes/Swage/swage.scss
@@ -348,7 +348,8 @@ form {
 			background: var(--color-background-nav-darker);
 			color: var(--color-text-light);
 
-			a {
+			a,
+			.as-link {
 				color: var(--color-text-light);
 			}
 		}
@@ -368,7 +369,8 @@ form {
 		text-align: center;
 	}
 
-	a:hover {
+	a:hover,
+	.as-link:hover {
 		text-decoration: none;
 	}
 }
@@ -386,7 +388,8 @@ form {
 		font-weight: bold;
 		color: var(--color-text-light);
 
-		a {
+		a,
+		.as-link {
 			padding: 0 5px;
 			position: absolute;
 			right: 5px;
@@ -406,7 +409,8 @@ form {
 		}
 
 		.item {
-			a {
+			a,
+			.as-link {
 				padding: 0 22px;
 
 				&:hover {
@@ -915,7 +919,8 @@ form {
 }
 
 .nav {
-	a {
+	a,
+	.as-link {
 		color: var(--color-text-light);
 	}
 }