Das Designteam nimmt kleine, aber wirkungsvolle Änderungen/Anpassungen am Foundation-Theme vor, um es näher an modernen Webstandards auszurichten. Um diese Änderungen live auf Meta anzuzeigen, treten Sie dieser Gruppe bei:
https://meta.discourse.org/g/modernized-foundation
Wir werden diese Änderung über die neue Funktion Upcoming Changes live schalten, die in Discourse verfügbar ist. Dies ermöglicht es Website-Betreibern, die Änderungen für jede von ihnen angegebene Gruppe zu aktivieren, um die Einführung der Änderungen zu testen, ohne befürchten zu müssen, dass Themes oder aktuelle Anpassungen möglicherweise beschädigt werden.
Was wird sich ändern?
Kopfzeile wird in der Höhe reduziert
Wir haben die Größe der Kopfzeile zusammen mit einigen Symbolen und Avataren leicht verkleinert, um den Bildschirmplatz besser auszunutzen.
Standard-Schaltflächen
Wir wechseln von einem grauen Standard-Schaltflächenhintergrund zu einem transparenten / „sekundären“ Hintergrund mit einem Rahmen.
- Entfernung des grauen Hintergrunds
- Hinzufügen von Rahmen
- Symbolfarbe passt zur Textfarbe
- Schaltflächen haben jetzt eine festgelegte Höhe
Schaltfläche „Neues Thema erstellen“ auf der Themenseitenliste
Anpassung an Horizon und Zuweisung einer „CTA“-Hintergrundfarbe von tertiary
Entfernung vieler grauer Hintergründe
Themenseitenliste
- Entfernung des 3 px dicken oberen Randes
- Verkleinerung der Schriftgröße der Tabellenkopfdaten
- einheitliche Farbe für Tabellendaten
- Farbwertänderung für gelesen/ungelesen
- leichte Erhöhung der Schriftstärke für ungelesen
Kategorien
- Linksbündigkeit des Textes
- Entfernung des dicken linken farbigen Randes
- leicht abgerundete Abzeichen
- dünnerer Rand der Box
Navigationsleiste
- Die Navigations-Pills auf Themenseitenlisten haben die gleiche Höhe wie die Schaltflächen in diesem Bereich
- dunklere Text- und Symbolfarbe beim ausgewählten Kit
Seitenleiste
- Symbol und Text haben die gleiche Farbe
- dunklerer Text und dunklere Symbole
- hellerer „aktiver“ Hintergrund
- stärkere aktive Schriftstärke
Willkommensbanner
- ausgeglichener Abstand
- Variablen für einfachere Links-/Rechts-/Mitten-Ausrichtung über Anpassung hinzugefügt
- Schriftstärke der Kopfzeile verringert
- Schriftgröße der Untertitel verringert
Kalender
- grauer Hintergrund von „Schaltflächen“ entfernt
- Grau nur zur Kennzeichnung von „aktiv“ verwenden
- Wechsel zu „gerahmtem transparentem“ Schaltflächen-Styling
Dropdowns
- Abstand zum Dropdown-Container hinzugefügt
- Höhe, Abstand, Lücke entsprechen jetzt den Seitenleistenelementen
- Vereinheitlichung von „klickbaren Listen“
- Rahmen erbt die Variable
--d-border-radius
Neue Variablen
Einige der hier vorgenommenen Änderungen werden durch zusätzliche Variablen eingeführt, die dem Kern hinzugefügt werden.
Ausrichtung des Willkommensbanners
Die Ausrichtung des Willkommensbanners kann nun geändert werden über:
// Standard
--welcome-banner-text-align: center;
--welcome-banner-search-menu-margin-inline: auto;
// Benutzerdefiniert
--welcome-banner-text-align: left;
--welcome-banner-search-menu-margin-inline: 0 auto;
Schaltflächenhöhe
Wir werden nun eine festgelegte Schaltflächenhöhe haben über:
// Standard
--button-height: var(--space-8);
Schriftautoglättung
Wir tun dies bereits in Horizon, es ist sinnvoll, es auf Foundation zu übertragen.
// neuer Standard
--webkit-font-smoothing: antialiased;
