| Re:Wäre ein Dark-Skin fürs Forum ein großer Aufwand? |  |
>Ich hab zwar nen Darkmode fürn Browser installiert, der einfach das Bild invertiert, was mir schon reichen würde. Das Problem beim Forum ist aber, dass bei jedem Refresh die Fenster kurz auf weiß zurückspringen, was es für die gestressten Augen nicht wirklich angenehm macht.
Ich hab mal auf die Schnelle einen zusammen geklickt. Man müsste dann wohl nur die CSS-Datei am Server austauschen. Das ist natürlich ein bescheidener Entwurf, da ich kein Designer, Grafiker, oder sowas bin :)
body {
font-family: arial, helvetica, sans-serif;
background-color: #f1f4f5;
color: #000000;
}
td, th {
font-family: arial, helvetica, sans-serif;
}
a:link {
text-decoration: none;
color: #b70000;
}
a:visited {
text-decoration: none;
color: #63728F;
}
a:active {
text-decoration: underline;
color: #b70000;
}
#norm {
font-size: 10pt;
}
#header {
font-size: 10pt;
font-weight: bold;
}
#input {
font-size: 10pt;
font-family: Times;
}
/* highlight user */
.highlight {
color: #b71100
}
/* highlight own entries */
.own {
font-weight: bold;
color: #0000ff;
}
/* background colors for table cells */
.bg1 {
background-color: #abbcc0;
}
.bg2 {
background-color: #e3e9ea;
}
#NetworkIDs {
position: absolute;
left: 180px;
top: 70px;
width: 350px;
height: 80px;
z-index: 1;
background-color: #FFFFFF;
}
.startbody {
margin: 0px;
padding: 0px;
background-color: #000000;
height: 100%;
background-image: url(../images/070326_gt_full.jpg);
background-repeat: no-repeat;
background-position: center 0px;
cursor: pointer;
}
.boardlist {
color: #63728F;
font-size: 10pt;
vertical-align: middle;
padding-left: 10px;
text-align: center;
}
.boardlist ul {
vertical-align: middle;
height: 20px;
margin: 0px;
padding-top: 3px;
}
.boardlist li {
display: inline;
cursor: pointer;
vertical-align: middle;
}
.boardlist li span:hover {
text-decoration: underline;
}
#quicksearchtext {
border: 1px solid darkgrey;
padding-left: 5px;
background: #efefef;
background-image: url(../images/lupe.png);
background-repeat: no-repeat;
background-position: right;
height: 22px;
border-radius: 11px;
}
.currentBoard span {
font-weight: bold;
}
@media (prefers-color-scheme: dark) {
body {
background-color: #000000;
color: #f1f4f5;
}
a:link {
color: #ffc6c6;
}
a:visited {
color: #88A2D5;
}
.bg1 {
background-color: #627d84;
}
.bg2 {
background-color: #526062;
}
.boardlist {
color: #E0E1E3;
}
#quicksearchtext {
background-color: #4a4a4a;
color: #E0E1E3;
}
img[src="images/open.gif"] {
filter: invert(1);
}
textarea, input[type="text"] {
background-color: #000000;
color: #f1f4f5;
}
}