aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
Diffstat
-rw-r--r--p/themes/Alternative-Dark/adark.css15
-rw-r--r--p/themes/Alternative-Dark/adark.rtl.css15
-rw-r--r--p/themes/Ansum/_list-view.css10
-rw-r--r--p/themes/Ansum/_list-view.rtl.css10
-rw-r--r--p/themes/Flat/flat.css11
-rw-r--r--p/themes/Flat/flat.rtl.css11
-rw-r--r--p/themes/Mapco/_list-view.css10
-rw-r--r--p/themes/Mapco/_list-view.rtl.css10
-rw-r--r--p/themes/Nord/nord.css6
-rw-r--r--p/themes/Nord/nord.rtl.css6
-rw-r--r--p/themes/Origine/origine.css19
-rw-r--r--p/themes/Origine/origine.rtl.css19
-rw-r--r--p/themes/Pafat/pafat.css19
-rw-r--r--p/themes/Pafat/pafat.rtl.css19
-rw-r--r--p/themes/Swage/swage.css16
-rw-r--r--p/themes/Swage/swage.rtl.css16
-rw-r--r--package.json2
17 files changed, 195 insertions, 19 deletions
diff --git a/p/themes/Alternative-Dark/adark.css b/p/themes/Alternative-Dark/adark.css
index 5a4725309..f23245f42 100644
--- a/p/themes/Alternative-Dark/adark.css
+++ b/p/themes/Alternative-Dark/adark.css
@@ -753,7 +753,7 @@ kbd {
}
.flux .flux_header:hover {
- background: var(--background-color-hover) !important;
+ background: var(--background-color-hover);
}
.flux.current {
@@ -801,6 +801,19 @@ kbd {
background: var(--background-color-dark);
}
+/* stylelint-disable-next-line no-duplicate-selectors */
+.flux.current {
+ border-left-width: 5px;
+ border-left-style: double;
+}
+
+.flux.current > .flux_header,
+.flux.not_read.current > .flux_header, .flux.not_read.current > .flux_header:hover,
+.flux.favorite.current > .flux_header, .flux.favorite.current > .flux_header:hover {
+ background: linear-gradient(to right, transparent 0, transparent 3px, var(--background-color-hover) 3px);
+ margin-left: -3px; /* Compensate increased border-left-width */
+}
+
.flux_header {
font-size: 0.8rem;
border-top: 1px solid var(--border-color-dark);
diff --git a/p/themes/Alternative-Dark/adark.rtl.css b/p/themes/Alternative-Dark/adark.rtl.css
index f6ba6dea0..e9b38e2b5 100644
--- a/p/themes/Alternative-Dark/adark.rtl.css
+++ b/p/themes/Alternative-Dark/adark.rtl.css
@@ -753,7 +753,7 @@ kbd {
}
.flux .flux_header:hover {
- background: var(--background-color-hover) !important;
+ background: var(--background-color-hover);
}
.flux.current {
@@ -801,6 +801,19 @@ kbd {
background: var(--background-color-dark);
}
+/* stylelint-disable-next-line no-duplicate-selectors */
+.flux.current {
+ border-right-width: 5px;
+ border-right-style: double;
+}
+
+.flux.current > .flux_header,
+.flux.not_read.current > .flux_header, .flux.not_read.current > .flux_header:hover,
+.flux.favorite.current > .flux_header, .flux.favorite.current > .flux_header:hover {
+ background: linear-gradient(to left, transparent 0, transparent 3px, var(--background-color-hover) 3px);
+ margin-right: -3px; /* Compensate increased border-left-width */
+}
+
.flux_header {
font-size: 0.8rem;
border-top: 1px solid var(--border-color-dark);
diff --git a/p/themes/Ansum/_list-view.css b/p/themes/Ansum/_list-view.css
index 477916601..57cbce410 100644
--- a/p/themes/Ansum/_list-view.css
+++ b/p/themes/Ansum/_list-view.css
@@ -17,11 +17,17 @@
&.current {
background: var(--white);
- border-left-color: var(--main-first);
+ border-left: 2px solid var(--main-first);
+ transition: unset;
&:not(.active) {
background: var(--grey-lighter);
}
+
+ .flux_header {
+ background-color: unset;
+ margin-left: -2px; /* Compensate increased border-left-width */
+ }
}
&.not_read:not(.current) {
@@ -52,8 +58,6 @@
&.favorite {
border-left-color: var(--fav-bg);
-
- transition: all 0.15s ease-in-out;
}
&.favorite:not(.current) {
diff --git a/p/themes/Ansum/_list-view.rtl.css b/p/themes/Ansum/_list-view.rtl.css
index f6beeee10..5253bb696 100644
--- a/p/themes/Ansum/_list-view.rtl.css
+++ b/p/themes/Ansum/_list-view.rtl.css
@@ -17,11 +17,17 @@
&.current {
background: var(--white);
- border-right-color: var(--main-first);
+ border-right: 2px solid var(--main-first);
+ transition: unset;
&:not(.active) {
background: var(--grey-lighter);
}
+
+ .flux_header {
+ background-color: unset;
+ margin-right: -2px; /* Compensate increased border-left-width */
+ }
}
&.not_read:not(.current) {
@@ -52,8 +58,6 @@
&.favorite {
border-right-color: var(--fav-bg);
-
- transition: all 0.15s ease-in-out;
}
&.favorite:not(.current) {
diff --git a/p/themes/Flat/flat.css b/p/themes/Flat/flat.css
index bd02514af..ba2442fb8 100644
--- a/p/themes/Flat/flat.css
+++ b/p/themes/Flat/flat.css
@@ -737,6 +737,17 @@ th {
text-align: center;
}
+/* stylelint-disable-next-line no-duplicate-selectors */
+.flux.current {
+ border-left-width: 5px;
+ border-left-style: double;
+}
+
+.flux.current > .flux_header {
+ background: linear-gradient(to right, transparent 0, transparent 3px, #fff 3px);
+ margin-left: -3px; /* Compensate increased border-left-width */
+}
+
/*=== Content of feed articles */
.content {
padding: 20px 10px;
diff --git a/p/themes/Flat/flat.rtl.css b/p/themes/Flat/flat.rtl.css
index 5a4537fcb..a32517a6d 100644
--- a/p/themes/Flat/flat.rtl.css
+++ b/p/themes/Flat/flat.rtl.css
@@ -737,6 +737,17 @@ th {
text-align: center;
}
+/* stylelint-disable-next-line no-duplicate-selectors */
+.flux.current {
+ border-right-width: 5px;
+ border-right-style: double;
+}
+
+.flux.current > .flux_header {
+ background: linear-gradient(to left, transparent 0, transparent 3px, #fff 3px);
+ margin-right: -3px; /* Compensate increased border-left-width */
+}
+
/*=== Content of feed articles */
.content {
padding: 20px 10px;
diff --git a/p/themes/Mapco/_list-view.css b/p/themes/Mapco/_list-view.css
index 2d69e0e24..a491a2a18 100644
--- a/p/themes/Mapco/_list-view.css
+++ b/p/themes/Mapco/_list-view.css
@@ -16,7 +16,13 @@
&.current {
background: var(--grey-lighter);
- border-left-color: var(--main-first);
+ border-left: 2px solid var(--main-first);
+ transition: unset;
+
+ .flux_header {
+ background-color: unset;
+ margin-left: -2px; /* Compensate increased border-left-width */
+ }
}
&.not_read:not(.current) {
@@ -48,8 +54,6 @@
&.favorite {
border-left-color: var(--fav-bg);
-
- transition: all 0.15s ease-in-out;
}
&.favorite:not(.current) {
diff --git a/p/themes/Mapco/_list-view.rtl.css b/p/themes/Mapco/_list-view.rtl.css
index 27388479a..8e043e347 100644
--- a/p/themes/Mapco/_list-view.rtl.css
+++ b/p/themes/Mapco/_list-view.rtl.css
@@ -16,7 +16,13 @@
&.current {
background: var(--grey-lighter);
- border-right-color: var(--main-first);
+ border-right: 2px solid var(--main-first);
+ transition: unset;
+
+ .flux_header {
+ background-color: unset;
+ margin-right: -2px; /* Compensate increased border-left-width */
+ }
}
&.not_read:not(.current) {
@@ -48,8 +54,6 @@
&.favorite {
border-right-color: var(--fav-bg);
-
- transition: all 0.15s ease-in-out;
}
&.favorite:not(.current) {
diff --git a/p/themes/Nord/nord.css b/p/themes/Nord/nord.css
index 47769c786..7419de8ea 100644
--- a/p/themes/Nord/nord.css
+++ b/p/themes/Nord/nord.css
@@ -809,6 +809,12 @@ li.item.active {
.flux.current {
background: var(--accent-bg);
+ border-left: 1px solid var(--highlight);
+}
+
+.flux.current > .flux_header {
+ background: linear-gradient(to right, transparent 0, transparent 1px, var(--accent-bg) 1px);
+ margin-left: -1px; /* Compensate increased border-left-width */
}
.flux:not(.current):hover .item .title {
diff --git a/p/themes/Nord/nord.rtl.css b/p/themes/Nord/nord.rtl.css
index 5820aebdc..9b3232c79 100644
--- a/p/themes/Nord/nord.rtl.css
+++ b/p/themes/Nord/nord.rtl.css
@@ -809,6 +809,12 @@ li.item.active {
.flux.current {
background: var(--accent-bg);
+ border-right: 1px solid var(--highlight);
+}
+
+.flux.current > .flux_header {
+ background: linear-gradient(to left, transparent 0, transparent 1px, var(--accent-bg) 1px);
+ margin-right: -1px; /* Compensate increased border-left-width */
}
.flux:not(.current):hover .item .title {
diff --git a/p/themes/Origine/origine.css b/p/themes/Origine/origine.css
index 6bb083e3f..94474d640 100644
--- a/p/themes/Origine/origine.css
+++ b/p/themes/Origine/origine.css
@@ -886,6 +886,25 @@ button:hover .icon,
background-color: var(--favorite-article-background-color-hover);
}
+/* stylelint-disable-next-line no-duplicate-selectors */
+.flux.current {
+ border-left-width: 5px;
+ border-left-style: double;
+}
+
+.flux.current > .flux_header {
+ background: linear-gradient(to right, transparent 0, transparent 3px, var(--background-color-hover) 3px);
+ margin-left: -3px; /* Compensate increased border-left-width */
+}
+
+.flux.not_read.current > .flux_header, .flux.not_read.current > .flux_header:hover {
+ background: linear-gradient(to right, transparent 0, transparent 3px, var(--unread-article-background-color-hover) 3px);
+}
+
+.flux.favorite.current > .flux_header, .flux.favorite.current > .flux_header:hover {
+ background: linear-gradient(to right, transparent 0, transparent 3px, var(--favorite-article-background-color-hover) 3px);
+}
+
.flux_header {
font-size: 0.9rem;
border-top: 1px solid var(--border-color);
diff --git a/p/themes/Origine/origine.rtl.css b/p/themes/Origine/origine.rtl.css
index a2b82b987..d2beb6189 100644
--- a/p/themes/Origine/origine.rtl.css
+++ b/p/themes/Origine/origine.rtl.css
@@ -886,6 +886,25 @@ button:hover .icon,
background-color: var(--favorite-article-background-color-hover);
}
+/* stylelint-disable-next-line no-duplicate-selectors */
+.flux.current {
+ border-right-width: 5px;
+ border-right-style: double;
+}
+
+.flux.current > .flux_header {
+ background: linear-gradient(to left, transparent 0, transparent 3px, var(--background-color-hover) 3px);
+ margin-right: -3px; /* Compensate increased border-left-width */
+}
+
+.flux.not_read.current > .flux_header, .flux.not_read.current > .flux_header:hover {
+ background: linear-gradient(to left, transparent 0, transparent 3px, var(--unread-article-background-color-hover) 3px);
+}
+
+.flux.favorite.current > .flux_header, .flux.favorite.current > .flux_header:hover {
+ background: linear-gradient(to left, transparent 0, transparent 3px, var(--favorite-article-background-color-hover) 3px);
+}
+
.flux_header {
font-size: 0.9rem;
border-top: 1px solid var(--border-color);
diff --git a/p/themes/Pafat/pafat.css b/p/themes/Pafat/pafat.css
index ab9d5d1cd..cdc131e99 100644
--- a/p/themes/Pafat/pafat.css
+++ b/p/themes/Pafat/pafat.css
@@ -834,6 +834,25 @@ a.signin {
background-color: var(--background-color-favorite-hover);
}
+/* stylelint-disable-next-line no-duplicate-selectors */
+.flux.current {
+ border-left-width: 5px;
+ border-left-style: double;
+}
+
+.flux.current > .flux_header {
+ background: linear-gradient(to right, transparent 0, transparent 3px, var(--background-color-hover) 3px);
+ margin-left: -3px; /* Compensate increased border-left-width */
+}
+
+.flux.not_read.current > .flux_header, .flux.not_read.current > .flux_header:hover {
+ background: linear-gradient(to right, transparent 0, transparent 3px, var(--unread-article-background-color-hover) 3px);
+}
+
+.flux.favorite.current > .flux_header, .flux.favorite.current > .flux_header:hover {
+ background: linear-gradient(to right, transparent 0, transparent 3px, var(--favorite-article-background-color-hover) 3px);
+}
+
.flux_header {
font-size: 0.8rem;
border-top: 1px solid var(--border-color-grey-light);
diff --git a/p/themes/Pafat/pafat.rtl.css b/p/themes/Pafat/pafat.rtl.css
index 8f1de3b89..9a8d2c95c 100644
--- a/p/themes/Pafat/pafat.rtl.css
+++ b/p/themes/Pafat/pafat.rtl.css
@@ -834,6 +834,25 @@ a.signin {
background-color: var(--background-color-favorite-hover);
}
+/* stylelint-disable-next-line no-duplicate-selectors */
+.flux.current {
+ border-right-width: 5px;
+ border-right-style: double;
+}
+
+.flux.current > .flux_header {
+ background: linear-gradient(to left, transparent 0, transparent 3px, var(--background-color-hover) 3px);
+ margin-right: -3px; /* Compensate increased border-left-width */
+}
+
+.flux.not_read.current > .flux_header, .flux.not_read.current > .flux_header:hover {
+ background: linear-gradient(to left, transparent 0, transparent 3px, var(--unread-article-background-color-hover) 3px);
+}
+
+.flux.favorite.current > .flux_header, .flux.favorite.current > .flux_header:hover {
+ background: linear-gradient(to left, transparent 0, transparent 3px, var(--favorite-article-background-color-hover) 3px);
+}
+
.flux_header {
font-size: 0.8rem;
border-top: 1px solid var(--border-color-grey-light);
diff --git a/p/themes/Swage/swage.css b/p/themes/Swage/swage.css
index 4d03c5955..592f49167 100644
--- a/p/themes/Swage/swage.css
+++ b/p/themes/Swage/swage.css
@@ -995,8 +995,7 @@ main.post .drop-section li.item.feed a:hover .icon {
clear: both;
}
- .flux_header:hover,
- .current {
+ .flux_header:hover {
background-color: var(--color-background-hover);
&:not(.current):hover .item .title {
@@ -1004,6 +1003,19 @@ main.post .drop-section li.item.feed a:hover .icon {
}
}
+ &.current {
+ border-left: 2px solid var(--color-background-alert-darker);
+
+ .flux_header {
+ background-color: unset;
+ margin-left: -2px; /* Compensate increased border-left-width */
+ }
+
+ .flux_header:hover {
+ background: linear-gradient(to right, transparent 0, transparent 2px, var(--color-background-hover) 2px);
+ }
+ }
+
&.favorite:not(.current) {
background-color: var(--color-background-stared);
diff --git a/p/themes/Swage/swage.rtl.css b/p/themes/Swage/swage.rtl.css
index f6b55232a..345622b82 100644
--- a/p/themes/Swage/swage.rtl.css
+++ b/p/themes/Swage/swage.rtl.css
@@ -995,8 +995,7 @@ main.post .drop-section li.item.feed a:hover .icon {
clear: both;
}
- .flux_header:hover,
- .current {
+ .flux_header:hover {
background-color: var(--color-background-hover);
&:not(.current):hover .item .title {
@@ -1004,6 +1003,19 @@ main.post .drop-section li.item.feed a:hover .icon {
}
}
+ &.current {
+ border-right: 2px solid var(--color-background-alert-darker);
+
+ .flux_header {
+ background-color: unset;
+ margin-right: -2px; /* Compensate increased border-left-width */
+ }
+
+ .flux_header:hover {
+ background: linear-gradient(to left, transparent 0, transparent 2px, var(--color-background-hover) 2px);
+ }
+ }
+
&.favorite:not(.current) {
background-color: var(--color-background-stared);
diff --git a/package.json b/package.json
index 0a8b27f94..e312e7c30 100644
--- a/package.json
+++ b/package.json
@@ -31,7 +31,7 @@
"stylelint": "stylelint '**/*.css'",
"stylelint_fix": "stylelint --fix '**/*.css'",
"test": "npm run eslint && npm run stylelint && npm run markdownlint",
- "fix": "npm run rtlcss && npm run stylelint_fix && npm run eslint_fix && npm run markdownlint_fix"
+ "fix": "npm run eslint_fix && npm run stylelint_fix && npm run rtlcss && npm run markdownlint_fix"
},
"devDependencies": {
"eslint": "^9.39.0",
generated by cgit v1.2.3 (git 2.39.1) at 2026-02-10 07:08:55 +0000