added solarized-light

This commit is contained in:
gurkenhabicht 2022-09-25 15:49:58 +02:00
parent ff7a272474
commit 0be17bdf9f
5 changed files with 175 additions and 12 deletions

View File

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

View File

@ -3,7 +3,7 @@
cursor: default;
border: 1px solid #b58900;
border-top: 0;
background: #93a1a1;
background: #eee8d5;
box-shadow: -1px 1px 3px rgba(0,0,0,.1);
/* core styles should not be changed */
@ -24,7 +24,7 @@
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: #073642;
color: #657b83;
}
.autocomplete-suggestion b {

View File

@ -0,0 +1,48 @@
.autocomplete-suggestions {
text-align: left;
cursor: default;
border: 1px solid #b58900;
border-top: 0;
background: #eee8d5;
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: #657b83;
}
.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-light.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: #657b83; background-color: #fdf6e3;}
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; }
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;}
details summary::-webkit-details-marker,
details summary::marker { content: "\1F4C1\20";}
::selection { background-color: #073642; }
::-moz-selection { background-color: #073642; }
.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: #eee8d5;
}
.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: #eee8d5;
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;
}

View File

@ -1,17 +1,17 @@
html *{ font-family: Dejavu Sans Mono, MesloGS NF, Menlo, Consolas, Monospace !important; }
body { text-decoration: none; color: #93a1a1; background-color: #073642;}
body { text-decoration: none; color: #657b83; background-color: #fdf6e3;}
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; }
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;}
details > summary{ background-color: #002b36; font-size: 18px;}
details > summary:hover { background-color: #839496; color: #002b36;}
details > summary{ background-color: #eee8d5; font-size: 18px;}
details > summary:hover { background-color: #073642 ; color: #eee8d5;}
details summary::-webkit-details-marker,
details summary::marker { content: "\1F4C1\20";}
::selection { background-color: #fdf6e3; }
::-moz-selection { background-color: #fdf6e3; }
::selection { background-color: #073642; }
::-moz-selection { background-color: #073642; }
.menu { line-height: 1em; font-size: 32px; line-height: 1em; text-decoration: none; }
.HolyGrail,
@ -44,7 +44,7 @@ details summary::marker { content: "\1F4C1\20";}
.HolyGrail-nav, .HolyGrail-ads {
/* 12em is the width of the columns */
flex: 0 0 14em;
background-color: #002b36;
background-color: #eee8d5;
}
@ -101,7 +101,7 @@ details summary::marker { content: "\1F4C1\20";}
margin-bottom: 16px;
width: 30%;
height: 42px;
background-color: #839496;
background-color: #eee8d5;
border: 1px solid #002b36;
font-weight: 20px;
color: #002b36;