SearX(BE) dark theme.
- // ==UserScript==
- // @name Better Searx Dark Theme(searx.be)
- // @namespace -
- // @version 0.2
- // @description SearX(BE) dark theme.
- // @author Not You
- // @match *searx.be/*
- // @require https://code.jquery.com/jquery-3.3.1.min.js
- // @license GPLv3
- // @license-link https://www.gnu.org/licenses/gpl-3.0.txt
- // @grant none
- // @run-at document-body
- // ==/UserScript==
- /*
- Features:
- - Invisible Navigation Bar
- - Darker links
- - Darker categories font and color under them
- - Darker description
- - Darker description for Wikipedia bar
- - Works With Dark Theme
- Bonus Features:
- - Change Title
- - Replaced Main Logo with old one
- - Replaced Favicon with old one
- - Fixed Main Logo Margin
- - Adding Fake History
- */
- // Change Main Logo //
- if(window.location.pathname.indexOf('/') != -1) {
- document.title = "SearX";
- $('.center-block.img-responsive').attr('src', 'https://searx.bar/static/themes/oscar/img/logo_searx_a.png')
- }
- // Change Title //
- document.title = 'SearX'
- // Change Favicon //
- $('link[rel*="icon"]').prop('href','https://searx.bar/static/themes/oscar/img/favicon.png');
- // Add Fake History //
- window.history.pushState('', '', '/search?q=i%20<3%20GNU&categories=general');
- window.history.pushState('', '', '/search?q=microsoft%20malware%20gnu&categories=general');
- window.history.pushState('', '', '/search?q=google%20malware%20gnu&categories=general');
- window.history.pushState('', '', '/search?q=GNU%20FSF&categories=images');
- window.history.pushState('', '', '/search?q=hello%20kitty&categories=general');
- window.history.pushState('', '', '/search');
- // CSS //
- (function() {
- let css = `
- body {
- background: rgb(25, 25, 25) !important;
- }
- select, option {
- background-color: rgb(25, 25, 25) !important;
- border: 1px solid rgb(20, 20, 20) !important;
- color: rgb(236, 236, 236) !important;
- }
- button, input, select, textarea {
- border: 1px solid rgb(19, 19, 19) !important;
- background-color: rgb(25, 25, 25) !important;
- color: rgb(210, 210, 210) !important;
- }
- td, tr, tbody, thead, table {
- color: rgb(210, 210, 210) !important;
- }
- span::before, span::after {
- color: rgb(210, 210, 210) !important;
- }
- p {
- color: rgb(210, 210, 210) !important;
- }
- li {
- color: rgb(210, 210, 210) !important;
- }
- .small, small {
- color: rgb(210, 210, 210) !important;
- }
- #q {
- background-color: rgb(25, 25, 25) !important;
- border: 1px solid rgb(20, 20, 20) !important;
- color: rgb(238, 238, 238) !important;
- }
- .btn {
- color: rgb(238, 238, 238) !important;
- background-color: rgb(25, 25, 25) !important;
- border: 1px solid rgb(20, 20, 20) !important;
- }
- .btn:hover {
- color: 0 !important;
- background-color: rgb(22, 22, 22) !important;
- }
- label[for="check-advanced"] {
- color: rgb(238, 238, 238);
- }
- .searxng-navbar {
- background: rgba(0, 0, 0, 0) !important;
- }
- .searxng-navbar .instance a {
- color: rgb(220, 220, 220) !important;
- }
- .searxng-navbar a, .searxng-navbar a:hover {
- color: rgb(220, 220, 220) !important;
- }
- #main-logo {
- margin-top: 10vh;
- }
- #categories input[type="checkbox"]:checked + label, .search_categories input[type="checkbox"]:checked + label {
- background-color: rgba(0, 0, 0, 0) !important;
- border-bottom: rgb(220, 220, 220) 5px solid !important;
- color: rgb(220, 220, 220) !important;
- }
- #categories *, .modal-wrapper * {
- background: rgb(25, 25, 25) none repeat scroll 0% 0% !important;
- color: rgb(219, 219, 219) !important;
- }
- .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
- color: rgb(110, 110, 110) !important;
- }
- .col-sm-3.col-md-2 {
- color: rgb(110, 110, 110) !important;
- }
- .nav-tabs.nav-justified > .active > a, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
- background-color: rgb(22, 22, 22) !important;
- color: rgb(110, 110, 110) !important;
- }
- .nav-tabs.nav-justified > li > a {
- color: rgb(110, 110, 110) !important;
- }
- .nav > li > a:focus, .nav > li > a:hover {
- background-color: rgb(22, 22, 22) !important;
- }
- .table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th, .table-striped > thead > tr:nth-child(2n+1) > th {
- background: rgb(24, 24, 24) none repeat scroll 0% 0% !important;
- color: rgb(150, 150, 150) !important;
- }
- .table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th {
- background: rgb(22, 22, 22) none repeat scroll 0% 0% !important;
- }
- .name {
- color: rgb(110, 110, 110) !important;
- }
- .stacked-bar-chart-median {
- background: rgb(226, 226, 226) none repeat scroll 0% 0%;
- border: 1px solid rgba(12, 12, 12, 0.9);
- }
- .text-right {
- color: rgb(110, 110, 110) !important;
- }
- .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
- right: 73px !important;
- }
- .onoffswitch-inner::after, .onoffswitch-inner::before {
- background: rgb(24, 24, 24) none repeat scroll 0% 0% !important;
- }
- .panel {
- border: 1px solid rgb(20, 20, 20);
- background: rgba(0, 0, 0, 0) none repeat scroll 0px 0px;
- }
- .panel-heading {
- color: rgb(110, 110, 110) !important;
- background: rgba(21, 21, 21, 0.4) none repeat scroll 0% 0% !important;
- }
- .panel-body {
- color: rgb(110, 110, 110) !important;
- background: rgb(22, 22, 22) none repeat scroll 0% 0% !important;
- border-color: rgb(21, 21, 21) !important;
- }
- div#advanced-search-container div#categories label {
- color: rgb(220, 220, 220) !important;
- }
- .text-muted > small > a {
- color: rgb(255, 255, 255) !important;
- }
- .infobox_part {
- color: rgb(230, 230, 230) !important;
- }
- .r###lt-content {
- color: rgb(252, 252, 252) !important;
- }
- .r###lt-content, .r###lt-format, .r###lt-source {
- margin-top: 2px !important;
- margin-bottom: 0 !important;
- word-wrap: break-word !important;
- color: color: rgb(238, 238, 328) !important;
- font-size: 13px !important;
- }
- .label-default {
- color: rgb(11, 11, 11);
- }
- .external-link {
- color: rgb(28, 225, 135) !important;
- }
- .r###lt_header a .highlight {
- color: rgb(255, 255, 255) !important;
- background-color: rgba(0, 0, 0, 0) !important;
- }
- .highlight {
- color: rgb(255, 255, 255) !important;
- }
- span {
- color: rgb(110, 110, 110) !important;
- }
- .r###lt_header {
- color: rgb(110, 110, 110) !important;
- }
- .r###lt_header a {
- color: rgb(232, 232, 232) !important;
- }
- .r###lt_header a:hover {
- color: rgb(214, 214, 214) !important;
- }
- .r###lt_header a:visited {
- color: rgb(225, 225, 225) !important;
- }
- .r###lt-code:hover, .r###lt-default:hover, .r###lt-map:hover, .r###lt-torrent:hover, .r###lt-videos:hover {
- background-color: rgb(24, 24, 24) !important;
- }
- a:hover {
- text-decoration: underline !important;
- }
- #categories input[type="checkbox"]:checked + label, .search_categories input[type="checkbox"]:checked + label {
- border-bottom: rgb(220, 220, 220) 5px solid !important;
- }
- `;
- if (typeof GM_addStyle !== 'undefined') {
- GM_addStyle(css);
- } else {
- let styleNode = document.createElement("style");
- styleNode.appendChild(document.createTextNode(css));
- (document.querySelector("head") || document.documentElement).appendChild(styleNode);
- }
- })();
- // Hi There Again (: