dark mode

master
derzombiiie 2021-08-18 16:55:10 +02:00
parent da020714e6
commit 0b84797483
6 changed files with 338 additions and 2 deletions

View File

@ -46,8 +46,8 @@ class entry {
<div class="brow">
<span class="tags">${tags}</span>
<span class="rating">
<span class="plus" title="click to vote +"><a class="upvote" >${this.rating["+"]}</a></span>
<span class="minus" title="click to vote -"><a class="downvote">${this.rating["-"]}</a></span>
<span class="plus" title="upvotes"><a class="upvote" >${this.rating["+"]}</a></span>
<span class="minus" title="downvotes"><a class="downvote">${this.rating["-"]}</a></span>
</div>
</div>
</div>`

View File

@ -16,6 +16,7 @@
</script>
<script src="/static/js/themes.js"></script>
<script src="/static/js/menubar.js"></script>
<script src="/static/js/footer.js"></script>
<script src="/static/js/entry.js"></script>
<script src="/static/js/comment.js"></script>
<script src="/static/js/share.js"></script>

248
html/style/dark.css Normal file
View File

@ -0,0 +1,248 @@
/* Dark-theme */
body, html {
background-color: #202020;
}
/* MENU */
.menubox {
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: #AAAAAA;
}
.menubox > .menubar {
}
.menubox > .menubar > *:not(.spacer) {
font-family: slkscr;
font-size: 1.7em;
border-style: solid;
border-radius: 1px;
border-width: 2px;
border-color: #AAAAAA;
color: #AAAAAA;
}
.menubox > .menubar > *:not(.spacer):hover {
background-color: #6d5dbf33;
}
.menubox > .menubar > .input > img {
image-rendering: pixelated;
image-rendering: -moz-crisp-edges;
image-rendering: crisp-edges;
}
/* entry */
.entrybox > .entry {
border-style: solid;
border-width: 1px;
border-color: #6d5dbf;
border-top-style: solid;
border-top-width: 0.6em;
border-top-color: #6d5dbf;
}
.entrybox > .entry:hover {
background-color: #6d5dbf33;
}
.entrybox > .entry > .title {
position: relative;
font-size: 3em;
font-family: slkscr;
color: #AAAAAA;
}
.entrybox > .entry > .title:hover {
text-decoration: underline;
}
.entrybox > .metaentry > .title:hover {
text-decoration: none;
}
.entrybox > .entry > .author {
font-style: italic;
font-family: slkscr;
font-size: 1em;
color: black;
}
.entrybox > .entry > .author > .author {
font-family: slkscr;
text-decoration: none;
color: #AAAAAA;
}
.entrybox > .entry > .author > .author:hover {
text-decoration: underline;
}
.entrybox > .entry > .seperator {
border: none;
border-top-color: #6d5dbf;
border-top-width: 1px;
border-top-style: solid;
}
.entrybox > .entry > .tags {
height: 2em;
}
.entrybox > .entry > .tagtitle {
font-size: 0.7em;
font-style: italic;
}
.entrybox > .entry > .brow > .tags > .tag {
position: relative;
top: 0.4em;
left: -0.3em;
margin-left: 0.4em;
padding: 0.15em;
padding-top: 0.1em;
border-color: #6d5dbf;
border-width: 1px;
border-style: solid;
border-top-color: #6f5dbf;
border-top-width: 0.3em;
border-top-style: solid;
}
.entrybox > .entry > .preview {
color: #AAAAAA;
}
.entrybox > .entry > .preview > * {
color: #AAAAAA;
}
.entrybox > .entry.metaentry > .preview > input {
color: black;
}
.entrybox > .entry.metaentry > .preview > textarea {
background-color: #202020;
border-color: black;
color: #AAAAAA;
}
.entrybox > .entry > .brow > .tags > .tag > a {
font-family: slkscr;
color: #AAAAAA;
}
.entrybox > .entry > .brow >.tags > .tag:hover {
background-color: #6f5dbf33
}
.entrybox > .entry > .brow {
position: relative;
width: 100%;
height: 2.1em;
}
.entrybox > .entry > .brow > .rating {
position: relative;
float: right;
}
.entrybox > .entry > .brow > .rating > span {
position: relative;
top: 0.4em;
left: -0.3em;
margin-left: 0.4em;
padding: 0.15em;
padding-top: 0.1em;
border-width: 1px;
border-style: solid;
border-top-width: 0.3em;
border-top-style: solid;
}
.entrybox > .entry > .brow > .rating > span > a {
font-family: slkscr;
color: #AAAAAA;
}
.entrybox > .entry > .brow > .rating > span.plus {
border-color: green;
}
.entrybox > .entry > .brow > .rating > span.minus {
border-color: red;
}
.entrybox > .entry > .brow > .rating > span.plus:hover {
background-color: #007F0033;
}
.entrybox > .entry > .brow > .rating > span.minus:hover {
background-color: #7F000033
}
* {
color: #AAAAAA;
}
/* pager */
.pager {
width: 100%;
text-align: center;
}
.pager > .pager.entry {
position: relative;
top: 0.4em;
left: -0.3em;
margin-left: 0.4em;
padding: 0.15em;
padding-top: 0.1em;
padding-left: 0.2em;
padding-right: 0.2em;
border-color: #414141;
border-width: 1px;
border-style: solid;
border-top-color: #414141;
border-top-width: 0.2em;
border-top-style: solid;
}
.pager > .pager.entry > a {
color: #AAAAAA;
font-family: slkscr;
}
.pager > .pager.entry:hover {
background-color: #41414133
}
.pager > .pager.entry.selected {
background-color: #AAAAAA33
}
/* comments */
.comments > .comment {
border-style: solid;
border-width: 1px;
border-color: #606060;
border-top-style: solid;
border-top-width: 0.4em;
border-top-color: #606060;
}
.comments > .comment:hover {
background-color: #60606033
}
.comments > .comment > .authorbox > .author {
position: relative;
font-size: 1.5em;
font-family: slkscr;
color: #AAAAAA;
}
.comments > .comment > .authorbox > .timestamp {
font-size: 0.8em;
font-style: italic;
color: #AAAAAA;
}
.comments > .comment > .body {
color: #AAAAAA;
}
.comments > .hidden {
visibility: hidden;
}
/* other stuff */
/* footer */
.footer > a.text {
font-size: 0.7em;
}
/* cookie settings */
.cookiesetting > * {
margin-right: 0px;
margin-left: 0.5em;
}
.cookiesetting {
display: flex;
justify-content: left;
}

View File

@ -164,6 +164,9 @@
border-top-width: 0.2em;
border-top-style: solid;
}
.pager > .pager.entry > a {
font-family: slkscr;
}
.pager > .pager.entry:hover {
background-color: #41414133
}

View File

@ -6,8 +6,11 @@ a {
text-decoration: none;
}
body, html {
position: absolute;
width: 100%;
background-color: white;
top: -4px;
left: -4px;
}
.content {
position: relative;
@ -129,6 +132,9 @@ textarea.comment {
top: 0.5em;
margin-bottom: 1em;
}
.commentbox {
padding-bottom: 1em;
}
/* admin/editor */
.entrybox > .entry.metaentry > .preview > .editor > input.editor.title {

View File

@ -1225,3 +1225,81 @@ err, crashed!"
1629290106061 | Trying to vote on post: 1; and vote: -; iptkn: 4556512502163765; ip: 82.207.236.224;
1629290108664 | Trying to vote on post: 1; and vote: +; iptkn: 6268991658303812; ip: 82.207.236.224;
1629290317527 | Reading posts sorted by "new" with a length of 10
--- SEPERATOR ---
1629293623495 | Dumping config:
1629293623501 | {"debug":false,"logging":1337,"logfile":"logs/log.log","ipget_endpoint_set":"//derzombiiie.com/getip.php?settoken=${TOKEN}","ipget_endpoint_get":"//derzombiiie.com/getip.php?token=${TOKEN}","cl":true,"site_name":"blog.derzombiiie.com","search_enable":false,"search_only_tags":true,"commenting_enabled":true,"post_ranking_auto":43200,"index_post_sort":"new","comment_sync_on_write":false,"comment_auto_sync":360}
1629293879008 | Reading posts sorted by "new" with a length of 10
1629293924472 | Reading posts sorted by "new" with a length of 10
1629294088568 | Reading posts sorted by "new" with a length of 10
1629294093947 | Reading posts sorted by "new" with a length of 10
1629294112978 | Reading post 2
1629294132084 | Reading posts sorted by "new" with a length of 10
1629294161794 | Reading posts sorted by "new" with a length of 10
1629294238280 | Reading posts sorted by "new" with a length of 10
1629294249100 | Reading posts sorted by "new" with a length of 10
1629294259671 | Reading posts sorted by "new" with a length of 10
1629294309635 | Reading posts sorted by "new" with a length of 10
1629294342655 | Reading posts sorted by "new" with a length of 10
1629294382743 | Reading posts sorted by "new" with a length of 10
1629294390640 | Reading posts sorted by "new" with a length of 10
1629294396933 | Reading posts sorted by "new" with a length of 10
1629294428467 | Reading posts sorted by "new" with a length of 10
1629294437332 | Reading posts sorted by "new" with a length of 10
1629294446755 | Reading posts sorted by "new" with a length of 10
1629294456414 | Reading posts sorted by "new" with a length of 10
1629294471428 | Reading posts sorted by "new" with a length of 10
1629294486852 | Reading posts sorted by "new" with a length of 10
1629294513759 | Reading posts sorted by "new" with a length of 10
1629294549920 | Reading posts sorted by "new" with a length of 10
1629294558070 | Reading posts sorted by "new" with a length of 10
1629294572775 | Reading posts sorted by "new" with a length of 10
1629294588591 | Reading posts sorted by "new" with a length of 10
1629294607298 | Reading posts sorted by "new" with a length of 10
1629294647532 | Reading posts sorted by "new" with a length of 10
1629294657301 | Reading posts sorted by "new" with a length of 10
1629294702684 | Reading posts sorted by "new" with a length of 10
1629294721644 | Reading posts sorted by "new" with a length of 10
1629294790383 | Reading posts sorted by "new" with a length of 10
1629295105584 | Reading posts sorted by "new" with a length of 10
1629295141831 | Reading posts sorted by "new" with a length of 10
1629295172281 | Reading posts sorted by "new" with a length of 10
1629295304733 | Reading posts sorted by "new" with a length of 10
1629295331345 | Reading postindex
1629295331827 | Reading posts sorted by "hot" with a length of 5
1629295334280 | Reading postindex
1629295334784 | Reading posts sorted by "hot" with a length of 5
1629295339961 | Reading posts sorted by "new" with a length of 10
1629295341093 | Reading post 1
1629295341538 | Reading comments from post "1", with length: undefined
1629295423741 | Reading post 1
1629295424231 | Reading comments from post "1", with length: undefined
1629295436132 | Reading post 1
1629295436566 | Reading comments from post "1", with length: undefined
1629295494323 | Reading post 1
1629295494822 | Reading comments from post "1", with length: undefined
1629295510069 | Reading post 1
1629295510607 | Reading comments from post "1", with length: undefined
1629295563320 | Reading post 1
1629295563868 | Reading comments from post "1", with length: undefined
1629295574709 | Reading post 1
1629295575167 | Reading comments from post "1", with length: undefined
1629295592973 | Reading post 1
1629295593487 | Reading comments from post "1", with length: undefined
1629295606388 | Reading post 1
1629295606954 | Reading comments from post "1", with length: undefined
1629295619490 | Reading post 1
1629295619970 | Reading comments from post "1", with length: undefined
1629295638829 | Reading post 1
1629295639396 | Reading comments from post "1", with length: undefined
1629295654505 | Reading post 1
1629295655031 | Reading comments from post "1", with length: undefined
1629295724205 | Reading post 1
1629295724701 | Reading comments from post "1", with length: undefined
1629295741886 | Reading post 1
1629295742456 | Reading comments from post "1", with length: undefined
1629296053066 | Reading post 1
1629296376644 | Reading post 1
1629296377252 | Reading comments from post "1", with length: undefined
1629298025786 | Reading posts sorted by "new" with a length of 10
1629298038343 | Reading posts sorted by "new" with a length of 10
--- SEPERATOR ---