Improved: Origine theme (colors in vars) (#4693)

* wip

* wip

* active btn = darker icon

* wip

* flux font-size

* wip

* mouse hover feed aside bar

* wip

* wip

* wip

* Update origine.css

* wip

* fix

* font-color

* fixes

* wip

* alerts

* alert: more contrast font colors

* notifications

* notification improved font colors

* wip

* wip

* text-shadow

* footer-border

* feed tree: hover icon

* box-shadow

* box-shadow + rename font-color-666

* wip

* wip

* fixes

* header-height

* RTL CSS

* dropdown background color

* improved mobile header

* wip

* fix

* Update frss.rtl.css

* active buttons highlighted

p/themes/base-theme/frss.css

@@ -570,6 +570,7 @@ input[type="checkbox"]:focus-visible {
 }
 
 .horizontal-list .item {
+	padding: 0.5rem 0;
 	display: table-cell;
 	vertical-align: middle;
 }
@@ -1116,7 +1117,7 @@ input[type="search"] {
 	position: relative;
 }
 
-.flux .item {
+.flux .flux_header .item {
 	padding: 0.5rem 0;
 	white-space: nowrap;
 }
@@ -1160,7 +1161,7 @@ a.website:hover .favicon {
 
 .flux .item.thumbnail {
 	line-height: 0;
-	padding: 10px;
+	padding: 0.75rem;
 	height: 80px;
 }
 
@@ -1239,7 +1240,7 @@ a.website:hover .favicon {
 }
 
 .flux_content .bottom .dropdown-toggle .icon {
-	margin-right: 5px;
+	margin-right: 0.25rem;
 }
 
 /*=== Feed article content */
@@ -1248,7 +1249,7 @@ a.website:hover .favicon {
 }
 
 .content {
-	min-height: 20em;
+	min-height: 20rem;
 	margin: auto;
 	line-height: 1.5;
 	word-wrap: break-word;
@@ -1295,7 +1296,8 @@ a.website:hover .favicon {
 
 .content > header .tags .icon,
 .content > footer .tags .icon {
-	padding: 2px 10px 0 0;
+	padding: 0 1rem 0 0;
+	line-height: 1.5;
 }
 
 .content > header .tags .list-tags,
@@ -1308,9 +1310,9 @@ a.website:hover .favicon {
 
 .content > header .tags .list-tags .item.tag,
 .content > footer .tags .list-tags .item.tag {
+	padding: 0 0.75rem 0 0;
 	display: inline-block;
-	padding-right: 0.75em;
-	line-height: normal;
+	line-height: 1.5;
 }
 
 .content > header .tags .list-tags .item.tag a.link-tag,
@@ -1319,14 +1321,14 @@ a.website:hover .favicon {
 }
 
 .content > header h1 {
-	margin: 0.5em 0;
+	margin: 0.5rem 0;
 }
 
 .content .text ul,
 .content .text ol,
 .content .text dd {
-	margin: 0 0 0 15px;
-	padding: 0 0 5px 15px;
+	margin: 0 0 0 1rem;
+	padding: 0 0 0.25rem 1rem;
 }
 
 .content pre {

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

@@ -570,6 +570,7 @@ input[type="checkbox"]:focus-visible {
 }
 
 .horizontal-list .item {
+	padding: 0.5rem 0;
 	display: table-cell;
 	vertical-align: middle;
 }
@@ -1116,7 +1117,7 @@ input[type="search"] {
 	position: relative;
 }
 
-.flux .item {
+.flux .flux_header .item {
 	padding: 0.5rem 0;
 	white-space: nowrap;
 }
@@ -1160,7 +1161,7 @@ a.website:hover .favicon {
 
 .flux .item.thumbnail {
 	line-height: 0;
-	padding: 10px;
+	padding: 0.75rem;
 	height: 80px;
 }
 
@@ -1239,7 +1240,7 @@ a.website:hover .favicon {
 }
 
 .flux_content .bottom .dropdown-toggle .icon {
-	margin-left: 5px;
+	margin-left: 0.25rem;
 }
 
 /*=== Feed article content */
@@ -1248,7 +1249,7 @@ a.website:hover .favicon {
 }
 
 .content {
-	min-height: 20em;
+	min-height: 20rem;
 	margin: auto;
 	line-height: 1.5;
 	word-wrap: break-word;
@@ -1295,7 +1296,8 @@ a.website:hover .favicon {
 
 .content > header .tags .icon,
 .content > footer .tags .icon {
-	padding: 2px 0 0 10px;
+	padding: 0 0 0 1rem;
+	line-height: 1.5;
 }
 
 .content > header .tags .list-tags,
@@ -1308,9 +1310,9 @@ a.website:hover .favicon {
 
 .content > header .tags .list-tags .item.tag,
 .content > footer .tags .list-tags .item.tag {
+	padding: 0 0 0 0.75rem;
 	display: inline-block;
-	padding-left: 0.75em;
-	line-height: normal;
+	line-height: 1.5;
 }
 
 .content > header .tags .list-tags .item.tag a.link-tag,
@@ -1319,14 +1321,14 @@ a.website:hover .favicon {
 }
 
 .content > header h1 {
-	margin: 0.5em 0;
+	margin: 0.5rem 0;
 }
 
 .content .text ul,
 .content .text ol,
 .content .text dd {
-	margin: 0 15px 0 0;
-	padding: 0 15px 5px 0;
+	margin: 0 1rem 0 0;
+	padding: 0 1rem 0.25rem 0;
 }
 
 .content pre {