Graceful Theme

Thema
,
140

Ist es möglich, eine bestimmte Farbe für den Hintergrundcontainer zu definieren, ohne die Hintergrundfarbe des Dark Mode zu beeinträchtigen?

Wir haben unter den Graceful-Theme-Einstellungen Hintergrundbild und Kachel-Einstellungen oben deaktivieren ausgewählt und diesen CSS-Code hinzugefügt:

// Hintergrundfarbe anstelle des Graceful-Hintergrundbilds
.background-container {
  background-color: #FAF0FC;
}

Dieses helle Violett sieht in der Standardfarbpalette großartig aus, erscheint aber auch in der dunklen Palette anstelle des Dunkelgraus, was nicht gut ist.

Das ursprüngliche CSS erwähnt eine Variable, aber ich weiß nicht, wie ich sie so verwenden kann, dass sie unterschiedliche Farben für Hell oder Dunkel liefert:

background-color: var(--gf-primary-very-low-or-primary-low, #f8f8f8);

Wichtiger Hinweis: Wir möchten nur die Farbe des Haupt-Hintergrunds ändern, nicht den Hintergrund von Bereichen mit Text. Deshalb können wir die Werte der Farbpalette nicht direkt verwenden (es sei denn, ich habe etwas übersehen).

141

Ich versuche immer noch, den Hintergrund für den Standardmodus (hell) zu ändern, während der dunkle Hintergrund für den Dunkelmodus beibehalten wird.

Selbst wenn wir eine einfarbige Farbe für den hellen Hintergrund wünschen, fügt alles, was wir mit CSS versucht haben, die gleiche Farbe zum Hintergrund im Dunkelmodus hinzu.

Deshalb versuchen wir es stattdessen mit einem Bild. Wenn das Hintergrundbild auf Standard gesetzt ist, wird der Standard-Graceful-Bildhintergrund für Hell verwendet, aber für den Dunkelmodus gibt es einen dunklen Hintergrund. Es wäre großartig, wenn wir ein benutzerdefiniertes Bild hinzufügen könnten, das auch nur im Hellmodus verwendet wird, aber wenn wir es versuchen, wird dasselbe Bild auch im Dunkelmodus verwendet. Da das Hintergrundbild hell und für den Hellmodus geeignet ist, ruiniert es den Dunkelmodus.

Kann mir da jemand bitte helfen?

142

Ein schneller temporärer Workaround ist die Verwendung eines bg mit etwa 20-50% Deckkraft, damit es die Hintergrundfarbe sowohl bei hellem als auch bei dunklem Hintergrund annimmt.

1 „Gefällt mir“
143

@piffy Vielen Dank. Das ist in der Tat eine gute Übergangslösung.

Ich habe mich in der Mathematik verloren, um eine SVG-Zahl zu berechnen, die bei 20% Deckkraft zu #FAF0FC führt, aber das kommt meinen Augen nahe genug und der Dunkelmodus ist dunkel. Puh!

// Hintergrundfarbe anstelle eines anmutigen Hintergrundbildes
.background-container {
  background: rgb(200 190 192 / 20%);
}
144

Danke für die Meldung, dieses Update wird es beheben

1 „Gefällt mir“
145

In der Themenoption können Sie durch Klicken auf „Parameter bearbeiten“ das JSON für Folgendes ändern:

[
	{
		"setting": "background_image",
		"value": "false"
	},
	{
		"setting": "tile_background",
		"value": false
	},
	{
		"setting": "no_background_image",
		"value": false
	}
]

Und es entfernt die Hintergrund-SVG

2 „Gefällt mir“
146

Hat jemand einen Weg gefunden, die Breite des Forums mit diesem Thema richtig anzupassen?

Meine CSS-Änderungen scheinen keine Wirkung zu haben, und Canapins benutzerdefinierte Breitenkomponente funktioniert im Standardthema einwandfrei, scheint aber bei Graceful keine Wirkung zu haben.

Standardmäßig ist das Forum sehr schmal, und es wäre großartig, dies ändern zu können.

148

Der TC von Canapin funktioniert für mich bei diesem Thema.
Dieser TC setzt die CSS-Variablen --d-max-width und --topic-body-width.
Möglicherweise haben Sie einen anderen TC oder Anpassungen, die diese Werte überschreiben.

Sie können es manuell versuchen, zum Beispiel:

body {
    --d-max-width: 1500px;
    --topic-body-width: 1500px;
}
149

Das hat funktioniert, danke!

150

Das Breitenproblem wurde für Desktops behoben, aber ich stoße jetzt auf drei Probleme:

  1. Ich kann die Farbe von Benutzertiteln mit CSS nicht ändern.

Verwendung von:

.user-title{
background: #F55;
border-radius: 3px;
color: #FFF !important;
font-size: 12px!important;
padding-left: 7px;
}

als Beispiel werden die Änderungen an Padding, Hintergrund usw. korrekt angewendet, aber die eigentliche Textfarbe wird ignoriert und bleibt das Standardgelb. Gibt es etwas anderes, das ich ansprechen sollte, um das zu ändern? Das Gelb ist standardmäßig extrem schwer auf weißem Hintergrund zu lesen.

  1. Auf Mobilgeräten ist die Breite des Forums jetzt etwas mehr als der Bildschirm sein sollte. Gibt es eine Möglichkeit, dass es auf Mobilgeräten maximal 100% Breite hat und nicht darüber hinausgeht, aber ohne die Breitenvergrößerung für Desktop-Benutzer rückgängig zu machen?

  2. Ich habe das gleiche Problem wie @Solari oben, dass die Farbbalken auf Mobilgeräten nicht vorhanden sind. Ich habe versucht, den vorgeschlagenen CSS-Code in der Antwort zu verwenden, aber das schien das Problem nicht zu lösen. Hat jemand herausgefunden, wie man die Farbbalken für Kategorien auf Mobilgeräten wiederherstellt?

2 „Gefällt mir“
151

Es scheint, dass der Grund für Problem 1 darin liegt, dass das Theme bereits ein !important-Tag für die Benutzer-Titel-Farbe hat

image
image1314×100 13.3 KB

Da wir das HTML/CSS für dieses Theme nicht bearbeiten können, gibt es eine Möglichkeit, dies zu ändern oder zu überschreiben?

152

Hallo!

Vertikale Farbbalken werden in der mobilen Version meines Forums immer noch nicht angezeigt. Fehlt mir etwas?

https://forum.twogeeksonecup.wtf

Danke!
Dan

1 „Gefällt mir“
153

Können Sie ein Bild liefern, das detailliert, wo diese vertikalen Balken wären?

Schönes Forum übrigens

1 „Gefällt mir“
154

Danke!

Ich habe einen Screenshot von einem anderen Forum angehängt, das diese Leisten tatsächlich hat.

Das Bild zeigt einen Screenshot eines Forums mit den Abschnitten „Foren-Infos“ mit drei Threading-Optionen und „News“ mit verschiedenen Blogartikeln. (Beschriftet von KI)
Das Bild zeigt einen Screenshot eines Forums mit den Abschnitten „Foren-Infos“ mit drei Threading-Optionen und „News“ mit verschiedenen Blogartikeln. (Beschriftet von KI)1290×2796 145 KB

Im Grunde die gleichen Leisten, die auch auf der Desktop-Version angezeigt werden.

1 „Gefällt mir“
155

Gern geschehen.

Okay, ich habe mir das hier auf Meta mit dem ausgewählten Graceful-Theme angesehen. Auf Mobilgeräten gibt es aus irgendeinem Grund keine farbigen Balken wie auf dem Desktop. Ich selbst bin mir nicht sicher, warum.

Obwohl Sie auf dem Desktop in der Seitenleiste zur mobilen Ansicht wechseln und das Inspektionselement verwenden können. Ich würde auch den Desktop-Modus überprüfen und sehen, wie sich die CSS-Datei unterscheidet. Bei Bedarf können Sie wahrscheinlich eine benutzerdefinierte Komponente mit Überschreibungen in Mobile erstellen, um die farbigen Balken wie erwartet zum Laufen zu bringen.

156

Danke! Ich weiß das zu schätzen. Da andere Benutzer das Problem bereits früher in diesem Thread gemeldet hatten, hoffte ich auf eine dauerhaftere Lösung, die auch nach zukünftigen Updates von Grace Bestand hätte.

2 „Gefällt mir“
157

Am besten postest du das als Bug mit den Tags ux & graceful-theme.
Das könnte die Sichtbarkeit erhöhen.

Alternativ fügt diese Theme-Komponente eine schöne Kategorieansicht hinzu. Sie wird im Air Theme verwendet.

1 „Gefällt mir“
158

Danke!! Ich werde es mir auf jeden Fall ansehen!

1 „Gefällt mir“
159

Tolle Thema!
Ist es möglich, einen Text wie (C) Name Person im Hintergrund hinzuzufügen?
Ich möchte jeden Monat ein Foto von einem Benutzer im Hintergrund haben.