* fonts-ui: use system font family instead of segoe, etc. by name

 * disable segoe-specific baseline hack for the time being

1 files changed, 13 insertions, 14 deletions

diff --git a/themes/night.css b/themes/night.css
index b4a8aa753..f5e23e59a 100644
--- a/themes/night.css
+++ b/themes/night.css
@@ -69,7 +69,7 @@ body.ttrss_main .post .header .title {
   font-size: 15px;
   font-weight: 600;
   text-rendering: optimizelegibility;
-  font-family: "Segoe WP Semibold", "Segoe UI Semibold", "Segoe UI Web Semibold", "Segoe UI", Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-family: system-ui, "Helvetica Neue", Helvetica, Arial, sans-serif;
 }
 body.ttrss_main .post div.content {
   padding: 10px;
@@ -290,7 +290,7 @@ body.ttrss_main .hl .updated div {
 body.ttrss_main .hl div.title a {
   font-weight: 600;
   text-rendering: optimizelegibility;
-  font-family: "Segoe UI", Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-family: system-ui, "Helvetica Neue", Helvetica, Arial, sans-serif;
   color: #555;
 }
 body.ttrss_main .hl a.title.high,
@@ -411,7 +411,7 @@ body.ttrss_main .dijitDialog .dlgSecHoriz {
   font-size: 16px;
   font-weight: 600;
   color: #ccc;
-  font-family: "Segoe WP Semibold", "Segoe UI Semibold", "Segoe UI Web Semibold", "Segoe UI", Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-family: system-ui, "Helvetica Neue", Helvetica, Arial, sans-serif;
 }
 body.ttrss_main .dijitDialog section,
 body.ttrss_main .dijitDialog .dlgSecCont {
@@ -515,7 +515,7 @@ body.ttrss_main #feeds-holder #feedTree {
   height: 100%;
   overflow-x: hidden;
   text-rendering: optimizelegibility;
-  font-family: "Segoe UI", Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-family: system-ui, "Helvetica Neue", Helvetica, Arial, sans-serif;
 }
 body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow {
   border: 1px solid transparent;
@@ -575,7 +575,6 @@ body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow .dijitTreeL
   overflow: hidden;
   text-overflow: ellipsis;
   position: relative;
-  top: -0.5px;
 }
 body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow .dijitTreeLabel.Unread {
   font-weight: bold;
@@ -1354,7 +1353,7 @@ body.ttrss_utility hr {
   font-weight: 600;
   transition: color 0.2s, background 0.2s;
   text-rendering: optimizelegibility;
-  font-family: "Segoe WP Semibold", "Segoe UI Semibold", "Segoe UI Web Semibold", "Segoe UI", Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-family: system-ui, "Helvetica Neue", Helvetica, Arial, sans-serif;
 }
 .cdm.expanded.active .content,
 .cdm.expanded.Unread .content {
@@ -1447,7 +1446,7 @@ body.ttrss_utility hr {
   font-size: 14px;
   transition: color 0.2s, background 0.2s;
   text-rendering: optimizelegibility;
-  font-family: "Segoe WP Semibold", "Segoe UI Semibold", "Segoe UI Web Semibold", "Segoe UI", Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-family: system-ui, "Helvetica Neue", Helvetica, Arial, sans-serif;
 }
 .cdm.expandable.Unread div.header a.title {
   color: black;
@@ -1464,7 +1463,7 @@ body.ttrss_utility hr {
   font-size: 16px;
   font-weight: 600;
   text-rendering: optimizelegibility;
-  font-family: "Segoe WP Semibold", "Segoe UI Semibold", "Segoe UI Web Semibold", "Segoe UI", Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-family: system-ui, "Helvetica Neue", Helvetica, Arial, sans-serif;
 }
 .cdm.expandable:not(.active) {
   cursor: pointer;
@@ -1491,7 +1490,7 @@ body.ttrss_prefs h1,
 body.ttrss_prefs h2,
 body.ttrss_prefs h3,
 body.ttrss_prefs h4 {
-  font-family: "Segoe WP Semibold", "Segoe UI Semibold", "Segoe UI Web Semibold", "Segoe UI", Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-family: system-ui, "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-weight: 600;
   color: #ccc;
 }
@@ -1758,7 +1757,7 @@ body.ttrss_utility fieldset > label.checkbox {
 }
 .flat .dijitToolbar {
   font-size: 13px;
-  font-family: "Segoe UI", Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-family: system-ui, "Helvetica Neue", Helvetica, Arial, sans-serif;
   padding: 0;
 }
 .flat .dijitToolbar .dijitTextBox .dijitInputContainer .dijitInputInner {
@@ -1782,7 +1781,7 @@ body.ttrss_utility fieldset > label.checkbox {
 .flat .dijitMenu .dijitMenuItem .dijitMenuItemLabel {
   padding: 4px 8px;
   font-size: 13px;
-  font-family: "Segoe UI", Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-family: system-ui, "Helvetica Neue", Helvetica, Arial, sans-serif;
 }
 .flat .dijitMenu .dijitMenuItem.dijitDisabled:not(.dijitMenuItemSelected) .dijitMenuItemLabel {
   color: #d29745;
@@ -1800,7 +1799,7 @@ body.ttrss_utility fieldset > label.checkbox {
 }
 .flat .dijitTab,
 .flat .dijitAccordionTitle {
-  font-family: "Segoe UI", Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-family: system-ui, "Helvetica Neue", Helvetica, Arial, sans-serif;
 }
 .flat .dijitTab i.material-icons,
 .flat .dijitAccordionInnerContainer:not(.dijitSelected) i.material-icons {
@@ -1942,7 +1941,7 @@ body.ttrss_utility .content h2,
 body.ttrss_utility .content h3,
 body.ttrss_utility .content h4 {
   color: #b87d2c;
-  font-family: "Segoe WP Semibold", "Segoe UI Semibold", "Segoe UI Web Semibold", "Segoe UI", Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-family: system-ui, "Helvetica Neue", Helvetica, Arial, sans-serif;
 }
 body.ttrss_utility .content h2 {
   font-size: 18px;
@@ -1961,7 +1960,7 @@ body.ttrss_utility a:focus {
 }
 body.ttrss_utility h1 {
   color: gray;
-  font-family: "Segoe WP Semibold", "Segoe UI Semibold", "Segoe UI Web Semibold", "Segoe UI", Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-family: system-ui, "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-size: 18px;
   margin: 10px 0 0 0;
 }