Seite 1 von 1

slashCAM - dunkler Forumstil

Verfasst: Mi 22 Nov, 2017 15:47
von Clemens Schiesko
Liebe Slashcamer,

da ich gerade bei Nachtarbeiten lieber einen dunklen Bildschirm bevorzuge und das slashCAM Forum in seiner Farbgebung sehr hell ist, habe ich mir mit dem Browser Add-on "Stylish" (FirefoxChromeOpera) ein dunkles Design gebastelt.
Vielleicht mag es der ein oder andere ja auch nutzen oder aber sogar dabei helfen, es zu optimieren. Einige Sachen sind noch nicht ausgereift. So würde ich z.B. gerne noch den Header im typischen slashCAM Orange haben wollen, aber habe das jetzt auf die Schnelle nicht hinbekommen. Vielleicht weiß jemand Rat? Auch andere Sachen könnten noch geändert werden.
Oder jemand entwirft einen ganz anderen Style - dann immer her damit! =)
Ich selbst bin kein Pro in CSS, weshalb der Code wohl auch etwas undurchdacht ist. Aber wenigstens ist es Nachts nun etwas Augenschonender.

Beste Grüße,
Clemens

EDIT:

Installationsanleitung: Browser Add-on Stylish für Firefox, Chrome oder Opera downloaden. Danach den slashCAM-Style per "Install Style" aktivieren. Fertig.
Alternativ bei den Stylish Einstellungen auf "Design erstellen" klicken. Rechts den unten aufgeführten Code einfügen, links einen passenden Namen eingeben und dann auf "Speichern" klicken. Done.
Anmerkung: Da ich den Style mit Firefox erstellt habe, kann ich nicht garantieren, dass er auch in anderen Browsern funktioniert. Das müsste von jemanden getestet werden.

P.S.: Wer auch auf anderen Seiten (Facebook, Google, etc.) seine Umwelt und Augen schonen mag, findet auf https://userstyles.org/ viele coole Layouts dafür.
Slashcam-DarkStyle.jpg

Code: Alles auswählen

@-moz-document url-prefix("https://www.slashcam.de/forum/") {
/* Reset backgrounds */
span.corners-top, span.corners-bottom, span.corners-top span, span.corners-bottom span, .forabg, .forumbg, .bg1, .bg2, ul.forums,
li.row:hover, #tabs a {
	background: none !important;
}

/* Background colors */
.forabg, .forumbg {
	background-color: #222 !important;
}

.inner {
	background-color: #888 !important;
}

.inner, .index_row, .own_block, .button, .memberlist-title, .attachbox, .strichlang, .rules, .own_block_header_grey, .own_block_header, .author, .action-bar, .pagination, .codebox {
	background-color: #444 !important;
}

.topnavtrenner, .header, .post_head, .following_subjects_title {
	background-color: #333 !important;
}

.leaderbanner {
	background-color: #222 !important;
}

.antwort, .review {
	background-color: #555 !important;
}

.rule-item {
	background-color: #FFFFFF !important;
}

.headerbar {
	background: linear-gradient(to bottom, #222 0%, #333 100%) !important;
}
#navigation a {
	background: linear-gradient(to right, #555 0%, #666 100%) !important;
}
#navigation a:hover, #navigation #active-subsection a {
	background: linear-gradient(to right, #333 0%, #444 100%) !important;
}
html, body, select, input.search, .inputbox, .pagination span a, .pagination span a:link, .pagination span a:visited,
dl.codebox {
	background-color: #333 !important;
}
.navbar, .bg1, ul.forums, .panel, #tabs a {
	background-color: #444 !important;
}
.bg2 {
	background-color: #4f4f4f !important;
}
li.row:hover {
	background-color: #555 !important;
}
blockquote {
	background-color: #666 !important;
}
.pagination span a:hover, .pagination span strong {
	background-color: #888 !important;
}
.pagination span strong {
	background-color: #a96 !important;
}
.postlink:hover {
	background-color: #ddd !important;
}
#tabs a span {
	background: inherit !important;
}

/* Text colors */
html, body, .headerbar, h2, h3, .postbody, .postbody .content, #tabs .activetab a span, ul.topiclist li,
.panel li.header dd, .panel li.header dt {
	color: #ddd !important;
}
.inputbox {
	color: #bbb !important;
}
a:hover {
	color: #b74 !important;
}
a:link, a:visited {
	color: #a96 !important;
}
.postprofile, dl.details dd {
	color: #aaa !important;
}
li.row strong, .postprofile strong, label, .panel, #tabs a span, dl.details dt {
	color: #999 !important;
}
select, input.search, .inputbox, .pagination span a, .pagination span a:link, .pagination span a:visited {
	color: #888 !important;
}
.postlink:hover, .pagination span a:hover, .pagination span strong {
	color: #333 !important;
}
dl.codebox code {
	color: #6a6 !important;
}

/* Border colors */
hr {
	border-color: #222 #333 #333 !important;
}
blockquote {
	border-color: #333 !important;
}
dl.codebox {
	border-color: #363 !important;
}
select, input.search, .inputbox, .pagination span a, .pagination span a:link, .pagination span a:visited, .pagination span a:hover, .pagination span strong {
    border-color: #444 !important;
}
h2, h3 {
	border-bottom-color: #222 !important;
}
ul.navlinks, #cp-main h3 {
	border-bottom-color: #333 !important;
}
dl.codebox dt {
	border-bottom-color: #363 !important;
}
#tabs .activetab a {
    border-bottom-color: #444 !important;
}
.postlink {
	border-bottom-color: #a96 !important;
}
li.row {
	border-top-color: #333 !important;
	border-bottom-color: #222 !important;
}
.signature, ul.cplist {
	border-top-color: #333 !important;
}
ul.topiclist dd, .postprofile {
	border-left-color: #333 !important;
}

/* Other */
.forabg, .forumbg {
	border-radius: 4px;
}
blockquote, dl.codebox {
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1) !important;
	margin-right: 4px !important;  /* So the shadow fits */
}


}

Re: slashCAM - dunkler Forumstil

Verfasst: Mi 22 Nov, 2017 17:56
von klusterdegenerierung
Kann nicht helfen, aber das dunkle fänd ich super angenehm.
Macht das bitte! :-)

Re: slashCAM - dunkler Forumstil

Verfasst: Mi 22 Nov, 2017 18:23
von pixler
Yau - das wäre genial wenn es auf der Slashcam Seite einen Knopf für hell-dunkel gäbe...dann müsste ich nicht die "negativ" option in den Systemeinstellungen bemühen.
- Ist nachts angenehmer
- Stromsparender

Re: slashCAM - dunkler Forumstil

Verfasst: Do 23 Nov, 2017 00:21
von Clemens Schiesko
Wie gesagt, wer mit einem Browser am PC unterwegs ist, kann sich mithilfe des Add-ons Stylish und dem oben aufgeführten Code, das Ganze schon einrichten. Per Knopfdruck kann das Design dann nach Wünschen auch wieder ein- und ausgeschaltet werden.

Zur Vereinfachung habe ich in meinem oberen Beitrag mal eine kleine Installationsanleitung eingefügt.

Wenn man bei slashCAM von Haus aus in den Profilsettings einen dunklen Style auswählen könnte, wäre das natürlich klasse. Ich kann aber auch nachvollziehen, dass zwei Templates auch Probleme verursachen können und erst einmal programmiert werden müssen. Doch wer weiß, bald ist ja Weihnachten ...

Re: slashCAM - dunkler Forumstil

Verfasst: Fr 10 Mai, 2019 19:31
von srone
Clemens Schiesko hat geschrieben: Do 23 Nov, 2017 00:21 Wie gesagt, wer mit einem Browser am PC unterwegs ist, kann sich mithilfe des Add-ons Stylish und dem oben aufgeführten Code, das Ganze schon einrichten. Per Knopfdruck kann das Design dann nach Wünschen auch wieder ein- und ausgeschaltet werden.

Zur Vereinfachung habe ich in meinem oberen Beitrag mal eine kleine Installationsanleitung eingefügt.

Wenn man bei slashCAM von Haus aus in den Profilsettings einen dunklen Style auswählen könnte, wäre das natürlich klasse. Ich kann aber auch nachvollziehen, dass zwei Templates auch Probleme verursachen können und erst einmal programmiert werden müssen. Doch wer weiß, bald ist ja Weihnachten ...
gerade wollte ich nochmals den dunklen forumsstyle anregen und fand deinen beitrag, der nun auch schon eine weile her ist und ich wohl übersehen hatte.

ich danke dir ganz herzlich für deine mühe und finde es sehr gelungen.

lg

srone

Re: slashCAM - dunkler Forumstil

Verfasst: Fr 10 Mai, 2019 19:38
von Alf_300
Abwarten - Ist §13 iin Stein geneisselt wirds schon dunkler im Internet.

Re: slashCAM - dunkler Forumstil

Verfasst: Fr 10 Mai, 2019 19:43
von roki100
Alf_300 hat geschrieben: Fr 10 Mai, 2019 19:38 Abwarten - Ist §13 iin Stein geneisselt wirds schon dunkler im Internet.
ahahaa.... ;) So schlimm ist das doch nicht. Facebook und Co. reagieren schonmal im voraus und haben somit rechtsextreme Propaganda ausgeschaltet. Der Trump fand das nicht so toll, weil wahrscheinlich ein paar von seine unzählige Accounts, auch davon betroffen waren.

Re: slashCAM - dunkler Forumstil

Verfasst: Fr 10 Mai, 2019 19:46
von srone
da bleibt dann nur noch das dark-net...

slashcam auf so einer onion-seite, nur noch mit tor-browser erreichbar, da bekommt die aussage die geheimnisse des filmschnitts gleich eine ganz neue bedeutung. :-)

lg

srone

Re: slashCAM - dunkler Forumstil

Verfasst: Fr 10 Mai, 2019 19:47
von Alf_300
Na also die eine Hälfte ist schon Dunkel

Re: slashCAM - dunkler Forumstil

Verfasst: Fr 10 Mai, 2019 19:50
von roki100
srone hat geschrieben: Fr 10 Mai, 2019 19:46 da bleibt dann nur noch das dark-net...

slashcam auf so einer onion-seite, nur noch mit tor-browser erreichbar, da bekommt die aussage die geheimnisse des filmschnitts gleich eine ganz neue bedeutung. :-)

lg

srone
Da wird endlich offenbart, wer hier mit p4k XXX filmt... ;)

Re: slashCAM - dunkler Forumstil

Verfasst: Fr 10 Mai, 2019 20:10
von srone
roki100 hat geschrieben: Fr 10 Mai, 2019 19:50
srone hat geschrieben: Fr 10 Mai, 2019 19:46 da bleibt dann nur noch das dark-net...

slashcam auf so einer onion-seite, nur noch mit tor-browser erreichbar, da bekommt die aussage die geheimnisse des filmschnitts gleich eine ganz neue bedeutung. :-)

lg

srone
Da wird endlich offenbart, wer hier mit p4k XXX filmt... ;)
bei diesem genre, ist ein guter autofokus und stabi essentiell, da meist aus der hand, ich denke die p4k fällt da raus...;-)

lg

srone

Re: slashCAM - dunkler Forumstil

Verfasst: Fr 10 Mai, 2019 20:13
von roki100
srone hat geschrieben: Fr 10 Mai, 2019 20:10
bei diesem genre, ist ein guter autofokus und stabi essentiell, da meist aus der hand, ich denke die p4k fällt da raus...;-)
ahahaha... :)))

Re: slashCAM - dunkler Forumstil

Verfasst: Fr 10 Mai, 2019 21:08
von rush
Coole Idee - wäre der Dark Mode auch in der Mobilansicht denkbar?

Grund: moderne Smartphones nutzen ja heute häufig AMOLED Displays und jeder Pixel der nicht hell beleuchtet werden muss "spart" minimal Strom... Wenn man also häufig slashcam besucht könnte das schon ein paar wenige mA einsparen ;-)

Re: slashCAM - dunkler Forumstil

Verfasst: Mo 13 Mai, 2019 14:03
von Clemens Schiesko
srone hat geschrieben: Fr 10 Mai, 2019 19:31 [...] ich danke dir ganz herzlich für deine mühe und finde es sehr gelungen. [...]
Freut mich zu hören!
rush hat geschrieben: Fr 10 Mai, 2019 21:08 Coole Idee - wäre der Dark Mode auch in der Mobilansicht denkbar? [...]
Der Trend scheint allmählich jedenfalls in diese Richtung zu gehen bzw. zur Möglichkeit zwischen hell und dunkel zu switchen: Dark Mode fürs Web: Apple ruft Webseiten zur Anpassung auf

Re: slashCAM - dunkler Forumstil

Verfasst: Di 14 Mai, 2019 08:43
von domain
Ja das waren noch Zeiten als unter DOS 1.15 die Bildschirme schwarz mit weißer Schrift waren. Leider gab es zu der Zeit keine Bücher oder Zeitungen in diesem Stil.
Nostalgie ist schon ein schöner Trend :-)

Bild

Re: slashCAM - dunkler Forumstil

Verfasst: Di 14 Mai, 2019 08:51
von klusterdegenerierung
Ich hab davon immer Depressionen bekommen, erst Dos in schwarz und dann das 6.22 in blau und dann gings in blau bei Win3.11 oder 95 weiter, ne für mich war das nix.

Die Damen damals in der Bücherei habe ich nie beneidet. ;-)

Re: slashCAM - dunkler Forumstil

Verfasst: Di 14 Mai, 2019 08:57
von domain
Sehr bedauerlich war in Österreich ja auch die Umstellung der Nummerntafeln von Schwarz auf Weiß. Die waren ab dann bei der Radar-Fotoanalyse für die Behörde viel leichter lesbar.

Re: slashCAM - dunkler Forumstil

Verfasst: Di 14 Mai, 2019 09:25
von klusterdegenerierung
Ich fand die schwarzen Schilder nicht so schick, besonders bei entsprechenden Lackierungen, aber vermissen tue ich sie schon auch.

Ich meine das Traktoren noch damit rumfahren, oder?

Re: slashCAM - dunkler Forumstil

Verfasst: Di 14 Mai, 2019 09:54
von domain
Ja diese alten Nummerntafeln sind noch immer gültig.
Gott sei Dank hat sich Hundertwassers Initiative mit der fetten weißen Schrift auf schwarzem Untergrund gegen EU-Konventionen nicht durchsetzen können.

Bild

Aber mal im Ernst: man muss schon einen etwas sonderbaren Geschmack haben, wenn man einen dunklen Hintergrund einem hellen vorzieht, da ja 90% der Hintergrundbeleuchtung abgefangen werden und noch dazu alles schwerer lesbar ist.

Re: slashCAM - dunkler Forumstil

Verfasst: Di 14 Mai, 2019 12:35
von klusterdegenerierung
Da hast Du vollkommen Recht, muß wohl an den Franzosen liegen, die sind doch mit dem Blödsinn angefangen. ;-)

Wieso hat Kärnten und Völkermarkt das gleiche Wappen?

Re: slashCAM - dunkler Forumstil

Verfasst: Di 14 Mai, 2019 14:27
von domain

Re: slashCAM - dunkler Forumstil

Verfasst: So 01 Sep, 2019 07:19
von rush
Gibt es dahingehend eigentlich etwas Neues? Also einen möglichen wählbaren Dark-Mode innerhalb des Forums?

Re: slashCAM - dunkler Forumstil

Verfasst: So 01 Sep, 2019 08:12
von Darth Schneider
Nein !
Wechselt bitte nicht zur dunklen Seite...
Gruss Darth

Re: slashCAM - dunkler Forumstil

Verfasst: So 01 Sep, 2019 08:22
von Axel
Meine Erfahrung mit dem weißen Forumstil, speziell auf einem Smartphone-Schirm, ist gut. Youtube kann ich allerdings weiß nicht mehr ertragen. Liegt vielleicht daran, dass ich mal Filmvorführer war. Längere Texte = Schwarz auf Weiß. Kurze Texte und Bilder/Filme = vor schwarzem Hintergrund.

Re: slashCAM - dunkler Forumstil

Verfasst: Mi 09 Dez, 2020 15:50
von Totao
Fände gut wenn sich der Stil des Forums nach dem im Betriebsystem eingestellten Tag-/Nachtstil richtet.

In CSS gibt es dafür das prefers-color-scheme attribut, siehe

https://caniuse.com/prefers-color-scheme

Re: slashCAM - dunkler Forumstil

Verfasst: Mi 09 Dez, 2020 15:58
von Frank Glencairn
Ja, fänd ich auch recht angenehm.