stefan
/
husk
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

added solarized-dark

This commit is contained in:
gurkenhabicht 2022-09-25 15:23:58 +02:00
parent c76b67883c
commit ff7a272474
7 changed files with 190 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
settings.toml
View File

@ -1,3 +1,3 @@
[content] [content]
path = "templates/content/" path = "templates/content/"
style = "one-dark" # Take a look at https://pygments.org/styles/ style = "solarized-dark" # Supported styles are one-dark, solarized-dark

15
static/auto-complete.css
View File

@ -1,9 +1,9 @@
.autocomplete-suggestions { .autocomplete-suggestions {
text-align: left; text-align: left;
cursor: default; cursor: default;
border: 1px solid #ccc; border: 1px solid #b58900;
border-top: 0; border-top: 0;
background: #fff; background: #93a1a1;
box-shadow: -1px 1px 3px rgba(0,0,0,.1); box-shadow: -1px 1px 3px rgba(0,0,0,.1);
/* core styles should not be changed */ /* core styles should not be changed */
@ -24,7 +24,7 @@
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
color: #333; color: #073642;
} }
.autocomplete-suggestion b { .autocomplete-suggestion b {
@ -33,17 +33,16 @@
} }
.autocomplete-suggestion.selected { .autocomplete-suggestion.selected {
background: #333; background: #073642;
color: #fff; color: #93a1a1;
} }
.autocomplete-suggestion:hover { .autocomplete-suggestion:hover {
background: #444; background: #073642;
color: #fff; color: #93a1a1;
} }
.autocomplete-suggestion > .context { .autocomplete-suggestion > .context {
font-size: 12px; font-size: 12px;
} }

2
static/one-dark.css
View File

@ -105,6 +105,8 @@ details summary::marker { content: "\1F4C1\20";}
font-weight: 20px; font-weight: 20px;
color: #979FAD; color: #979FAD;
cursor: pointer; cursor: pointer;
padding-left: 1ch;
padding-right: 1ch;
} }
.search-container input:focus { .search-container input:focus {
border: 2px solid #282C34; border: 2px solid #282C34;

48
static/solarized-dark-auto-complete.css Normal file
View File

@ -0,0 +1,48 @@
.autocomplete-suggestions {
text-align: left;
cursor: default;
border: 1px solid #b58900;
border-top: 0;
background: #93a1a1;
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: #073642;
}
.autocomplete-suggestion b {
font-weight: normal;
color: #1f8dd6;
}
.autocomplete-suggestion.selected {
background: #073642;
color: #93a1a1;
}
.autocomplete-suggestion:hover {
background: #073642;
color: #93a1a1;
}
.autocomplete-suggestion > .context {
font-size: 12px;
}

115
static/solarized-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: #93a1a1; background-color: #073642;}
blockquote { text-align: center; font-size: 16px; font-style: normal; line-height: 30px;}
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;}
details > summary{ background-color: #002b36; font-size: 18px;}
details > summary:hover { background-color: #839496; color: #002b36;}
details summary::-webkit-details-marker,
details summary::marker { content: "\1F4C1\20";}
::selection { background-color: #fdf6e3; }
::-moz-selection { background-color: #fdf6e3; }
.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 #002b36; border-bottom: 1px solid #002b36;
}
.HolyGrail-nav, .HolyGrail-ads {
/* 12em is the width of the columns */
flex: 0 0 14em;
background-color: #002b36;
}
.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: #839496;
border: 1px solid #002b36;
font-weight: 20px;
color: #002b36;
cursor: pointer;
padding-left: 1ch;
padding-right: 1ch;
}
.search-container input:focus {
border: 2px solid #b58900;
outline: 0 none;
}

29
static/stylesheet.css
View File

@ -1,15 +1,17 @@
html *{ font-family: Dejavu Sans Mono, MesloGS NF, Menlo, Consolas, Monospace !important; } html *{ font-family: Dejavu Sans Mono, MesloGS NF, Menlo, Consolas, Monospace !important; }
body { text-decoration: none; color: #979FAD; background-color: #2F333D;} body { text-decoration: none; color: #93a1a1; background-color: #073642;}
blockquote { text-align: center; font-size: 16px; font-style: normal; line-height: 30px;} blockquote { text-align: center; font-size: 16px; font-style: normal; line-height: 30px;}
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; } 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: #282C34; color: #979FAD; } code { background-color: #002b36; color: #839496; }
hr { height: 0px; } hr { height: 0px; }
a {color: inherit; text-decoration: solid underline;} a {color: inherit; text-decoration: solid underline;}
a:hover {color: #2979FF;} a:hover {color: #cb4b16;}
details > summary{ background-color: #3A3F4B; font-size: 18px;} details > summary{ background-color: #002b36; font-size: 18px;}
details > summary:hover { background-color: #2F333D;} details > summary:hover { background-color: #839496; color: #002b36;}
details summary::-webkit-details-marker, details summary::-webkit-details-marker,
details summary::marker { content: "\1F4C1\20";} details summary::marker { content: "\1F4C1\20";}
::selection { background-color: #fdf6e3; }
::-moz-selection { background-color: #fdf6e3; }
.menu { line-height: 1em; font-size: 32px; line-height: 1em; text-decoration: none; } .menu { line-height: 1em; font-size: 32px; line-height: 1em; text-decoration: none; }
.HolyGrail, .HolyGrail,
@ -22,7 +24,6 @@ details summary::marker { content: "\1F4C1\20";}
padding-right: 1em; padding-right: 1em;
padding-top: 1em; padding-top: 1em;
order: -1; order: -1;
background-color: #3A3F4B;
} }
@media (min-width: 48em) { @media (min-width: 48em) {
@ -37,13 +38,13 @@ details summary::marker { content: "\1F4C1\20";}
text-align: left; text-align: left;
margin-left: 1em; margin-left: 1em;
margin-right: 1em; margin-right: 1em;
border-top: 1px solid #979FAD; border-bottom: 1px solid #979FAD; border-top: 1px solid #002b36; border-bottom: 1px solid #002b36;
} }
.HolyGrail-nav, .HolyGrail-ads { .HolyGrail-nav, .HolyGrail-ads {
/* 12em is the width of the columns */ /* 12em is the width of the columns */
flex: 0 0 14em; flex: 0 0 14em;
background-color: #3A3F4B; background-color: #002b36;
} }
@ -100,13 +101,15 @@ details summary::marker { content: "\1F4C1\20";}
margin-bottom: 16px; margin-bottom: 16px;
width: 30%; width: 30%;
height: 42px; height: 42px;
background-color: #3A3F4B; background-color: #839496;
border: 1px solid #282C34; border: 1px solid #002b36;
font-weight: 20px; font-weight: 20px;
color: #979FAD; color: #002b36;
cursor: pointer; cursor: pointer;
padding-left: 1ch;
padding-right: 1ch;
} }
.search-container input:focus { .search-container input:focus {
border: 2px solid #282C34; border: 2px solid #b58900;
outline: 0 none; outline: 0 none;
} }

2
templates/template.html
View File

@ -23,7 +23,7 @@
</div> </div>
<div class="search-container"> <div class="search-container">
<label for="search-by"><i class="fas fa-search"></i></label> <label for="search-by"><i class="fas fa-search"></i></label>
<input data-search-input="" id="search-by" type="search" placeholder=" Search..." autocomplete="off"> <input data-search-input="" id="search-by" type="search" placeholder="Search..." autocomplete="off">
<!--button type="submit"><i class="search"></i>&#128269;</button>--> <!--button type="submit"><i class="search"></i>&#128269;</button>-->
<span data-search-clear=""><i class="fas fa-times"></i></span> <span data-search-clear=""><i class="fas fa-times"></i></span>
<p></p> <p></p>