From 46fb0d860e35a45658969c4e2ac306a1072bc331 Mon Sep 17 00:00:00 2001 From: Adam Tauber Date: Tue, 5 Dec 2017 22:02:18 +0100 Subject: [PATCH] [enh] add dark version of oscar/logicodev --- .../themes/oscar/css/logicodev-dark.min.css | Bin 0 -> 13026 bytes searx/static/themes/oscar/gruntfile.js | 10 +- .../oscar/less/logicodev-dark/oscar.less | 236 ++++++++++++++++++ searx/templates/oscar/preferences.html | 1 + 4 files changed, 243 insertions(+), 4 deletions(-) create mode 100644 searx/static/themes/oscar/css/logicodev-dark.min.css create mode 100644 searx/static/themes/oscar/less/logicodev-dark/oscar.less diff --git a/searx/static/themes/oscar/css/logicodev-dark.min.css b/searx/static/themes/oscar/css/logicodev-dark.min.css new file mode 100644 index 0000000000000000000000000000000000000000..b115ccade89110890e7711c9d60f9bd4dba14fef GIT binary patch literal 13026 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 bH8soXyOu?Bmj+Y!XOjlI=JwmB | https://github.com/asciimoo/searx */\n' }, files: {"css/pointhi.css": "less/pointhi/oscar.less", - "css/logicodev.css": "less/logicodev/oscar.less"} + "css/logicodev.css": "less/logicodev-dark/oscar.less", + "css/logicodev-dark.css": "less/logicodev/oscar.less"} }, production: { options: { - paths: ["less/pointhi", "less/logicodev"], + paths: ["less/pointhi", "less/logicodev", "less/logicodev-dark"], //banner: '/*! less/oscar/oscar.css | <%= grunt.template.today("dd-mm-yyyy") %> | https://github.com/asciimoo/searx */\n', cleancss: true }, files: {"css/pointhi.min.css": "less/pointhi/oscar.less", - "css/logicodev.min.css": "less/logicodev/oscar.less"} + "css/logicodev.min.css": "less/logicodev/oscar.less", + "css/logicodev-dark.min.css": "less/logicodev-dark/oscar.less"} }, /* // built with ./manage.sh styles diff --git a/searx/static/themes/oscar/less/logicodev-dark/oscar.less b/searx/static/themes/oscar/less/logicodev-dark/oscar.less new file mode 100644 index 000000000..b23f5067d --- /dev/null +++ b/searx/static/themes/oscar/less/logicodev-dark/oscar.less @@ -0,0 +1,236 @@ +@import "../logicodev/variables.less"; +@import "../logicodev/footer.less"; +@import "../logicodev/checkbox.less"; +@import "../logicodev/onoff.less"; +@import "../logicodev/results.less"; +@import "../logicodev/infobox.less"; +@import "../logicodev/search.less"; +@import "../logicodev/advanced.less"; +@import "../logicodev/cursor.less"; +@import "../logicodev/code.less"; +@import "../logicodev/preferences.less"; + +/*Global*/ +body { + background:#1d1f21 none !important; + color:#D5D8D7 !important; +} + +a { + color:#41a2ce !important; + text-decoration: none !important; +} + +a:hover { + color:#5F89AC !important; +} + +input, button, textarea, select { + border: 1px solid #282a2e !important; + background-color: #444 !important; + color: #BBB !important; +} + +input:focus, button:focus, textarea:focus, select:focus { + border: 1px solid #C5C8C6 !important; + box-shadow: initial !important; +} + +div#advanced-search-container div#categories label{ + background:none; + border: 1px solid #282a2e; +} + +ul.nav li a { + border: 0 !important; + border-bottom: 1px solid #4d3f43 !important; +} + +#categories *, .modal-wrapper * { + background:#1d1f21 none !important; + color:#D5D8D7 !important; +} + +#categories *, { + border: 1px solid #3d3f43 !important; +} + +#categories *:checked + label { + border-bottom: 4px solid #3d9f94 !important; +} + +.result-content { + color:#B5B8B7 !important; +} + +.external-link { + color:#35B887 !important; +} + +.table-striped tr td, .table-striped tr th { + border-color: #4d3f43 !important; +} + +.highlight { + background: #333333 !important; +} + +/*nav*/ +.navbar{ + background:#1d1f21 none; + border: none; +} + +.navbar .active, .menu { + background: none !important; +} + +.label-default { + background: none; + color: #BBB; +} + +.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .nav-tabs.nav-justified > .active > a{ + background-color: #282a2e !important; + +} + +/*Search Page*/ +.result-default:hover, .result-code:hover, .result-torrent:hover, .result-videos:hover, .result-map:hover { + background-color: #222426; +} + +/*buttons*/ +.btn { + color: #BBB; + background-color: #444 ; + border: 1px solid #282a2e; +} + +.btn:hover { + color:#444 !important; + background-color: #BBB !important; +} + +.btn-primary.active { + color: #C5C8C6; + background-color: #5F89AC; + border-color: #5F89AC; +} + +/*Right Pannels*/ +.panel { + border: 1px solid #111; + background: none; +} + +.panel-heading { + color: #C5C8C6 !important; + background: #282a2e !important; + border-bottom: none; +} + +.panel-body { + color: #C5C8C6 !important; + background: #1d1f21 !important; + border-color: #111 !important; +} + +p.btn.btn-default{ + background: none; +} + +.table-striped>tbody>tr:nth-child(odd)>td, .table-striped>tbody>tr:nth-child(odd)>th, .table-striped>thead>tr:nth-child(odd)>th { + background:#2d2f32 none !important; + color:#D5D8D7 !important; +} + +.label-success { + background:#1d6f42 none !important; +} + +.label-danger { + background:#ad1f12 none !important; +} + +.searx-navbar { + background: #333334; + height: 2.3rem; + font-size: 1.3rem; + line-height: 1.3rem; + padding: 0.5rem; + font-weight: bold; + margin-bottom: 0.8rem; + + a, a:hover { + margin-right: 2.0rem; + color: white; + text-decoration: none; + } + + .instance a { + color: @light-green; + margin-left: 2.0rem; + } +} + +#main-logo { + margin-top: 20vh; + margin-bottom: 25px; + + & > img { + max-width: 350px; + width: 80%; + } +} + +.onoffswitch-inner:before, .onoffswitch-inner:after { + background:#1d1f21 none !important; +} + +.onoffswitch-switch, .onoffswitch-label { + border: 2px solid #3d3f43 !important; +} + +.nav>li>a:hover, .nav>li>a:focus { + background-color: #3d3f43 !important; +} + +/*Images search*/ +.img-thumbnail, .thumbnail { + padding: 0px; + line-height: 1.42857143; + background: none; + border: none; +} + +.modal-content { + background:#1d1f21 none !important; +} + +/*Preferences*/ + +.table > thead > tr > td.danger, .table > tbody > tr > td.danger, .table > tfoot > tr > td.danger, .table > thead > tr > th.danger, .table > tbody > tr > th.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > tbody > tr.danger > td, .table > tfoot > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr.danger > th, .table > tfoot > tr.danger > th { + background: RGBA(240, 0, 0, 0.56) !important; + color: #C5C8C6 !important; +} + +.table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr.danger:hover > th { + background: RGBA(237, 59, 59, 0.61) !important; + color: #C5C8C6 !important; +} + +.table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th { + background: rgb(102, 105, 110) !important; +} + +.btn-success { + color: #C5C8C6; + background: #449d44; +} + +.btn-danger { + color: #C5C8C6; + background: #d9534f; + +} diff --git a/searx/templates/oscar/preferences.html b/searx/templates/oscar/preferences.html index 5f85a9af6..ac62dc939 100644 --- a/searx/templates/oscar/preferences.html +++ b/searx/templates/oscar/preferences.html @@ -107,6 +107,7 @@ {{ preferences_item_footer(_('Choose style for this theme'), _('Style'), rtl) }}