darkbeet_colors (#6)
Thanks to @antilopa who produced nice color template for darkbeets I have updated the theme for searx. I started also preparing the way of writting themes where all colors and other disroot special elements can be variabled and used in unified way across all our themes. For changes, check `beetroot_static/src/less` which is the source from which the css is build. Additionally I fixed the issue with red underscore when hovering above icons for link apps on the main page. Once this is accepted and we are happy with the result of both beetroot and darkbeet colors I will move on to cleanup the code and rename the theme colorscheme from logicodev to just beetroot Co-authored-by: muppeth <muppeth@disroot.org> Reviewed-on: #6 Co-authored-by: muppeth <muppeth@no-reply@disroot.org> Co-committed-by: muppeth <muppeth@no-reply@disroot.org>
This commit is contained in:
parent
c353accf88
commit
1c7f386661
|
@ -22,7 +22,7 @@
|
|||
text-decoration: none;
|
||||
}
|
||||
.searx-navbar .instance a {
|
||||
color: #d7ec9f;
|
||||
color: #476202;
|
||||
margin-left: 2rem;
|
||||
}
|
||||
.searx-navbar img {
|
||||
|
@ -63,7 +63,7 @@ body {
|
|||
/* Margin bottom by footer height */
|
||||
font-family: 'Roboto', Helvetica, Arial, sans-serif;
|
||||
margin-bottom: 80px;
|
||||
background-color: #dcd7d7;
|
||||
background-color: #DCD7D7;
|
||||
}
|
||||
body a {
|
||||
color: #8EB726;
|
||||
|
@ -78,11 +78,14 @@ body a {
|
|||
color: #FFFFFF;
|
||||
background-color: #50162D;
|
||||
}
|
||||
.footer a {
|
||||
color: #3D8D82;
|
||||
}
|
||||
#about {
|
||||
padding: 5rem;
|
||||
background-color: #eeeeee;
|
||||
background-color: #EEEEEE;
|
||||
border-radius: 2rem;
|
||||
color: #666;
|
||||
color: #666666;
|
||||
}
|
||||
input[type=checkbox]:checked + .label_hide_if_checked,
|
||||
input[type=checkbox]:checked + .label_hide_if_not_checked + .label_hide_if_checked {
|
||||
|
@ -146,7 +149,7 @@ input[type=checkbox]:not(:checked) + .label_hide_if_checked + .label_hide_if_not
|
|||
.onoffswitch-switch {
|
||||
display: block;
|
||||
width: 37px;
|
||||
background-color: #d7ec9f;
|
||||
background-color: #476202;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
|
@ -178,10 +181,10 @@ input[type=checkbox]:not(:checked) + .label_hide_if_checked + .label_hide_if_not
|
|||
text-decoration: none;
|
||||
}
|
||||
.result_header a:hover {
|
||||
color: #8EB726;
|
||||
color: #476202;
|
||||
}
|
||||
.result_header a:visited {
|
||||
color: #A4A4A4;
|
||||
color: #666666;
|
||||
}
|
||||
.result_header a .highlight {
|
||||
font-weight: bold;
|
||||
|
@ -192,7 +195,7 @@ input[type=checkbox]:not(:checked) + .label_hide_if_checked + .label_hide_if_not
|
|||
margin-top: 2px;
|
||||
margin-bottom: 0;
|
||||
word-wrap: break-word;
|
||||
color: #666;
|
||||
color: #666666;
|
||||
font-size: 13px;
|
||||
}
|
||||
.result .highlight {
|
||||
|
@ -211,7 +214,7 @@ input[type=checkbox]:not(:checked) + .label_hide_if_checked + .label_hide_if_not
|
|||
margin-bottom: 0.8em;
|
||||
}
|
||||
.external-link {
|
||||
color: #8EB726;
|
||||
color: #476202;
|
||||
font-size: 12px;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
@ -225,7 +228,7 @@ input[type=checkbox]:not(:checked) + .label_hide_if_checked + .label_hide_if_not
|
|||
.result-map {
|
||||
clear: both;
|
||||
padding: 0.5em 2em;
|
||||
background-color: #eeeeee;
|
||||
background-color: #EEEEEE;
|
||||
margin-bottom: 0.4em;
|
||||
box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2);
|
||||
border-radius: 0.3rem;
|
||||
|
@ -284,7 +287,7 @@ input[type=checkbox]:not(:checked) + .label_hide_if_checked + .label_hide_if_not
|
|||
color: #8EB726;
|
||||
}
|
||||
.result-torrent .leechers {
|
||||
color: #F35E77;
|
||||
color: #61273E;
|
||||
}
|
||||
.result-metadata {
|
||||
clear: both;
|
||||
|
@ -292,10 +295,10 @@ input[type=checkbox]:not(:checked) + .label_hide_if_checked + .label_hide_if_not
|
|||
}
|
||||
.result-metadata td {
|
||||
padding-right: 1em;
|
||||
color: #A4A4A4;
|
||||
color: #F6F9FA;
|
||||
}
|
||||
.result-metadata td:first-of-type {
|
||||
color: #666;
|
||||
color: #666666;
|
||||
}
|
||||
.result-map {
|
||||
clear: both;
|
||||
|
@ -305,14 +308,14 @@ input[type=checkbox]:not(:checked) + .label_hide_if_checked + .label_hide_if_not
|
|||
}
|
||||
.result-code .code-fork,
|
||||
.result-code .code-fork a {
|
||||
color: #666;
|
||||
color: #666666;
|
||||
}
|
||||
.suggestion_item {
|
||||
margin: 2px 5px;
|
||||
max-width: 100%;
|
||||
}
|
||||
.suggestion_item .btn {
|
||||
background-color: #eeeeee;
|
||||
background-color: #EEEEEE;
|
||||
border: 0px;
|
||||
max-width: 100%;
|
||||
white-space: normal;
|
||||
|
@ -344,7 +347,7 @@ input[type=checkbox]:not(:checked) + .label_hide_if_checked + .label_hide_if_not
|
|||
}
|
||||
.modal-wrapper {
|
||||
background-clip: padding-box;
|
||||
background-color: #F35E77;
|
||||
background-color: #61273E;
|
||||
border: 1px solid rgba(0, 0, 0, 0.2);
|
||||
border-radius: 6px;
|
||||
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
|
||||
|
@ -377,7 +380,7 @@ input[type=checkbox]:not(:checked) + .label_hide_if_checked + .label_hide_if_not
|
|||
max-height: "250px";
|
||||
}
|
||||
.infobox .btn {
|
||||
background-color: #007AB8;
|
||||
background-color: #8EB726;
|
||||
border: none;
|
||||
}
|
||||
.infobox .btn a {
|
||||
|
@ -385,7 +388,7 @@ input[type=checkbox]:not(:checked) + .label_hide_if_checked + .label_hide_if_not
|
|||
margin: 5px;
|
||||
}
|
||||
.infobox .btn-default {
|
||||
background-color: #F35E77;
|
||||
background-color: #61273E;
|
||||
color: #000;
|
||||
border: 0px;
|
||||
}
|
||||
|
@ -451,7 +454,7 @@ input[type=checkbox]:not(:checked) + .label_hide_if_checked + .label_hide_if_not
|
|||
font-size: 1.2rem;
|
||||
font-weight: normal;
|
||||
background-color: #FFFFFF;
|
||||
color: #666;
|
||||
color: #666666;
|
||||
padding-bottom: 1rem;
|
||||
padding-top: 1rem;
|
||||
text-align: center;
|
||||
|
@ -469,7 +472,7 @@ input[type=checkbox]:not(:checked) + .label_hide_if_checked + .label_hide_if_not
|
|||
#categories label:last-child,
|
||||
.search_categories .input-group-addon:last-child,
|
||||
#categories .input-group-addon:last-child {
|
||||
border-right: #dcd7d7 1px solid;
|
||||
border-right: #DCD7D7 1px solid;
|
||||
}
|
||||
.search_categories input[type="checkbox"]:checked + label,
|
||||
#categories input[type="checkbox"]:checked + label {
|
||||
|
@ -492,7 +495,7 @@ input[type=checkbox]:not(:checked) + .label_hide_if_checked + .label_hide_if_not
|
|||
}
|
||||
#search_form .input-group-btn .btn {
|
||||
border: 0px;
|
||||
color: #dcd7d7;
|
||||
color: #DCD7D7;
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
#search_form .input-group-btn .btn:hover {
|
||||
|
@ -506,9 +509,9 @@ input[type=checkbox]:not(:checked) + .label_hide_if_checked + .label_hide_if_not
|
|||
-moz-appearance: none;
|
||||
font-size: 1.2rem;
|
||||
font-weight: normal;
|
||||
background-color: red;
|
||||
border: #888 1px solid;
|
||||
color: #666;
|
||||
background-color: #F6F9FA;
|
||||
border: textcolor-bright 1px solid;
|
||||
color: #666666;
|
||||
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAQAAACR313BAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAJcEhZcwAABFkAAARZAVnbJUkAAAAHdElNRQfgBxgLDwB20OFsAAAAbElEQVQY073OsQ3CMAAEwJMYwJGnsAehpoXJItltBkmcdZBYgIIiQoLglnz3ui+eP+bk5uneteTMZJa6OJuIqvYzSJoqwqBq8gdmTTW86/dghxAUq4xsVYT9laBYXCw93Aajh7GPEF23t4fkBYevGFTANkPRAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE2LTA3LTI0VDExOjU1OjU4KzAyOjAwRFqFOQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNi0wNy0yNFQxMToxNTowMCswMjowMP7RDgQAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAAAElFTkSuQmCC) 96% no-repeat;
|
||||
}
|
||||
.custom-select-rtl {
|
||||
|
@ -527,7 +530,7 @@ input[type=checkbox]:not(:checked) + .label_hide_if_checked + .label_hide_if_not
|
|||
}
|
||||
.label-danger,
|
||||
.btn-danger {
|
||||
background: #c9432f;
|
||||
background: #61273E;
|
||||
}
|
||||
.label-success,
|
||||
.btn-success {
|
||||
|
@ -547,17 +550,17 @@ select.form-control {
|
|||
#advanced-search-container .input-group-addon {
|
||||
font-size: 1.2rem;
|
||||
font-weight: normal;
|
||||
background-color: #eeeeee;
|
||||
border: #dcd7d7 1px solid;
|
||||
background-color: #EEEEEE;
|
||||
border: #DCD7D7 1px solid;
|
||||
border-right: none;
|
||||
color: #666;
|
||||
color: #666666;
|
||||
padding-bottom: 0.4rem;
|
||||
padding-right: 0.7rem;
|
||||
padding-left: 0.7rem;
|
||||
}
|
||||
#advanced-search-container label:last-child,
|
||||
#advanced-search-container .input-group-addon:last-child {
|
||||
border-right: #dcd7d7 1px solid;
|
||||
border-right: #DCD7D7 1px solid;
|
||||
}
|
||||
#advanced-search-container input[type="radio"] {
|
||||
display: none;
|
||||
|
@ -565,7 +568,7 @@ select.form-control {
|
|||
#advanced-search-container input[type="radio"]:checked + label {
|
||||
color: #50162D;
|
||||
font-weight: bold;
|
||||
border-bottom: #d7ec9f 5px solid;
|
||||
border-bottom: #476202 5px solid;
|
||||
}
|
||||
#check-advanced:focus + label {
|
||||
text-decoration: underline;
|
||||
|
@ -987,8 +990,8 @@ th:hover .engine-tooltip,
|
|||
border: 0px;
|
||||
}
|
||||
.panel-default > .panel-heading {
|
||||
background-color: #eeeeee;
|
||||
color: #666;
|
||||
background-color: #EEEEEE;
|
||||
color: #666666;
|
||||
border: 0px;
|
||||
}
|
||||
.alert {
|
||||
|
@ -998,7 +1001,7 @@ th:hover .engine-tooltip,
|
|||
}
|
||||
.btn-default {
|
||||
border: 0px;
|
||||
background-color: #dcd7d7;
|
||||
background-color: #DCD7D7;
|
||||
color: #50162D;
|
||||
}
|
||||
.btn-default:hover {
|
||||
|
@ -1017,8 +1020,8 @@ th:hover .engine-tooltip,
|
|||
.form-control[disabled],
|
||||
.form-control[readonly],
|
||||
fieldset[disabled] .form-control {
|
||||
color: #666;
|
||||
background-color: #eeeeee;
|
||||
color: #666666;
|
||||
background-color: #EEEEEE;
|
||||
border: 0px;
|
||||
}
|
||||
label {
|
||||
|
@ -1062,9 +1065,6 @@ label {
|
|||
text-decoration: none;
|
||||
text-align: center;
|
||||
}
|
||||
.dashlink:hover {
|
||||
color: #a33;
|
||||
}
|
||||
.dashlink-text {
|
||||
padding: 0px;
|
||||
color: #000;
|
||||
|
|
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
@ -4,13 +4,13 @@
|
|||
html {
|
||||
position: relative;
|
||||
min-height: 100%;
|
||||
color: #1F5C60;
|
||||
color: #8EB726;
|
||||
}
|
||||
body {
|
||||
/* Margin bottom by footer height */
|
||||
font-family: 'Roboto', Helvetica, Arial, sans-serif;
|
||||
margin-bottom: 80px;
|
||||
background-color: #1c1c1c;
|
||||
background-color: #252121;
|
||||
}
|
||||
body a {
|
||||
color: #8EB726;
|
||||
|
@ -22,14 +22,17 @@ body a {
|
|||
/* Set the fixed height of the footer here */
|
||||
height: 60px;
|
||||
text-align: center;
|
||||
color: #333333;
|
||||
background-color: #1F5C60;
|
||||
color: #FFF;
|
||||
background-color: #50162D;
|
||||
}
|
||||
.footer a {
|
||||
color: #8EB726;
|
||||
}
|
||||
#about {
|
||||
padding: 5rem;
|
||||
background-color: #232323;
|
||||
background-color: #292525;
|
||||
border-radius: 2rem;
|
||||
color: #a2a2a2;
|
||||
color: #DDDDDD;
|
||||
}
|
||||
input[type=checkbox]:checked + .label_hide_if_checked,
|
||||
input[type=checkbox]:checked + .label_hide_if_not_checked + .label_hide_if_checked {
|
||||
|
@ -62,7 +65,7 @@ input[type=checkbox]:not(:checked) + .label_hide_if_checked + .label_hide_if_not
|
|||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 1px;
|
||||
background-color: #333333;
|
||||
background-color: #353131;
|
||||
border: 1px solid #ccc;
|
||||
border-radius: 0px;
|
||||
}
|
||||
|
@ -70,7 +73,7 @@ input[type=checkbox]:not(:checked) + .label_hide_if_checked + .label_hide_if_not
|
|||
display: block;
|
||||
overflow: hidden;
|
||||
cursor: pointer;
|
||||
border: 2px solid #333333 !important;
|
||||
border: 2px solid #353131 !important;
|
||||
border-radius: 50px !important;
|
||||
}
|
||||
.onoffswitch-inner {
|
||||
|
@ -93,12 +96,12 @@ input[type=checkbox]:not(:checked) + .label_hide_if_checked + .label_hide_if_not
|
|||
.onoffswitch-switch {
|
||||
display: block;
|
||||
width: 37px;
|
||||
background-color: #d7ec9f;
|
||||
background-color: #4F8F93;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right: 0px;
|
||||
border: 2px solid #333333;
|
||||
border: 2px solid #353131;
|
||||
border-radius: 50px !important;
|
||||
transition: all 0.3s ease-in 0s;
|
||||
}
|
||||
|
@ -121,14 +124,14 @@ input[type=checkbox]:not(:checked) + .label_hide_if_checked + .label_hide_if_not
|
|||
margin-bottom: -3px;
|
||||
}
|
||||
.result_header a {
|
||||
color: #1F5C60;
|
||||
color: #8EB726;
|
||||
text-decoration: none;
|
||||
}
|
||||
.result_header a:hover {
|
||||
color: #8EB726;
|
||||
color: #4F8F93;
|
||||
}
|
||||
.result_header a:visited {
|
||||
color: #A4A4A4;
|
||||
color: #DDDDDD;
|
||||
}
|
||||
.result_header a .highlight {
|
||||
font-weight: bold;
|
||||
|
@ -139,7 +142,7 @@ input[type=checkbox]:not(:checked) + .label_hide_if_checked + .label_hide_if_not
|
|||
margin-top: 2px;
|
||||
margin-bottom: 0;
|
||||
word-wrap: break-word;
|
||||
color: #a2a2a2;
|
||||
color: #DDDDDD;
|
||||
font-size: 13px;
|
||||
}
|
||||
.result .highlight {
|
||||
|
@ -158,7 +161,7 @@ input[type=checkbox]:not(:checked) + .label_hide_if_checked + .label_hide_if_not
|
|||
margin-bottom: 0.8em;
|
||||
}
|
||||
.external-link {
|
||||
color: #8EB726;
|
||||
color: #4F8F93;
|
||||
font-size: 12px;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
@ -172,7 +175,7 @@ input[type=checkbox]:not(:checked) + .label_hide_if_checked + .label_hide_if_not
|
|||
.result-map {
|
||||
clear: both;
|
||||
padding: 0.5em 2em;
|
||||
background-color: #232323;
|
||||
background-color: #292525;
|
||||
margin-bottom: 0.4em;
|
||||
box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2);
|
||||
border-radius: 0.3rem;
|
||||
|
@ -182,7 +185,7 @@ input[type=checkbox]:not(:checked) + .label_hide_if_checked + .label_hide_if_not
|
|||
.result-torrent:hover,
|
||||
.result-videos:hover,
|
||||
.result-map:hover {
|
||||
background-color: #333333;
|
||||
background-color: #353131;
|
||||
}
|
||||
.result-images {
|
||||
float: left !important;
|
||||
|
@ -231,7 +234,7 @@ input[type=checkbox]:not(:checked) + .label_hide_if_checked + .label_hide_if_not
|
|||
color: #8EB726;
|
||||
}
|
||||
.result-torrent .leechers {
|
||||
color: #ff5f99;
|
||||
color: #72384F;
|
||||
}
|
||||
.result-metadata {
|
||||
clear: both;
|
||||
|
@ -239,10 +242,10 @@ input[type=checkbox]:not(:checked) + .label_hide_if_checked + .label_hide_if_not
|
|||
}
|
||||
.result-metadata td {
|
||||
padding-right: 1em;
|
||||
color: #A4A4A4;
|
||||
color: #353131;
|
||||
}
|
||||
.result-metadata td:first-of-type {
|
||||
color: #a2a2a2;
|
||||
color: #DDDDDD;
|
||||
}
|
||||
.result-map {
|
||||
clear: both;
|
||||
|
@ -252,25 +255,25 @@ input[type=checkbox]:not(:checked) + .label_hide_if_checked + .label_hide_if_not
|
|||
}
|
||||
.result-code .code-fork,
|
||||
.result-code .code-fork a {
|
||||
color: #a2a2a2;
|
||||
color: #DDDDDD;
|
||||
}
|
||||
.suggestion_item {
|
||||
margin: 2px 5px;
|
||||
max-width: 100%;
|
||||
}
|
||||
.suggestion_item .btn {
|
||||
background-color: #232323;
|
||||
background-color: #292525;
|
||||
border: 0px;
|
||||
max-width: 100%;
|
||||
white-space: normal;
|
||||
word-wrap: break-word;
|
||||
text-align: left;
|
||||
color: #1F5C60;
|
||||
color: #8EB726;
|
||||
padding: 0.5rem;
|
||||
}
|
||||
.suggestion_item .btn:hover {
|
||||
color: #333333;
|
||||
background-color: #1F5C60;
|
||||
color: #353131;
|
||||
background-color: #8EB726;
|
||||
}
|
||||
.result_download {
|
||||
margin-right: 5px;
|
||||
|
@ -291,7 +294,7 @@ input[type=checkbox]:not(:checked) + .label_hide_if_checked + .label_hide_if_not
|
|||
}
|
||||
.modal-wrapper {
|
||||
background-clip: padding-box;
|
||||
background-color: #ff5f99;
|
||||
background-color: #72384F;
|
||||
border: 1px solid rgba(0, 0, 0, 0.2);
|
||||
border-radius: 6px;
|
||||
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
|
||||
|
@ -307,7 +310,7 @@ input[type=checkbox]:not(:checked) + .label_hide_if_checked + .label_hide_if_not
|
|||
border-top-left-radius: 50%;
|
||||
}
|
||||
.infobox .panel-heading .panel-title {
|
||||
color: #1F5C60;
|
||||
color: #8EB726;
|
||||
font-weight: 700;
|
||||
}
|
||||
.infobox .header_url {
|
||||
|
@ -324,7 +327,7 @@ input[type=checkbox]:not(:checked) + .label_hide_if_checked + .label_hide_if_not
|
|||
max-height: "250px";
|
||||
}
|
||||
.infobox .btn {
|
||||
background-color: #007AB8;
|
||||
background-color: #8EB726;
|
||||
border: none;
|
||||
}
|
||||
.infobox .btn a {
|
||||
|
@ -332,12 +335,12 @@ input[type=checkbox]:not(:checked) + .label_hide_if_checked + .label_hide_if_not
|
|||
margin: 5px;
|
||||
}
|
||||
.infobox .btn-default {
|
||||
background-color: #ff5f99;
|
||||
background-color: #72384F;
|
||||
color: #FFF;
|
||||
border: 0px;
|
||||
}
|
||||
.infobox .btn-default:hover {
|
||||
color: #1F5C60;
|
||||
color: #8EB726;
|
||||
font-weight: bold;
|
||||
}
|
||||
.infobox .infobox_part {
|
||||
|
@ -397,8 +400,8 @@ input[type=checkbox]:not(:checked) + .label_hide_if_checked + .label_hide_if_not
|
|||
flex-basis: auto;
|
||||
font-size: 1.2rem;
|
||||
font-weight: normal;
|
||||
background-color: #333333;
|
||||
color: #a2a2a2;
|
||||
background-color: #353131;
|
||||
color: #DDDDDD;
|
||||
padding-bottom: 1rem;
|
||||
padding-top: 1rem;
|
||||
text-align: center;
|
||||
|
@ -409,18 +412,18 @@ input[type=checkbox]:not(:checked) + .label_hide_if_checked + .label_hide_if_not
|
|||
#categories label:hover,
|
||||
.search_categories .input-group-addon:hover,
|
||||
#categories .input-group-addon:hover {
|
||||
color: #1F5C60;
|
||||
color: #8EB726;
|
||||
font-weight: bold;
|
||||
}
|
||||
.search_categories label:last-child,
|
||||
#categories label:last-child,
|
||||
.search_categories .input-group-addon:last-child,
|
||||
#categories .input-group-addon:last-child {
|
||||
border-right: #1c1c1c 1px solid;
|
||||
border-right: #252121 1px solid;
|
||||
}
|
||||
.search_categories input[type="checkbox"]:checked + label,
|
||||
#categories input[type="checkbox"]:checked + label {
|
||||
color: #1F5C60;
|
||||
color: #8EB726;
|
||||
border-top-right-radius: 10px;
|
||||
border-top-left-radius: 10px;
|
||||
font-weight: bold;
|
||||
|
@ -439,12 +442,12 @@ input[type=checkbox]:not(:checked) + .label_hide_if_checked + .label_hide_if_not
|
|||
}
|
||||
#search_form .input-group-btn .btn {
|
||||
border: 0px;
|
||||
color: #1c1c1c;
|
||||
background-color: #333333;
|
||||
color: #252121;
|
||||
background-color: #353131;
|
||||
}
|
||||
#search_form .input-group-btn .btn:hover {
|
||||
color: #1F5C60;
|
||||
background-color: #333333;
|
||||
color: #8EB726;
|
||||
background-color: #353131;
|
||||
}
|
||||
.custom-select,
|
||||
.custom-select-rtl {
|
||||
|
@ -453,9 +456,9 @@ input[type=checkbox]:not(:checked) + .label_hide_if_checked + .label_hide_if_not
|
|||
-moz-appearance: none;
|
||||
font-size: 1.2rem;
|
||||
font-weight: normal;
|
||||
background-color: red;
|
||||
border: #888 1px solid;
|
||||
color: #a2a2a2;
|
||||
background-color: #353131;
|
||||
border: textcolor-bright 1px solid;
|
||||
color: #DDDDDD;
|
||||
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAQAAACR313BAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAJcEhZcwAABFkAAARZAVnbJUkAAAAHdElNRQfgBxgLDwB20OFsAAAAbElEQVQY073OsQ3CMAAEwJMYwJGnsAehpoXJItltBkmcdZBYgIIiQoLglnz3ui+eP+bk5uneteTMZJa6OJuIqvYzSJoqwqBq8gdmTTW86/dghxAUq4xsVYT9laBYXCw93Aajh7GPEF23t4fkBYevGFTANkPRAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE2LTA3LTI0VDExOjU1OjU4KzAyOjAwRFqFOQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNi0wNy0yNFQxMToxNTowMCswMjowMP7RDgQAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAAAElFTkSuQmCC) 96% no-repeat;
|
||||
}
|
||||
.custom-select-rtl {
|
||||
|
@ -474,14 +477,14 @@ input[type=checkbox]:not(:checked) + .label_hide_if_checked + .label_hide_if_not
|
|||
}
|
||||
.label-danger,
|
||||
.btn-danger {
|
||||
background: #c9432f;
|
||||
background: #72384F;
|
||||
}
|
||||
.label-success,
|
||||
.btn-success {
|
||||
background: #8EB726;
|
||||
}
|
||||
select.form-control {
|
||||
background-color: #333333;
|
||||
background-color: #353131;
|
||||
border: 0px;
|
||||
}
|
||||
#advanced-search-container {
|
||||
|
@ -494,25 +497,25 @@ select.form-control {
|
|||
#advanced-search-container .input-group-addon {
|
||||
font-size: 1.2rem;
|
||||
font-weight: normal;
|
||||
background-color: #232323;
|
||||
border: #1c1c1c 1px solid;
|
||||
background-color: #292525;
|
||||
border: #252121 1px solid;
|
||||
border-right: none;
|
||||
color: #a2a2a2;
|
||||
color: #DDDDDD;
|
||||
padding-bottom: 0.4rem;
|
||||
padding-right: 0.7rem;
|
||||
padding-left: 0.7rem;
|
||||
}
|
||||
#advanced-search-container label:last-child,
|
||||
#advanced-search-container .input-group-addon:last-child {
|
||||
border-right: #1c1c1c 1px solid;
|
||||
border-right: #252121 1px solid;
|
||||
}
|
||||
#advanced-search-container input[type="radio"] {
|
||||
display: none;
|
||||
}
|
||||
#advanced-search-container input[type="radio"]:checked + label {
|
||||
color: #1F5C60;
|
||||
color: #8EB726;
|
||||
font-weight: bold;
|
||||
border-bottom: #d7ec9f 5px solid;
|
||||
border-bottom: #4F8F93 5px solid;
|
||||
}
|
||||
#check-advanced:focus + label {
|
||||
text-decoration: underline;
|
||||
|
@ -579,18 +582,18 @@ code {
|
|||
}
|
||||
.code-highlight td.linenos .special {
|
||||
color: #FFF;
|
||||
background-color: #333333;
|
||||
background-color: #353131;
|
||||
padding-left: 5px;
|
||||
padding-right: 5px;
|
||||
}
|
||||
.code-highlight span.linenos.special {
|
||||
color: #FFF;
|
||||
background-color: #333333;
|
||||
background-color: #353131;
|
||||
padding-left: 5px;
|
||||
padding-right: 5px;
|
||||
}
|
||||
.code-highlight .hll {
|
||||
background-color: #333333;
|
||||
background-color: #353131;
|
||||
}
|
||||
.code-highlight {
|
||||
background: #282C34;
|
||||
|
@ -903,7 +906,7 @@ code {
|
|||
}
|
||||
.nav-tabs.nav-justified {
|
||||
margin-bottom: 20px;
|
||||
background-color: #333333;
|
||||
background-color: #353131;
|
||||
color: #FFF;
|
||||
}
|
||||
p {
|
||||
|
@ -928,8 +931,8 @@ th:hover .engine-tooltip,
|
|||
display: inline-block;
|
||||
}
|
||||
.searx-navbar {
|
||||
background: #1F5C60;
|
||||
background-color: #1F5C60;
|
||||
background: #8EB726;
|
||||
background-color: #8EB726;
|
||||
font: calc(8px + 0.2vw) 'opensans-bold', sans-serif;
|
||||
width: 100%;
|
||||
height: 5rem;
|
||||
|
@ -951,7 +954,7 @@ th:hover .engine-tooltip,
|
|||
text-decoration: none;
|
||||
}
|
||||
.searx-navbar .instance a {
|
||||
color: #d7ec9f;
|
||||
color: #4F8F93;
|
||||
margin-left: 2rem;
|
||||
}
|
||||
.searx-navbar img {
|
||||
|
@ -1018,9 +1021,6 @@ th:hover .engine-tooltip,
|
|||
text-decoration: none;
|
||||
text-align: center;
|
||||
}
|
||||
.dashlink:hover {
|
||||
color: #a33;
|
||||
}
|
||||
.dashlink-text {
|
||||
padding: 0px;
|
||||
color: #FFF;
|
||||
|
@ -1030,14 +1030,14 @@ th:hover .engine-tooltip,
|
|||
text-align: center;
|
||||
}
|
||||
.panel {
|
||||
background-color: #333333;
|
||||
background-color: #353131;
|
||||
border-radius: 10px;
|
||||
box-shadow: 0 5px 5px rgba(0, 0, 0, 0.16);
|
||||
border: 0px;
|
||||
}
|
||||
.panel-default > .panel-heading {
|
||||
background-color: #232323;
|
||||
color: #a2a2a2;
|
||||
background-color: #292525;
|
||||
color: #DDDDDD;
|
||||
border: 0px;
|
||||
}
|
||||
.alert {
|
||||
|
@ -1047,27 +1047,27 @@ th:hover .engine-tooltip,
|
|||
}
|
||||
.btn-default {
|
||||
border: 0px;
|
||||
background-color: #1c1c1c;
|
||||
color: #1F5C60;
|
||||
background-color: #252121;
|
||||
color: #8EB726;
|
||||
}
|
||||
.btn-default:hover {
|
||||
background-color: #1F5C60;
|
||||
color: #333333;
|
||||
background-color: #8EB726;
|
||||
color: #353131;
|
||||
}
|
||||
.text-info {
|
||||
color: #8EB726;
|
||||
}
|
||||
.text-info:hover {
|
||||
color: #1F5C60;
|
||||
color: #8EB726;
|
||||
}
|
||||
.form-control {
|
||||
background-color: #333333;
|
||||
background-color: #353131;
|
||||
}
|
||||
.form-control[disabled],
|
||||
.form-control[readonly],
|
||||
fieldset[disabled] .form-control {
|
||||
color: #a2a2a2;
|
||||
background-color: #232323;
|
||||
color: #DDDDDD;
|
||||
background-color: #292525;
|
||||
border: 0px;
|
||||
}
|
||||
label {
|
||||
|
@ -1076,3 +1076,6 @@ label {
|
|||
.searx-navbar {
|
||||
background-color: #50162D;
|
||||
}
|
||||
.form-control {
|
||||
color: #DDDDDD;
|
||||
}
|
||||
|
|
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
@ -1,3 +1,7 @@
|
|||
.searx-navbar {
|
||||
background-color: @darkbeet;
|
||||
}
|
||||
|
||||
.form-control {
|
||||
color: @textcolor-bright;
|
||||
}
|
||||
|
|
|
@ -1,14 +1,21 @@
|
|||
@darkbeet: #50162D;
|
||||
@fontcolor: #FFF;
|
||||
|
||||
@maincolor: #1F5C60;
|
||||
@bodybg: #1c1c1c;
|
||||
@postbg: #232323;
|
||||
@posthover: #333333;
|
||||
@postbright: #333333;
|
||||
@textcolor-bright: #a2a2a2;
|
||||
@fisrt-accent: #1F5C60;
|
||||
@bodybg: #252121;
|
||||
@postbg: #292525;
|
||||
@posthover: #353131;
|
||||
@postbright: #353131;
|
||||
@textcolor-bright: #DDDDDD;
|
||||
@textcolor-dark: #FFF;
|
||||
@first-accent: #8EB726;
|
||||
@second-accent: #5b2cd5;
|
||||
@alert: #ff5f99;
|
||||
@maincolor: #8EB726;
|
||||
@first-accent: @maincolor;
|
||||
@second-accent: #4F8F93;
|
||||
@alert: #72384F;
|
||||
|
||||
@result-title: @maincolor;
|
||||
@result-title-hover: @second-accent;
|
||||
@result-title-visited: @textcolor-bright;
|
||||
@footerbg: @darkbeet;
|
||||
@footerlinks: @maincolor;
|
||||
@footercolor: @textcolor-dark;
|
||||
|
|
|
@ -27,7 +27,7 @@
|
|||
input[type="radio"]:checked + label{
|
||||
color: @maincolor;
|
||||
font-weight: bold;
|
||||
border-bottom: @light-green 5px solid;
|
||||
border-bottom: @second-accent 5px solid;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -39,9 +39,6 @@
|
|||
text-align: center;
|
||||
}
|
||||
|
||||
.dashlink:hover {
|
||||
color: #a33;
|
||||
}
|
||||
|
||||
.dashlink-text {
|
||||
padding: 0px;
|
||||
|
|
|
@ -14,7 +14,7 @@ body {
|
|||
margin-bottom: 80px;
|
||||
background-color: @bodybg;
|
||||
|
||||
a{
|
||||
a {
|
||||
color: @first-accent;
|
||||
}
|
||||
}
|
||||
|
@ -26,8 +26,12 @@ body {
|
|||
/* Set the fixed height of the footer here */
|
||||
height: 60px;
|
||||
text-align: center;
|
||||
color: @postbright;
|
||||
background-color: @maincolor;
|
||||
color: @footercolor;
|
||||
background-color: @footerbg;
|
||||
|
||||
a {
|
||||
color: @footerlinks;
|
||||
}
|
||||
}
|
||||
#about {
|
||||
padding: 5rem;
|
||||
|
|
|
@ -27,7 +27,7 @@
|
|||
}
|
||||
|
||||
.btn{
|
||||
background-color: @dark-blue;
|
||||
background-color: @first-accent;
|
||||
border: none;
|
||||
|
||||
a{
|
||||
|
|
|
@ -23,7 +23,7 @@
|
|||
}
|
||||
|
||||
.instance a {
|
||||
color: @light-green;
|
||||
color: @second-accent;
|
||||
margin-left: 2.0rem;
|
||||
}
|
||||
img {
|
||||
|
|
|
@ -53,7 +53,7 @@
|
|||
.onoffswitch-switch {
|
||||
display: block;
|
||||
width: 37px;
|
||||
background-color: @light-green;
|
||||
background-color: @second-accent;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
|
|
|
@ -8,15 +8,15 @@
|
|||
}
|
||||
|
||||
a {
|
||||
color: @maincolor;
|
||||
color: @result-title;
|
||||
text-decoration: none;
|
||||
|
||||
&:hover{
|
||||
color: @first-accent;
|
||||
color: @result-title-hover;
|
||||
}
|
||||
|
||||
&:visited{
|
||||
color: @gray;
|
||||
color: @result-title-visited;
|
||||
}
|
||||
|
||||
.highlight {
|
||||
|
@ -55,7 +55,7 @@
|
|||
}
|
||||
|
||||
.external-link {
|
||||
color: @first-accent;
|
||||
color: @second-accent;
|
||||
font-size: 12px;
|
||||
margin-bottom: 15px;
|
||||
|
||||
|
@ -143,7 +143,7 @@
|
|||
|
||||
td {
|
||||
padding-right: 1em;
|
||||
color: @gray;
|
||||
color: @posthover;
|
||||
}
|
||||
|
||||
td:first-of-type {
|
||||
|
|
|
@ -67,8 +67,8 @@
|
|||
-moz-appearance: none;
|
||||
font-size: 1.2rem;
|
||||
font-weight:normal;
|
||||
background-color: red;
|
||||
border: @semidark-gray 1px solid;
|
||||
background-color: @posthover;
|
||||
border: textcolor-bright 1px solid;
|
||||
color: @textcolor-bright;
|
||||
// Warning: multi-line base64 URL adds "$stdin" in the source map: https://github.com/jakubpawlowicz/clean-css/issues/593
|
||||
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAQAAACR313BAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAJcEhZcwAABFkAAARZAVnbJUkAAAAHdElNRQfgBxgLDwB20OFsAAAAbElEQVQY073OsQ3CMAAEwJMYwJGnsAehpoXJItltBkmcdZBYgIIiQoLglnz3ui+eP+bk5uneteTMZJa6OJuIqvYzSJoqwqBq8gdmTTW86/dghxAUq4xsVYT9laBYXCw93Aajh7GPEF23t4fkBYevGFTANkPRAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE2LTA3LTI0VDExOjU1OjU4KzAyOjAwRFqFOQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNi0wNy0yNFQxMToxNTowMCswMjowMP7RDgQAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAAAElFTkSuQmCC) 96% no-repeat;
|
||||
|
@ -91,7 +91,7 @@
|
|||
white-space: nowrap;
|
||||
}
|
||||
.label-danger, .btn-danger {
|
||||
background: @dark-red;
|
||||
background: @alert;
|
||||
}
|
||||
.label-success, .btn-success {
|
||||
background: @first-accent;
|
||||
|
|
|
@ -1,32 +1,18 @@
|
|||
@beetroot: #50162D;
|
||||
@gray: #A4A4A4;
|
||||
@dim-gray: #F6F9FA;
|
||||
@white: #FFFFFF;
|
||||
@dark-gray: #666;
|
||||
@semidark-gray: #888;
|
||||
@middle-gray: #F5F5F5;
|
||||
@mild-gray: #dcd7d7;
|
||||
@bright-gray: #eeeeee;
|
||||
@dark-blue: #007AB8;
|
||||
@blue: #476202;
|
||||
@red: #F35E77;
|
||||
@violet: #684898;
|
||||
@dark-green: #476202;
|
||||
@green: #8EB726;
|
||||
@light-green: #d7ec9f;
|
||||
@orange: #FFA92F;
|
||||
@dark-red: #c9432f;
|
||||
|
||||
@fontcolor: #000;
|
||||
|
||||
@maincolor: @beetroot;
|
||||
@bodybg: @mild-gray;
|
||||
@postbg: @bright-gray;
|
||||
@posthover: @dim-gray;
|
||||
@postbright: @white;
|
||||
@textcolor-bright: @dark-gray;
|
||||
@maincolor: #50162D;
|
||||
@bodybg: #DCD7D7;
|
||||
@postbg: #EEEEEE;
|
||||
@posthover: #F6F9FA;
|
||||
@postbright: #FFFFFF;
|
||||
@textcolor-bright: #666666;
|
||||
@textcolor-dark: #000;
|
||||
@first-accent: @green;
|
||||
@second-accent: @dark-green;
|
||||
@alert: @red;
|
||||
@first-accent: #8EB726;
|
||||
@second-accent: #476202;
|
||||
@alert: #61273E;
|
||||
|
||||
@result-title: @maincolor;
|
||||
@result-title-hover: @second-accent;
|
||||
@result-title-visited: @textcolor-bright;
|
||||
@footerbg: @maincolor;
|
||||
@footerlinks: #3D8D82;
|
||||
@footercolor: @postbright;
|
||||
|
|
Binary file not shown.
|
@ -22,95 +22,80 @@
|
|||
<p class="dash-title">More disroot apps:</p>
|
||||
<div id="dash-all-links">
|
||||
<a class="dashlink" href="https://mail.disroot.org">
|
||||
<div id="dash-links">
|
||||
<div id="dash-links">
|
||||
<img class="dashimg-link" src="/static/themes/beetroot/img/dashboard/email_circle.png">
|
||||
<p class=dashlink-text>EMAIL</p>
|
||||
</div>
|
||||
</a>
|
||||
<p class="dashlink-text">EMAIL</p>
|
||||
</div></a>
|
||||
<a class="dashlink" href="https://cloud.disroot.org">
|
||||
<div id="dash-links">
|
||||
<div id="dash-links">
|
||||
<img class="dashimg-link" src="/static/themes/beetroot/img/dashboard/cloud_circle.png">
|
||||
<p class=dashlink-text>CLOUD</p>
|
||||
</div>
|
||||
</a>
|
||||
<p class="dashlink-text">CLOUD</p>
|
||||
</div></a>
|
||||
<a class="dashlink" href="https://webchat.disroot.org">
|
||||
<div id="dash-links">
|
||||
<img class="dashimg-link" src="/static/themes/beetroot/img/dashboard/chat_circle.png">
|
||||
<p class=dashlink-text>CHAT</p>
|
||||
</div>
|
||||
</a>
|
||||
<p class="dashlink-text">CHAT</p>
|
||||
</div></a>
|
||||
<a class="dashlink" href="https://cryptpad.disroot.org">
|
||||
<div id="dash-links">
|
||||
<img class="dashimg-link" src="/static/themes/beetroot/img/dashboard/cryptpad_circle.png">
|
||||
<p class=dashlink-text>CRYPTPAD</p>
|
||||
</div>
|
||||
</a>
|
||||
<p class="dashlink-text">CRYPTPAD</p>
|
||||
</div></a>
|
||||
<a class="dashlink" href="https://pad.disroot.org">
|
||||
<div id="dash-links">
|
||||
<img class="dashimg-link" src="/static/themes/beetroot/img/dashboard/pads_circle.png">
|
||||
<p class=dashlink-text>ETHERPAD</p>
|
||||
</div>
|
||||
</a>
|
||||
<p class="dashlink-text">ETHERPAD</p>
|
||||
</div></a>
|
||||
<a class="dashlink" href="https://calc.disroot.org">
|
||||
<div id="dash-links">
|
||||
<img class="dashimg-link" src="/static/themes/beetroot/img/dashboard/pads_circle.png">
|
||||
<p class=dashlink-text>CALC</p>
|
||||
</div>
|
||||
</a>
|
||||
<p class="dashlink-text">CALC</p>
|
||||
</div></a>
|
||||
<a class="dashlink" href="https://bin.disroot.org">
|
||||
<div id="dash-links">
|
||||
<img class="dashimg-link" src="/static/themes/beetroot/img/dashboard/bin_circle.png">
|
||||
<p class=dashlink-text>PASTEBIN</p>
|
||||
</div>
|
||||
</a>
|
||||
<p class="dashlink-text">PASTEBIN</p>
|
||||
</div></a>
|
||||
<a class="dashlink" href="https://upload.disroot.org">
|
||||
<div id="dash-links">
|
||||
<img class="dashimg-link" src="/static/themes/beetroot/img/dashboard/upload_circle.png">
|
||||
<p class=dashlink-text>UPLOAD</p>
|
||||
</div>
|
||||
</a>
|
||||
<p class="dashlink-text">UPLOAD</p>
|
||||
</div></a>
|
||||
<a class="dashlink" href="https://poll.disroot.org">
|
||||
<div id="dash-links">
|
||||
<img class="dashimg-link" src="/static/themes/beetroot/img/dashboard/poll_circle.png">
|
||||
<p class=dashlink-text>POLLS</p>
|
||||
</div>
|
||||
</a>
|
||||
<p class="dashlink-text">POLLS</p>
|
||||
</div></a>
|
||||
<a class="dashlink" href="https://calls.disroot.org">
|
||||
<div id="dash-links">
|
||||
<img class="dashimg-link" src="/static/themes/beetroot/img/dashboard/jitsi_circle.png">
|
||||
<p class=dashlink-text>CALLS</p>
|
||||
</div>
|
||||
</a>
|
||||
<p class="dashlink-text">CALLS</p>
|
||||
</div></a>
|
||||
<a class="dashlink" href="https://mumble.disroot.org">
|
||||
<div id="dash-links">
|
||||
<img class="dashimg-link" src="/static/themes/beetroot/img/dashboard/mumble_circle.png">
|
||||
<p class=dashlink-text>MUMBLE</p>
|
||||
</div>
|
||||
</a>
|
||||
<p class="dashlink-text">MUMBLE</p>
|
||||
</div></a>
|
||||
<a class="dashlink" href="https://git.disroot.org">
|
||||
<div id="dash-links">
|
||||
<img class="dashimg-link" src="/static/themes/beetroot/img/dashboard/gitea_circle.png">
|
||||
<p class=dashlink-text>GIT</p>
|
||||
</div>
|
||||
</a>
|
||||
<p class="dashlink-text">GIT</p>
|
||||
</div></a>
|
||||
<a class="dashlink" href="https://board.disroot.org">
|
||||
<div id="dash-links">
|
||||
<img class="dashimg-link" src="/static/themes/beetroot/img/dashboard/taiga_circle.png">
|
||||
<p class=dashlink-text>TAIGA</p>
|
||||
</div>
|
||||
</a>
|
||||
<p class="dashlink-text">TAIGA</p>
|
||||
</div></a>
|
||||
<a class="dashlink" href="https://forum.disroot.org">
|
||||
<div id="dash-links">
|
||||
<img class="dashimg-link" src="/static/themes/beetroot/img/dashboard/discourse_circle.png">
|
||||
<p class=dashlink-text>FORUM</p>
|
||||
</div>
|
||||
</a>
|
||||
<p class="dashlink-text">FORUM</p>
|
||||
</div></a>
|
||||
<a class="dashlink" href="https://search.disroot.org">
|
||||
<div id="dash-links">
|
||||
<img class="dashimg-link" src="/static/themes/beetroot/img/dashboard/search_circle.png">
|
||||
<p class=dashlink-text>SEARX</p>
|
||||
</div>
|
||||
</a>
|
||||
<p class="dashlink-text">SEARX</p>
|
||||
</div></a>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
|
Loading…
Reference in New Issue