Clemens Schiesko
Beiträge: 298

slashCAM - dunkler Forumstil

Beitrag von Clemens Schiesko » Mi 22 Nov, 2017 15:47

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 */
}


}
www.schiesko.de

Zuletzt geändert von Clemens Schiesko am Di 09 Aug, 1988 03:23, insgesamt 666-mal geändert.

Du hast keine ausreichende Berechtigung, um die Dateianhänge dieses Beitrags anzusehen.
Zuletzt geändert von Clemens Schiesko am Do 23 Nov, 2017 00:23, insgesamt 2-mal geändert.




klusterdegenerierung
Beiträge: 11121

Re: slashCAM - dunkler Forumstil

Beitrag von klusterdegenerierung » Mi 22 Nov, 2017 17:56

Kann nicht helfen, aber das dunkle fänd ich super angenehm.
Macht das bitte! :-)
"disliken und nicht abonnieren vergessen"




pixler
Beiträge: 516

Re: slashCAM - dunkler Forumstil

Beitrag von pixler » Mi 22 Nov, 2017 18:23

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




Clemens Schiesko
Beiträge: 298

Re: slashCAM - dunkler Forumstil

Beitrag von Clemens Schiesko » 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 ...
www.schiesko.de

Zuletzt geändert von Clemens Schiesko am Di 09 Aug, 1988 03:23, insgesamt 666-mal geändert.




Social Media

       
 Aktuelle Beiträge [alle Foren]
 
» Zoom F4/8 3D Ambi - Nach UHD Bild nun auch HD Sound ??
von bmxstyle - Do 19:16
» Adobe Premiere Rush CC -- neue App für den mobilen Videoschnitt erhältlich
von R S K - Do 19:04
» DJI Mavic 2 Pro und Mavic 2 Zoom: Zoom oder Hasselblad Kamera // IFA 2018
von Roland Schulz - Do 18:47
» Sony A7 III rauscht unverhältnismäßig
von schroedingerskatze - Do 18:44
» Nikon Z7 - viele Crop-Modi und deren Unterschiede in der Bildqualität beim Filmen
von pillepalle - Do 18:43
» Blackmagic Pocket Cinema Camera 4K in der Praxis: Hauttöne, Focal Reducer, Vergleich zur GH5S uvm.
von pmk - Do 18:37
» Milchbubi neuer James Bond?
von Skeptiker - Do 18:00
» Biete: Mikrofon Sennheiser MKE 440 + Windschutz MZH 440
von DLW - Do 17:51
» Netflix: 350 Millionen Euro Gewinn und Kritik an 30% Quote in Europa
von Darth Schneider - Do 16:59
» YouTube down - User wählen verzweifelt Notrufnummer
von Frank B. - Do 16:35
» Erste Aufnahmen von der Blackmagic Pocket Cinema Camera 4K
von Frank Glencairn - Do 15:57
» Neues von den Robotern
von Skeptiker - Do 15:44
» Verkaufe FS7 Sony 25H Betrieb in OVP mit 2x64GB + Akkus und Mwst. ausweisbar
von mottoslash - Do 15:30
» Huawei Mate 20 Pro Smartphone mit 16-80mm Leica Triple-Kamera
von Frank Glencairn - Do 14:51
» GH5 & Atomos Ninja V
von ksingle - Do 14:47
» Bmpcc4k SSD Halter
von Onkel Danny - Do 14:16
» [BIETE] DJI Mavic Pro MEGA Bundle
von rush - Do 14:04
» GoPro Hero 7 Black mit HyperSmooth Stabilisierung bei 4K60p ??
von Roland Schulz - Do 11:19
» verschiedene objektive....?
von FCPX - Do 0:05
» Neu: Fujifilm X-T3 zeichnet 4K/60fps intern mit 10bit auf // Photokina 2018
von Frank B. - Mi 23:55
» Blackmagic DaVinci Resolve Update 15.1.2 bringt Verbesserungen und Bugfixes
von -paleface- - Mi 23:38
» Focus pumpen rausrechnen
von Jott - Mi 22:19
» Neue Sony Alpha 7 (R) III Firmware 2.0 macht Probleme
von Roland Schulz - Mi 20:43
» DOF / Tiefenschärfe
von Skeptiker - Mi 19:06
» Kopter oder Drohne gesucht - soll 400g tragen können, sonst nichts
von rush - Mi 17:43
» Audionamix Instant Dialogue Cleaner: säubert Sprachaufnahmen von Hintergrundlärm
von TK1971 - Mi 16:01
» Verkaufe Sennheiser MKE 400
von Jörg - Mi 15:54
» Bis dass der Tod uns scheidet - Unser Kurzfilm
von srone - Mi 14:44
» Probleme mit Beamer
von mario.simon - Mi 12:57
» Live Bild per Beamer
von carstenkurz - Mi 12:21
» Zukunft der Jaunt VR-Kamera ungewiss: Extended Reality statt (cinematischer) VR
von slashCAM - Mi 10:54
» Codecs: Eilig TV-taugliches Material verschicken.
von Jost - Mi 10:44
» Magix VDL 16 Fehlermeldung, alles weg
von wabu - Mi 10:22
» Interview Schnitt
von dosaris - Mi 9:25
» Hohenschönhausen
von manfred52 - Mi 9:11
 
neuester Artikel
 
Nikon Z7 - viele Crop-Modi und deren Unterschiede in der Bildqualität beim Filmen

Die neue, spiegellose Nikon Z-Serie bietet für Filmer einen soliden Mix aus interessanten Features. Doch wie schlägt sich der hochauflösende 45MP Sensor der neuen Nikon Z7 beim Downsampling und lohnt sich für Filmer das Warten auf die Z6? weiterlesen>>

Blackmagic Pocket Cinema Camera 4K in der Praxis: Hauttöne, Focal Reducer, Vergleich zur GH5S uvm.

In unserem ersten Praxistest mit der Blackmagic Pocket Cinema Camera 4K geht es um Hauttöne, allgemeines Handling, RAW-Recording, das Arbeiten mit Focal Reducern, Akkulaufzeiten und auch einen von vielen gewünschten Vergleich zur Panasonic GH5S (inkl. Atomos Ninja V Monitor-Recorder) können wir anbieten weiterlesen>>

neuestes Video
 

Aktuelles Video:
Code Elektro - SHINOBI (Official Video)

Ein Mix aus typischen SciFi-Bildern und -Bausteinen fügt sich hier zu einem erzählenden Musikvideo zusammen, eine Art CGI / Echtbild-Anime -- Hintergrundinfos zur Produktion hier.