@gjsify/adwaita-nativescript 0.64.20 → 0.64.22

package/src/theme/adwaita.css

@@ -48,7 +48,7 @@ Page.adw-window {
 }
 
 .adw-preferences-group-title {
-    font-size: 11;
+    font-size: 14.67;
     font-weight: 700;
     color: rgba(0, 0, 0, 0.55);
     margin: 0;
@@ -61,7 +61,7 @@ Page.adw-window {
  * — the labels box carries nothing else, and the NS subset has no property for a
  * spacing, so the gap rides on the second child. It was 2. */
 .adw-preferences-group-description {
-    font-size: 12;
+    font-size: 14.67;
     color: rgba(0, 0, 0, 0.55);
     margin: 6 0 0 0;
 }
@@ -187,13 +187,13 @@ Page.adw-window {
 }
 
 .adw-row-title {
-    font-size: 15;
+    font-size: 14.67;
     color: rgba(0, 0, 0, 0.8);
     margin: 0;
 }
 
 .adw-row-subtitle {
-    font-size: 13;
+    font-size: 12.22;
     color: rgba(0, 0, 0, 0.55);
     margin: 2 0 0 0;
 }
@@ -205,8 +205,11 @@ Page.adw-window {
 
 /* ===== Switch ===== */
 
+/* NativeScript tints the thumb with `color` and the track with `background-color`, so the
+ * accent goes on the track (as in libadwaita) and the thumb stays white. */
 .adw-switch {
-    color: #3584e4;
+    color: #ffffff;
+    background-color: #3584e4;
 }
 
 /* NativeScript's `color` tints the thumb in BOTH states, so an off switch kept its
@@ -215,6 +218,7 @@ Page.adw-window {
  * row (the Android thumb overhangs the track), so it is a mid grey. */
 .adw-switch.off {
     color: #9a9996;
+    background-color: #deddda;
 }
 
 /* ===== Preferences page (ScrollView wrapper) ===== */
@@ -232,7 +236,7 @@ Page.adw-window {
 
 /* The title shrinks to a small dim floating label above the field. */
 .adw-entry-title {
-    font-size: 12;
+    font-size: 12.22;
     color: rgba(0, 0, 0, 0.55);
     margin: 0;
 }
@@ -244,7 +248,7 @@ Page.adw-window {
  * they are restated here so the rule is readable from the stylesheet.) */
 .adw-entry-field,
 .adw-entry-input {
-    font-size: 15;
+    font-size: 14.67;
     color: rgba(0, 0, 0, 0.8);
     background-color: transparent;
     /* No Material underline — no Adwaita entry has a field border. */
@@ -338,7 +342,7 @@ Page.adw-window {
 }
 
 .adw-combo-value {
-    font-size: 15;
+    font-size: 14.67;
     color: rgba(0, 0, 0, 0.55);
     margin: 0 4 0 0;
 }
@@ -369,7 +373,7 @@ Page.adw-window {
 /* `button { font-weight: bold }` (_buttons.scss:24). The label carries the
  * colour because NS does not inherit `color` to a child Label. */
 .adw-drop-down-label {
-    font-size: 15;
+    font-size: 14.67;
     font-weight: 700;
     color: rgba(0, 0, 0, 0.8);
     vertical-align: center;
@@ -413,7 +417,7 @@ Page.adw-window {
 }
 
 .adw-spin-value {
-    font-size: 15;
+    font-size: 14.67;
     color: rgba(0, 0, 0, 0.8);
     margin: 0 6 0 4;
     vertical-align: center;
@@ -438,13 +442,13 @@ Page.adw-window {
 }
 
 .adw-slider-title {
-    font-size: 15;
+    font-size: 14.67;
     color: rgba(0, 0, 0, 0.8);
     margin: 0;
 }
 
 .adw-slider-value {
-    font-size: 15;
+    font-size: 14.67;
     color: rgba(0, 0, 0, 0.55);
     margin: 0;
 }
@@ -659,7 +663,7 @@ Page.adw-window {
  * text button has neither, and one selector for both would give every text button
  * `image-text-button` spacing. */
 .adw-button-label {
-    font-size: 15;
+    font-size: 14.67;
     font-weight: 700;
     color: rgba(0, 0, 0, 0.8);
 }
@@ -754,7 +758,7 @@ Page.adw-window {
 }
 
 .adw-banner-title {
-    font-size: 15;
+    font-size: 14.67;
     color: rgba(0, 0, 0, 0.8);
     margin: 0;
 }
@@ -800,14 +804,14 @@ Page.adw-window {
 }
 
 .adw-window-title-title {
-    font-size: 15;
+    font-size: 14.67;
     font-weight: 700;
     color: rgba(0, 0, 0, 0.8);
     margin: 0;
 }
 
 .adw-window-title-subtitle {
-    font-size: 12;
+    font-size: 12.22;
     color: rgba(0, 0, 0, 0.55);
     margin: 0;
 }
@@ -973,7 +977,7 @@ Page.adw-window {
 /* AdwIndicatorBin's badge — the unread count, or (with .needs-attention and no
  * count) a bare dot. Reference: refs/libadwaita/src/adw-indicator-bin.c */
 .adw-viewswitcherbar-button-badge {
-    font-size: 10;
+    font-size: 8.8;
     font-weight: 700;
     color: #ffffff;
     background-color: #3584e4;
@@ -1015,7 +1019,7 @@ Page.adw-window {
  * --spacing-s / --spacing-m, 9 and 12). Single-line is set on the widget: a
  * wrapped figure column stops being a column of figures. */
 .adw-data-grid-cell {
-    font-size: 15;
+    font-size: 14.67;
     color: rgba(0, 0, 0, 0.8);
     padding: 9 12 9 12;
     vertical-align: center;
@@ -1056,7 +1060,7 @@ Page.adw-window {
 }
 
 .adw-data-grid-cell.header-cell {
-    font-size: 12;
+    font-size: 14.67;
     font-weight: 700;
     color: rgba(0, 0, 0, 0.55);
 }
@@ -1145,14 +1149,14 @@ Page.adw-window {
 }
 
 .adw-status-page-title {
-    font-size: 20;
+    font-size: 26.55;
     font-weight: 700;
     color: rgba(0, 0, 0, 0.8);
     margin: 0 0 6 0;
 }
 
 .adw-status-page-description {
-    font-size: 14;
+    font-size: 14.67;
     color: rgba(0, 0, 0, 0.55);
     margin: 0;
 }
@@ -1167,7 +1171,7 @@ Page.adw-window {
 }
 
 .adw-status-page.compact .adw-status-page-title {
-    font-size: 15;
+    font-size: 19.95;
 }
 
 /* ===== Button row (full-width tappable row) ===== */
@@ -1181,7 +1185,7 @@ Page.adw-window {
 }
 
 .adw-button-row-title {
-    font-size: 15;
+    font-size: 14.67;
     font-weight: 700;
     color: #3584e4;
     margin: 0;
@@ -1234,7 +1238,7 @@ Page.adw-window {
 }
 
 .adw-button-content-label {
-    font-size: 15;
+    font-size: 14.67;
     font-weight: 700;
     color: rgba(0, 0, 0, 0.8);
     margin: 0;
@@ -1262,7 +1266,7 @@ Page.adw-window {
 }
 
 .adw-split-button-label {
-    font-size: 15;
+    font-size: 14.67;
     font-weight: 700;
     color: rgba(0, 0, 0, 0.8);
     vertical-align: center;
@@ -1321,7 +1325,7 @@ Page.adw-window {
 }
 
 .adw-toggle-label {
-    font-size: 14;
+    font-size: 14.67;
     font-weight: 700;
     color: rgba(0, 0, 0, 0.8);
     vertical-align: center;
@@ -1391,7 +1395,7 @@ Page.adw-window {
 
 /* AdwIndicatorBin's badge on the classic switcher's buttons. */
 .adw-view-switcher-button-badge {
-    font-size: 10;
+    font-size: 8.8;
     font-weight: 700;
     color: #ffffff;
     background-color: #3584e4;
@@ -1445,7 +1449,7 @@ Page.adw-window {
 
 /* AdwIndicatorBin's badge on the inline switcher's toggles. */
 .adw-inline-view-switcher-button-badge {
-    font-size: 10;
+    font-size: 8.8;
     font-weight: 700;
     color: #ffffff;
     background-color: #3584e4;
@@ -1628,7 +1632,7 @@ Page.adw-window {
 }
 
 .adw-sidebar-row-title {
-    font-size: 15;
+    font-size: 14.67;
     color: rgba(0, 0, 0, 0.8);
     margin: 0;
 }
@@ -1711,7 +1715,7 @@ Page.adw-window {
 }
 
 .adw-check-label {
-    font-size: 15;
+    font-size: 14.67;
     color: rgba(0, 0, 0, 0.8);
 }
 
@@ -1755,7 +1759,7 @@ Page.adw-window {
 
 .adw-text-view-input {
     color: rgba(0, 0, 0, 0.8);
-    font-size: 15;
+    font-size: 14.67;
 }
 
 .adw-text-view.monospace .adw-text-view-input {
@@ -1775,7 +1779,7 @@ Page.adw-window {
 }
 
 .adw-toast-title {
-    font-size: 14;
+    font-size: 14.67;
     color: #ffffff;
     margin: 0;
 }
@@ -1814,40 +1818,55 @@ Page.adw-window {
     margin: 0 0 8 0;
 }
 
-.adw-about-dialog-link,
-.adw-about-dialog-links-item {
+.adw-about-dialog-page-bar {
+    margin: 0 0 12 0;
+}
+
+.adw-about-dialog-back {
     background-color: transparent;
     color: rgba(0, 0, 0, 0.8);
-    text-decoration: underline;
-    font-size: 13;
-    margin: 2 0 2 0;
+    font-size: 24;
+    font-weight: 700;
+    padding: 0 12 0 4;
+}
+
+.adw-about-dialog-page-title {
+    font-size: 14.67;
+    font-weight: 700;
+    color: rgba(0, 0, 0, 0.85);
+}
+
+.adw-about-dialog-card .adw-preferences-group {
+    margin: 0 0 12 0;
 }
 
 .adw-about-dialog-name {
-    font-size: 20;
+    font-size: 26.55;
     font-weight: 700;
     color: rgba(0, 0, 0, 0.85);
     margin: 0 0 2 0;
 }
 
 .adw-about-dialog-version {
-    font-size: 13;
+    font-size: 14.67;
     color: rgba(0, 0, 0, 0.55);
     margin: 0 0 8 0;
 }
 
 .adw-about-dialog-developer,
 .adw-about-dialog-comments,
-.adw-about-dialog-website,
-.adw-about-dialog-support,
-.adw-about-dialog-issue,
 .adw-about-dialog-credits,
 .adw-about-dialog-acknowledgements,
 .adw-about-dialog-legal,
-.adw-about-dialog-release-notes,
-.adw-about-dialog-links,
+.adw-about-dialog-release-notes {
+    font-size: 14.67;
+    color: rgba(0, 0, 0, 0.6);
+    margin: 2 0 2 0;
+}
+
+/* monospace font, 10pt (adw-style-manager.c) */
 .adw-about-dialog-debug-info {
-    font-size: 13;
+    font-size: 13.33;
     color: rgba(0, 0, 0, 0.6);
     margin: 2 0 2 0;
 }
@@ -1867,7 +1886,7 @@ Page.adw-window {
 }
 
 .adw-preferences-dialog-title {
-    font-size: 17;
+    font-size: 14.67;
     font-weight: 700;
     color: rgba(0, 0, 0, 0.85);
     margin: 0;
@@ -1950,7 +1969,7 @@ Page.adw-window {
 
 .adw-shortcut-label-cap-text {
     color: rgba(0, 0, 0, 0.8);
-    font-size: 14;
+    font-size: 14.67;
     text-align: center;
 }
 
@@ -1958,7 +1977,7 @@ Page.adw-window {
  * smaller and bold, and rides inside its keycap rather than beside it. */
 .adw-shortcut-label-side {
     color: rgba(0, 0, 0, 0.8);
-    font-size: 11;
+    font-size: 12.22;
     font-weight: 700;
     margin-left: 2;
 }
@@ -1966,7 +1985,7 @@ Page.adw-window {
 /* `dim_label` — `--dim-opacity: 55%` (`_colors.scss:319`). */
 .adw-shortcut-label .dimmed {
     color: rgba(0, 0, 0, 0.8);
-    font-size: 14;
+    font-size: 14.67;
     opacity: 0.55;
     padding: 6 0 6 0;
 }
@@ -2021,11 +2040,13 @@ Page.ns-dark.adw-window {
 }
 
 .ns-dark .adw-switch {
-    color: #78aeed;
+    color: #ffffff;
+    background-color: #78aeed;
 }
 
 .ns-dark .adw-switch.off {
     color: #9a9996;
+    background-color: #5e5c64;
 }
 
 /* ===== Dark: preferences page ===== */
@@ -2680,20 +2701,16 @@ Page.ns-dark.adw-window {
 .ns-dark .adw-about-dialog-version,
 .ns-dark .adw-about-dialog-developer,
 .ns-dark .adw-about-dialog-comments,
-.ns-dark .adw-about-dialog-website,
-.ns-dark .adw-about-dialog-support,
-.ns-dark .adw-about-dialog-issue,
 .ns-dark .adw-about-dialog-credits,
 .ns-dark .adw-about-dialog-acknowledgements,
 .ns-dark .adw-about-dialog-legal,
 .ns-dark .adw-about-dialog-release-notes,
-.ns-dark .adw-about-dialog-links,
 .ns-dark .adw-about-dialog-debug-info {
     color: rgba(255, 255, 255, 0.6);
 }
 
-.ns-dark .adw-about-dialog-link,
-.ns-dark .adw-about-dialog-links-item {
+.ns-dark .adw-about-dialog-back,
+.ns-dark .adw-about-dialog-page-title {
     color: #ffffff;
 }