MOBILE-3063 reading: Add link color

crazyserver · crazyserver · commit efd11c1d6cff · 2025-06-11T13:54:04.000+02:00
diff --git a/src/theme/components/reading-mode.scss b/src/theme/components/reading-mode.scss
@@ -12,21 +12,25 @@ body.core-reading-mode-enabled {
     &.core-reading-mode-theme-light {
         --reading-mode-background: #{$background-color};
         --reading-mode-text-color: #{$text-color};
+        --reading-mode-link-color: var(--info);
     }
 
     &.core-reading-mode-theme-dark {
         --reading-mode-background: #{$background-color-dark};
         --reading-mode-text-color: #{$text-color-dark};
+        --reading-mode-link-color: var(--info-tint);
     }
 
     &.core-reading-mode-theme-sepia {
         --reading-mode-background: var(--core-reading-mode-sepia-background);
         --reading-mode-text-color: var(--core-reading-mode-sepia-text-color);
+        --reading-mode-link-color: var(--info);
     }
 
     &.core-reading-mode-theme-hcm {
         --reading-mode-background: #000000;
         --reading-mode-text-color: #ffffff;
+        --reading-mode-link-color: var(--info-tint);
     }
 
     &.core-reading-mode-multimedia-hidden {
@@ -49,6 +53,7 @@ body.core-reading-mode-enabled {
                 --color: var(--reading-mode-text-color, --text-color);
                 --subdued-text-color: var(--text-color);
                 --core-input-text: var(--text-color);
+                --core-link-color: var(--reading-mode-link-color, --core-link-color);
                 color: var(--text-color) !important;
             }
 

Original file line number	Diff line number	Diff line change
`@@ -12,21 +12,25 @@ body.core-reading-mode-enabled {`
`12`	`12`	`&.core-reading-mode-theme-light {`
`13`	`13`	`--reading-mode-background: #{$background-color};`
`14`	`14`	`--reading-mode-text-color: #{$text-color};`
	`15`	`+ --reading-mode-link-color: var(--info);`
`15`	`16`	`}`
`16`	`17`
`17`	`18`	`&.core-reading-mode-theme-dark {`
`18`	`19`	`--reading-mode-background: #{$background-color-dark};`
`19`	`20`	`--reading-mode-text-color: #{$text-color-dark};`
	`21`	`+ --reading-mode-link-color: var(--info-tint);`
`20`	`22`	`}`
`21`	`23`
`22`	`24`	`&.core-reading-mode-theme-sepia {`
`23`	`25`	`--reading-mode-background: var(--core-reading-mode-sepia-background);`
`24`	`26`	`--reading-mode-text-color: var(--core-reading-mode-sepia-text-color);`
	`27`	`+ --reading-mode-link-color: var(--info);`
`25`	`28`	`}`
`26`	`29`
`27`	`30`	`&.core-reading-mode-theme-hcm {`
`28`	`31`	`--reading-mode-background: #000000;`
`29`	`32`	`--reading-mode-text-color: #ffffff;`
	`33`	`+ --reading-mode-link-color: var(--info-tint);`
`30`	`34`	`}`
`31`	`35`
`32`	`36`	`&.core-reading-mode-multimedia-hidden {`
`@@ -49,6 +53,7 @@ body.core-reading-mode-enabled {`
`49`	`53`	`--color: var(--reading-mode-text-color, --text-color);`
`50`	`54`	`--subdued-text-color: var(--text-color);`
`51`	`55`	`--core-input-text: var(--text-color);`
	`56`	`+ --core-link-color: var(--reading-mode-link-color, --core-link-color);`
`52`	`57`	`color: var(--text-color) !important;`
`53`	`58`	`}`
`54`	`59`