added github-dark

This commit is contained in:
gurkenhabicht 2022-09-25 16:39:51 +02:00
parent 0be17bdf9f
commit d68e75472d
8 changed files with 193 additions and 30 deletions

View File

@ -1,3 +1,3 @@
[content]
path = "templates/content/"
style = "solarized-light" # Supported styles are one-dark, solarized-dark, solarized-light
style = "github-dark" # Supported styles are one-dark, solarized-dark, solarized-light, github-dark

View File

@ -1,9 +1,9 @@
.autocomplete-suggestions {
text-align: left;
cursor: default;
border: 1px solid #b58900;
border: 1px solid #c6cdd5;
border-top: 0;
background: #eee8d5;
background: #0d1117;
box-shadow: -1px 1px 3px rgba(0,0,0,.1);
/* core styles should not be changed */
@ -24,22 +24,22 @@
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: #657b83;
color: #ecf2f8;
}
.autocomplete-suggestion b {
font-weight: normal;
color: #1f8dd6;
color: #161b22;
}
.autocomplete-suggestion.selected {
background: #073642;
color: #93a1a1;
background: #77bdfb;
color: #ecf2f8;
}
.autocomplete-suggestion:hover {
background: #073642;
color: #93a1a1;
background: #77bdfb;
color: #ecf2f8;
}
.autocomplete-suggestion > .context {

View File

@ -0,0 +1,48 @@
.autocomplete-suggestions {
text-align: left;
cursor: default;
border: 1px solid #c6cdd5;
border-top: 0;
background: #0d1117;
box-shadow: -1px 1px 3px rgba(0,0,0,.1);
/* core styles should not be changed */
position: absolute;
display: none;
z-index: 9999;
max-height: 254px;
overflow: hidden;
overflow-y: auto;
box-sizing: border-box;
}
.autocomplete-suggestion {
position: relative;
cursor: pointer;
padding: 7px;
line-height: 23px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: #ecf2f8;
}
.autocomplete-suggestion b {
font-weight: normal;
color: #161b22;
}
.autocomplete-suggestion.selected {
background: #77bdfb;
color: #ecf2f8;
}
.autocomplete-suggestion:hover {
background: #77bdfb;
color: #ecf2f8;
}
.autocomplete-suggestion > .context {
font-size: 12px;
}

115
static/github-dark.css Normal file
View File

@ -0,0 +1,115 @@
html *{ font-family: Dejavu Sans Mono, MesloGS NF, Menlo, Consolas, Monospace !important; }
body { text-decoration: none; color: #ecf2f8; background-color: #161b22;}
blockquote { text-align: center; font-size: 16px; font-style: normal; line-height: 30px;}
pre { background-color: #0d1117;color: #ecf2f8;border: 1px solid #89929b; font-size: 14px; padding-left: 2ch;padding-top:2ch; padding-bottom: 2ch; overflow: auto; }
code { background-color: #0d1117; color: #ecf2f8; }
hr { height: 0px; }
a {color: inherit; text-decoration: none; }
a:hover {color: #77bdfb; text-decoration: solid underline;}
details > summary{ background-color: #0d1117; font-size: 18px;}
details > summary:hover { background-color: #21262d; color: #ecf2f8;}
details summary::-webkit-details-marker,
details summary::marker { content: "\1F4C1\20";}
::selection { background-color: #fa7970; }
::-moz-selection { background-color: #fa7970; }
.menu { line-height: 1em; font-size: 32px; line-height: 1em; text-decoration: none; }
.HolyGrail,
.HolyGrail-body {
display: flex;
flex-direction: column;
}
.HolyGrail-nav {
padding-right: 1em;
padding-top: 1em;
order: -1;
}
@media (min-width: 48em) {
.HolyGrail-body {
flex-direction: row;
flex: 1;
text-align: left;
}
.HolyGrail-content {
flex: 1;
text-align: left;
margin-left: 1em;
margin-right: 1em;
border-top: 1px solid #89929b; border-bottom: 1px solid #89929b;
}
.HolyGrail-nav, .HolyGrail-ads {
/* 12em is the width of the columns */
flex: 0 0 14em;
background-color: #0d1117;
}
.HolyGrail-ads ul li {
list-style-type: none!important;
text-align: left;
border: none;
white-space: normal;
}
.HolyGrail-nav ul {
list-style-type: none!important;
padding-left : 0.3em;
margin: 0em;
text-align: left;
}
.HolyGrail-nav li {
list-style-type: none!important;
padding-left : 1em;
margin: 0em;
text-align: left;
}
.HolyGrail-nav a{
overflow-wrap: break-word;
}
.HolyGrail-nav a:hover{
}
.HolyGrail-nav a:before{
content: "";
}
.HolyGrail-ads ul{
padding-left: 0.5em;
padding-right: 0;
}
.HolyGrail-ads ul li:before {
content: "\203B\20";
}
}
.search-container{
position: relative;
}
.search-container input {
display: inline-block;
align: center;
margin-top: 8px;
margin-bottom: 16px;
width: 30%;
height: 42px;
background-color: #0d1117;
border: 1px solid #21262d;
font-weight: 20px;
color: #c6cdd5;
cursor: pointer;
padding-left: 1ch;
padding-right: 1ch;
}
.search-container input:focus {
border: 2px solid #c6cdd5;
outline: 0 none;
}

View File

@ -4,8 +4,8 @@ blockquote { text-align: center; font-size: 16px; font-style: normal; line-heigh
pre { background-color: #282C34;color: #979FAD;border: 1px solid #282C34; font-size: 14px; padding-left: 2ch;padding-top:2ch; padding-bottom: 2ch; line-height: 18px; overflow: auto; }
code { background-color: #282C34; color: #979FAD; }
hr { height: 0px; }
a {color: inherit; text-decoration: solid underline;}
a:hover {color: #2979FF;}
a {color: inherit; text-decoration: none; }
a:hover {color: #2979FF; text-decoration: solid underline;}
details > summary{ background-color: #3A3F4B; font-size: 18px;}
details > summary:hover { background-color: #2F333D;}
details summary::-webkit-details-marker,

View File

@ -4,8 +4,8 @@ blockquote { text-align: center; font-size: 16px; font-style: normal; line-heigh
pre { background-color: #002b36;color: #839496;border: 1px solid #073642; font-size: 14px; padding-left: 2ch;padding-top:2ch; padding-bottom: 2ch; line-height: 18px; overflow: auto; }
code { background-color: #002b36; color: #839496; }
hr { height: 0px; }
a {color: inherit; text-decoration: solid underline;}
a:hover {color: #cb4b16;}
a {color: inherit; text-decoration: none; }
a:hover {color: #cb4b16; text-decoration: solid underline;}
details > summary{ background-color: #002b36; font-size: 18px;}
details > summary:hover { background-color: #839496; color: #002b36;}
details summary::-webkit-details-marker,

View File

@ -4,8 +4,8 @@ blockquote { text-align: center; font-size: 16px; font-style: normal; line-heigh
pre { background-color: #eee8d5;color: #657b83;border: 1px solid #073642; font-size: 14px; padding-left: 2ch;padding-top:2ch; padding-bottom: 2ch; line-height: 18px; overflow: auto; }
code { background-color: #eee8d5; color: #657b83; }
hr { height: 0px; }
a {color: inherit; text-decoration: solid underline;}
a:hover {color: #cb4b16;}
a {color: inherit; text-decoration: none; }
a:hover {color: #cb4b16; text-decoration: solid underline;}
details > summary{ background-color: #eee8d5; font-size: 18px;}
details > summary:hover { background-color: #073642 ; color: #eee8d5;}
details summary::-webkit-details-marker,

View File

@ -1,17 +1,17 @@
html *{ font-family: Dejavu Sans Mono, MesloGS NF, Menlo, Consolas, Monospace !important; }
body { text-decoration: none; color: #657b83; background-color: #fdf6e3;}
body { text-decoration: none; color: #ecf2f8; background-color: #161b22;}
blockquote { text-align: center; font-size: 16px; font-style: normal; line-height: 30px;}
pre { background-color: #eee8d5;color: #657b83;border: 1px solid #073642; font-size: 14px; padding-left: 2ch;padding-top:2ch; padding-bottom: 2ch; line-height: 18px; overflow: auto; }
code { background-color: #eee8d5; color: #657b83; }
pre { background-color: #0d1117;color: #ecf2f8;border: 1px solid #89929b; font-size: 14px; padding-left: 2ch;padding-top:2ch; padding-bottom: 2ch; overflow: auto; }
code { background-color: #0d1117; color: #ecf2f8; }
hr { height: 0px; }
a {color: inherit; text-decoration: solid underline;}
a:hover {color: #cb4b16;}
details > summary{ background-color: #eee8d5; font-size: 18px;}
details > summary:hover { background-color: #073642 ; color: #eee8d5;}
a {color: inherit; text-decoration: none; }
a:hover {color: #77bdfb; text-decoration: solid underline;}
details > summary{ background-color: #0d1117; font-size: 18px;}
details > summary:hover { background-color: #21262d; color: #ecf2f8;}
details summary::-webkit-details-marker,
details summary::marker { content: "\1F4C1\20";}
::selection { background-color: #073642; }
::-moz-selection { background-color: #073642; }
::selection { background-color: #fa7970; }
::-moz-selection { background-color: #fa7970; }
.menu { line-height: 1em; font-size: 32px; line-height: 1em; text-decoration: none; }
.HolyGrail,
@ -38,13 +38,13 @@ details summary::marker { content: "\1F4C1\20";}
text-align: left;
margin-left: 1em;
margin-right: 1em;
border-top: 1px solid #002b36; border-bottom: 1px solid #002b36;
border-top: 1px solid #89929b; border-bottom: 1px solid #89929b;
}
.HolyGrail-nav, .HolyGrail-ads {
/* 12em is the width of the columns */
flex: 0 0 14em;
background-color: #eee8d5;
background-color: #0d1117;
}
@ -101,15 +101,15 @@ details summary::marker { content: "\1F4C1\20";}
margin-bottom: 16px;
width: 30%;
height: 42px;
background-color: #eee8d5;
border: 1px solid #002b36;
background-color: #0d1117;
border: 1px solid #21262d;
font-weight: 20px;
color: #002b36;
color: #c6cdd5;
cursor: pointer;
padding-left: 1ch;
padding-right: 1ch;
}
.search-container input:focus {
border: 2px solid #b58900;
border: 2px solid #c6cdd5;
outline: 0 none;
}