gitea_admin/Styleguide
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix dark footer text color

Browse Source
This commit is contained in:
Mathias Gläser
2026-06-18 12:32:23 +02:00
parent f96b6349d6
commit eb2624115d
3 changed files with 19 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/cards.html
+7 -9
View File
@@ -106,15 +106,13 @@
<div class="sg-preview-area"> <div class="sg-preview-area">
<article class="sg-card sg-card--content-card sg-card--content-card-dark" data-component="content-card" aria-label="Dark Content Card"> <article class="sg-card sg-card--content-card sg-card--content-card-dark" data-component="content-card" aria-label="Dark Content Card">
<div class="sg-card-segment sg-card-segment--body" data-component-part="card-body"> <div class="sg-card-segment sg-card-segment--body" data-component-part="card-body">
<div class="sg-text-layout-pattern" data-pattern="text-layout-zweispaltig" aria-label="Text Layout zweispaltig mobil zweispaltig"> <div class="sg-text-layout-pattern__sample sg-text-layout-pattern__two-column" data-pattern-part="text-block-two-column">
<div class="sg-text-layout-pattern__sample sg-text-layout-pattern__two-column" data-pattern-part="text-block-two-column"> <p class="sg-body sg-text-layout-pattern__column">
<p class="sg-body sg-text-layout-pattern__column"> Footer links: Platzhaltertext fuer allgemeine Hinweise, Navigation oder Kontaktinformationen im zweispaltigen Layout.
Footer links: Platzhaltertext fuer allgemeine Hinweise, Navigation oder Kontaktinformationen im zweispaltigen Layout. </p>
</p> <p class="sg-body sg-text-layout-pattern__column">
<p class="sg-body sg-text-layout-pattern__column"> Footer rechts: Platzhaltertext fuer ergaenzende Angaben, rechtliche Hinweise oder sekundäre Footer-Inhalte im gleichen Raster.
Footer rechts: Platzhaltertext fuer ergaenzende Angaben, rechtliche Hinweise oder sekundäre Footer-Inhalte im gleichen Raster. </p>
</p>
</div>
</div> </div>
</div> </div>
</article> </article>
patterns/page-layout-public.html
+7 -9
View File
@@ -46,15 +46,13 @@
<article class="sg-card sg-card--content-card sg-card--content-card-dark sg-page-layout-public__footer-card" data-component="content-card" aria-label="Fusszeile"> <article class="sg-card sg-card--content-card sg-card--content-card-dark sg-page-layout-public__footer-card" data-component="content-card" aria-label="Fusszeile">
<div class="sg-card-segment sg-card-segment--body" data-component-part="card-body"> <div class="sg-card-segment sg-card-segment--body" data-component-part="card-body">
<div class="sg-text-layout-pattern" data-pattern="text-layout-zweispaltig" aria-label="Text Layout zweispaltig mobil zweispaltig"> <div class="sg-text-layout-pattern__sample sg-text-layout-pattern__two-column" data-pattern-part="text-block-two-column">
<div class="sg-text-layout-pattern__sample sg-text-layout-pattern__two-column" data-pattern-part="text-block-two-column"> <p class="sg-body sg-text-layout-pattern__column">
<p class="sg-body sg-text-layout-pattern__column"> Footer links: Platzhaltertext fuer allgemeine Hinweise, Navigation oder Kontaktinformationen im zweispaltigen Layout.
Footer links: Platzhaltertext fuer allgemeine Hinweise, Navigation oder Kontaktinformationen im zweispaltigen Layout. </p>
</p> <p class="sg-body sg-text-layout-pattern__column">
<p class="sg-body sg-text-layout-pattern__column"> Footer rechts: Platzhaltertext fuer ergaenzende Angaben, rechtliche Hinweise oder sekundäre Footer-Inhalte im gleichen Raster.
Footer rechts: Platzhaltertext fuer ergaenzende Angaben, rechtliche Hinweise oder sekundäre Footer-Inhalte im gleichen Raster. </p>
</p>
</div>
</div> </div>
</div> </div>
</article> </article>
styles/40-components-cards.css
+5
View File
@@ -33,6 +33,11 @@
color: var(--text-card-header); color: var(--text-card-header);
} }
.sg-card.sg-card--content-card-dark .sg-text-layout-pattern__column,
.sg-card.sg-card--content-card-dark .sg-body {
color: var(--text-card-header);
}
.sg-card.sg-card--overlay-host { .sg-card.sg-card--overlay-host {
overflow: visible; overflow: visible;
} }