Wunch idee Dimmer - Druckversion

Wunch idee Dimmer - Druckversion

+- MyBB.de Forum (https://www.mybb.de/forum)
+-- Forum: Anpassungen (https://www.mybb.de/forum/forum-47.html)
+--- Forum: Plugin-Ideen und -Wünsche (https://www.mybb.de/forum/forum-73.html)
+--- Thema: Wunch idee Dimmer (/thread-38061.html)

Wunch idee Dimmer - Kader - 13.12.2021

Webseiten schön und gut aber wen die menschen abends vor dem Monitor sitzen Lesen oder schauen müssen ist es für die Augen auf dauer sehr ermüdend.
Deshalb hier die idee Cool

EINEN DIMMER Smile

so ähnlich wie beim PC Monitor das Augenschonmodus, das wen man im Forum auf Dimmer klickt ein Transparentes augen freundliches farbton erscheint.
wie man sich das vorstellen könnte, z.B wen man bei manchen seiten Bilder Album Slider oder video anschaut das die umgebung verdunkelt wird, ist bischen weit aber so ähnlich.
Bei Youtube und Facebook haben sie keinen dimmer aber die auswahl hell und Dunkel Design.

RE: Wunch idee Dimmer - [ExiTuS] - 13.12.2021

Gute Idee, aber schwer umsetzbar.
Wenn man die komplette Seite abdunkeln möchte, müsste man alles mit einem halb-transparentem Layer (hohe Layer-Priorität) überdecken, so wie in deinem Bildergalerie-Beispiel.
Allerdings würden so alle Elemente der Seite mit einem weiteren Element überblendet, wodurch nichts mehr darunter erreichbar wäre (Links könnten quasi nicht mehr geklickt werden).

Umsetzbar ist es besser mit einem angepasstem Theme, bzw. einer eigenen CSS für dunklere Farben.
Hier könnte man sich beispielsweise auf Hintergrundfarben konzentrieren und auf größere Block-Elemente. Hier hat man selbst genügend Spielraum.

[ETS]

RE: Wunch idee Dimmer - SvePu - 13.12.2021

....so schwierig ist es bei den modernen Browsern nicht mehr.

Via CSS Media Query:

Code:
@media (prefers-color-scheme: dark) {

}

lässt sich die Darstellung bei eingestelltem "Dark-Mode" definieren.

z.Bsp.:

Code:
@media (prefers-color-scheme: dark) {

    #content {

        background: black !important;

    }

}

RE: Wunch idee Dimmer - Gerti - 13.12.2021

(13.12.2021, 12:48)Kader schrieb: Webseiten schön und gut aber wen die menschen abends vor dem Monitor sitzen Lesen oder schauen müssen ist es für die Augen auf dauer sehr ermüdend.
Deshalb hier die idee

EINEN DIMMER

Der von Dir (auf Grundlage Deiner vorstehenden Intension) gewünschte DIMMER ist bereits bei jedem Montor werkseitig gegeben. Man nennt es HELLIGKEIT- und KONTRAST-Einstellung. Bei einer MyBB-Lösung wüsste doch kein/n Programmierer/in wieviel Lux ein jede/r im Raum gerade vorhält, welche Eintellungen der Moniitor hat und erst Recht nicht wie gut/schlecht er/sie sehen kann.

Hoffe ich habe das Thema richtig verstanden! Wink

RE: Wunch idee Dimmer - Kader - 14.12.2021

@Svepu
schön und gut aber es sol ja nicht beim nächsten aktualisierung verschwinden, wehre von vorteil wen es als Plugin geben würde. danke für die idee Shy

@Gerti
es geht aber nicht um Monitore Shy

RE: Wunch idee Dimmer - SvePu - 14.12.2021

(14.12.2021, 10:37)Kader schrieb: @Sven
schön und gut aber es sol ja nicht beim nächsten aktualisierung verschwinden, wehre von vorteil wen es als Plugin geben würde. danke für die idee

Veränderungen im Foren Layout (CSS) gehen bei Updates eigentlich nicht verloren.

Kader schrieb:@svepu
es geht aber nicht um Monitore

Meinst du die Antwort von Gerti?

RE: Wunch idee Dimmer - Kader - 14.12.2021

ja sorry habe die namen korrigiert Smile

RE: Wunch idee Dimmer - Gerti - 14.12.2021

(14.12.2021, 10:41)SvePu schrieb:
Kader schrieb:es geht aber nicht um Monitore

Ohm, Du hast im Ursprungspost doch selbst geschrieben
<Zitat>
...wen die menschen abends vor dem Monitor sitzen...
</Zitat>
und nichts anderes! Shy

RE: Wunch idee Dimmer - [ExiTuS] - 15.12.2021

Hier eine weitere Alternative mit der CSS-Funktion brightness().
Für den body{} angewendet, sollte es sogut wie die gesamte Webseite abdunkeln - ausprobieren.
Dies kann entweder mittels @media query benutzt werden oder auch per Schaltfläche und einer Zeile JavaScript:

Code:
body {

filter: brightness(0.5)

}

Werte: 0[.0] - 1 oder 0% - 100%
(Wird von fast allen modernen Browsern und aktuelleren B.-Versionen unterstützt)

[ETS]

RE: Wunch idee Dimmer - Kader - 19.12.2021

@ExiTuS

ja gute idee, habe den Filter mit entwickler tool getestet bei Filter einstellung 0.8 siehe Bild im anhang

FILTER zum testen: https://developer.mozilla.org/en-US/docs/Web/CSS/filter-function/brightness()