Procházet zdrojové kódy

move darkMode_auto from body to html root (#5397)

maTh před 2 roky
rodič
revize
cd004cb978

+ 5 - 3
app/layout/layout.phtml

@@ -4,10 +4,12 @@
 ?>
 <!DOCTYPE html>
 <html lang="<?= FreshRSS_Context::$user_conf->language ?>" xml:lang="<?= FreshRSS_Context::$user_conf->language ?>"<?php
+$class = '';
 if (_t('gen.dir') === 'rtl') {
-	echo ' dir="rtl" class="rtl"';
+	echo ' dir="rtl"';
+	$class = 'rtl ';
 }
-?>>
+?> class="<?= $class ?><?= (FreshRSS_Context::$user_conf->darkMode === 'no') ? '' : 'darkMode_' . FreshRSS_Context::$user_conf->darkMode ?>">
 	<head>
 		<meta charset="UTF-8" />
 		<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
@@ -53,7 +55,7 @@ if (_t('gen.dir') === 'rtl') {
 		<meta name="robots" content="noindex,nofollow" />
 <?php } ?>
 	</head>
-	<body class="<?= Minz_Request::actionName() ?><?= (FreshRSS_Context::$user_conf->darkMode === 'no') ? '' : ' darkMode_' . FreshRSS_Context::$user_conf->darkMode ?>">
+	<body class="<?= Minz_Request::actionName() ?>">
 <?php
 	if (!Minz_Request::paramBoolean('ajax')) {
 		flush();

+ 1 - 1
p/themes/Origine/origine.css

@@ -1182,7 +1182,7 @@ a.btn-attention:hover {
 }
 
 @media screen and (prefers-color-scheme: dark) {
-	:root .darkMode_auto {
+	:root.darkMode_auto {
 		--frss-background-color: #000;
 		--frss-background-color-middle: #222;
 		--frss-border-color: #444;

+ 1 - 1
p/themes/Origine/origine.rtl.css

@@ -1182,7 +1182,7 @@ a.btn-attention:hover {
 }
 
 @media screen and (prefers-color-scheme: dark) {
-	:root .darkMode_auto {
+	:root.darkMode_auto {
 		--frss-background-color: #000;
 		--frss-background-color-middle: #222;
 		--frss-border-color: #444;