Disroot-themes
/
searx_beetroot
5
1
Fork 1
Code Pull Requests Releases Activity

Fixing Darkbeet style infobox colors. Also, small fixes in the Readme files. (#10) 

This fix pertains to issue [#9](#9). Originally, the infobox text color was taken from `bootstrap.css`, which closely matched the Darkbeet background, rendering the infobox text unreadable.
I have set the text in the `infobox.less` to `@textcolor-bright` to address this.

Co-authored-by: Viktor Walter <viktor.walter@disroot.com>
Reviewed-on: #10
Co-authored-by: viktor.walter <viktor.walter@no-reply@disroot.org>
Co-committed-by: viktor.walter <viktor.walter@no-reply@disroot.org>
This commit is contained in:
viktor.walter 2022-02-25 09:22:09 +00:00 committed by muppeth
parent f998d53b21
commit d073e2596b
12 changed files with 19 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
README.md
View File

@ -8,7 +8,7 @@ Create a `beetroot` folder in `/var/www/searx/searx/static/themes` and in `/var/
Then, copy the content of `beetroot_static` in `/var/www/searx/searx/static/themes/beetroot` and the content of `beetroot_template` in `/var/www/searx/searx/templates/beetroot`.
Enable the beetroot them by editing `/var/www/searx/searx/settings.yml` and changing:
Enable the beetroot theme by editing `/var/www/searx/searx/settings.yml` and changing:
```
default_theme : beetroot
theme_args :

6
beetroot_static/README.rst
View File

@ -1,14 +1,14 @@
install dependencies
~~~~~~~~~~~~~~~~~~~~
run this command in the directory ``searx/static/themes/oscar``
run this command in the directory ``searx/static/themes/beetroot``
``npm install``
compile sources
~~~~~~~~~~~~~~~
run this command in the directory ``searx/static/themes/oscar``
run this command in the directory ``searx/static/themes/beetroot``
``grunt``
@ -53,4 +53,4 @@ js directory
img directory
*************
- images for the oscar theme
- images for the beetroot theme

3
beetroot_static/css/beetroot.css
View File

@ -306,6 +306,7 @@ input[type=checkbox]:not(:checked) + .label_hide_if_checked + .label_hide_if_not
.modal-header {
background-color: #8EB726;
color: #353131;
border-bottom: unset;
}
@media screen and (max-width: 75em) {
.img-thumbnail {
@ -353,6 +354,7 @@ input[type=checkbox]:not(:checked) + .label_hide_if_checked + .label_hide_if_not
margin-bottom: 20px;
word-wrap: break-word;
table-layout: fixed;
color: #DDDDDD;
}
.infobox .infobox_part:last-child {
margin-bottom: 0;
@ -363,6 +365,7 @@ input[type=checkbox]:not(:checked) + .label_hide_if_checked + .label_hide_if_not
margin-bottom: 0px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
background-color: #292525;
}
.infobox .infobox_checkbox ~ .infobox_body {
max-height: 300px;

2
beetroot_static/css/beetroot.min.css vendored
View File

File diff suppressed because one or more lines are too long

2
beetroot_static/css/beetroot.min.css.map
View File

File diff suppressed because one or more lines are too long

3
beetroot_static/css/darkbeet.css
View File

@ -359,6 +359,7 @@ input[type=checkbox]:not(:checked) + .label_hide_if_checked + .label_hide_if_not
.modal-header {
background-color: #50162D;
color: #FFFFFF;
border-bottom: unset;
}
@media screen and (max-width: 75em) {
.img-thumbnail {
@ -406,6 +407,7 @@ input[type=checkbox]:not(:checked) + .label_hide_if_checked + .label_hide_if_not
margin-bottom: 20px;
word-wrap: break-word;
table-layout: fixed;
color: #666666;
}
.infobox .infobox_part:last-child {
margin-bottom: 0;
@ -416,6 +418,7 @@ input[type=checkbox]:not(:checked) + .label_hide_if_checked + .label_hide_if_not
margin-bottom: 0px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
background-color: #EEEEEE;
}
.infobox .infobox_checkbox ~ .infobox_body {
max-height: 300px;

2
beetroot_static/css/darkbeet.min.css vendored
View File

File diff suppressed because one or more lines are too long

2
beetroot_static/css/darkbeet.min.css.map
View File

File diff suppressed because one or more lines are too long

2
beetroot_static/css/logicodev-dark.css
View File

@ -1 +1 @@
dakrbeet.css
darkbeet.css

2
beetroot_static/css/logicodev-dark.min.css vendored
View File

@ -1 +1 @@
dakrbeet.min.css
darkbeet.min.css

2
beetroot_static/css/logicodev-dark.min.css.map
View File

@ -1 +1 @@
dakrbeet.min.css.map
darkbeet.min.css.map

2
beetroot_static/src/less/beetroot/infobox.less
View File

@ -50,6 +50,7 @@
margin-bottom: 20px;
word-wrap: break-word;
table-layout: fixed;
color: @textcolor-bright;
}
@ -63,6 +64,7 @@
margin-bottom: 0px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
background-color: @postbg;
}
// Shrink infobox size when toggle is off