218 lines
7 KiB
CSS
218 lines
7 KiB
CSS
/* ==UserStyle==
|
|
@name Searxng shades of purple
|
|
@namespace github.com/openstyles/stylus
|
|
@version 0.1.0
|
|
@description Enchanted from https://userstyles.world/style/6439/searxng-simple-theme-enhanced with shades of purple
|
|
@author 4o1x5
|
|
==/UserStyle== */
|
|
@-moz-document url-prefix("https://search.rhscz.eu/") {
|
|
:root {
|
|
|
|
--color-base-font: #fff;
|
|
--color-base-font-rgb: 165, 153, 233;
|
|
--color-base-background: #2d2b55;
|
|
--color-base-background-mobile: #1e1e3f;
|
|
--color-url-font: #9d79d6;
|
|
--color-url-visited-font: #b362ff;
|
|
--color-header-background: #2d2b55;
|
|
--color-header-border: #3e3c61;
|
|
--color-footer-background: #2d2b55;
|
|
--color-footer-border: #3e3c61;
|
|
--color-sidebar-border: #3e3c61;
|
|
--color-sidebar-font: #a599e9;
|
|
--color-sidebar-background: #2d2b55;
|
|
--color-backtotop-font: #a599e9;
|
|
--color-backtotop-border: #3e3c61;
|
|
--color-backtotop-background: #2d2b55;
|
|
--color-btn-background: #6943ff;
|
|
--color-btn-font: #ffffff;
|
|
--color-show-btn-background: #7e57c2;
|
|
--color-show-btn-font: #ffffff;
|
|
--color-search-border: #7e57c2;
|
|
--color-search-shadow: 0 2px 8px rgba(109, 104, 177, 0.25);
|
|
--color-search-background: #2d2b55;
|
|
--color-search-font: #a599e9;
|
|
--color-search-background-hover: #6943ff;
|
|
--color-error: #ff5370;
|
|
--color-error-background: #3e3c61;
|
|
--color-warning: #ffcb6b;
|
|
--color-warning-background: #3e3c61;
|
|
--color-success: #c3e88d;
|
|
--color-success-background: #3e3c61;
|
|
--color-categories-item-selected-font: #6943ff;
|
|
--color-categories-item-border-selected: #6943ff;
|
|
--color-autocomplete-font: #a599e9;
|
|
--color-autocomplete-border: #7e57c2;
|
|
--color-autocomplete-shadow: 0 2px 8px rgba(109, 104, 177, 0.25);
|
|
--color-autocomplete-background: #2d2b55;
|
|
--color-autocomplete-background-hover: #3e3c61;
|
|
--color-answer-font: #a599e9;
|
|
--color-answer-background: #2d2b55;
|
|
--color-result-background: #2d2b55;
|
|
--color-result-border: #3e3c61;
|
|
--color-result-url-font: #a599e9;
|
|
--color-result-vim-selected: #3e3c61;
|
|
--color-result-vim-arrow: #6943ff;
|
|
--color-result-description-highlight-font: #fad000;
|
|
--color-result-link-font: #6943ff;
|
|
--color-result-link-font-highlight: #6943ff;
|
|
--color-result-link-visited-font: #b362ff;
|
|
--color-result-publishdate-font: #a599e9;
|
|
--color-result-engines-font: #a599e9;
|
|
--color-result-search-url-border: #3e3c61;
|
|
--color-result-search-url-font: #a599e9;
|
|
--color-result-image-span-font: #a599e9;
|
|
--color-result-image-span-font-selected: #ffffff;
|
|
--color-result-image-background: #2d2b55;
|
|
--color-settings-tr-hover: #3e3c61;
|
|
--color-settings-engine-description-font: #a599e9;
|
|
--color-settings-table-group-background: #3e3c61;
|
|
--color-result-detail-font: #ffffff;
|
|
--color-result-detail-label-font: lightgray;
|
|
--color-result-detail-background: #2d2b55;
|
|
--color-result-detail-hr: #3e3c61;
|
|
--color-result-detail-link: #8af;
|
|
--color-result-detail-loader-border: rgba(255, 255, 255, 0.2);
|
|
--color-result-detail-loader-borderleft: rgba(0, 0, 0, 0);
|
|
--color-toolkit-badge-font: #ffffff;
|
|
--color-toolkit-badge-background: #7e57c2;
|
|
--color-toolkit-kbd-font: #ffffff;
|
|
--color-toolkit-kbd-background: #2d2b55;
|
|
--color-toolkit-dialog-border: #3e3c61;
|
|
--color-toolkit-dialog-background: #2d2b55;
|
|
--color-toolkit-tabs-label-border: #2d2b55;
|
|
--color-toolkit-tabs-section-border: #3e3c61;
|
|
--color-toolkit-select-background: #3e3c61;
|
|
--color-toolkit-select-border: #3e3c61;
|
|
--color-toolkit-select-background-hover: #7e57c2;
|
|
--color-toolkit-input-text-font: #a599e9;
|
|
--color-toolkit-checkbox-onoff-off-background: #3e3c61;
|
|
--color-toolkit-checkbox-onoff-on-background: #3e3c61;
|
|
--color-toolkit-checkbox-onoff-on-mark-background: #6943ff;
|
|
--color-toolkit-checkbox-onoff-on-mark-color: #ffffff;
|
|
--color-toolkit-checkbox-onoff-off-mark-background: #7e57c2;
|
|
--color-toolkit-checkbox-onoff-off-mark-color: #ffffff;
|
|
--color-toolkit-checkbox-label-background: #3e3c61;
|
|
--color-toolkit-checkbox-label-border: #3e3c61;
|
|
--color-toolkit-checkbox-input-border: #6943ff;
|
|
--color-toolkit-engine-tooltip-border: #3e3c61;
|
|
--color-toolkit-engine-tooltip-background: #2d2b55;
|
|
--color-toolkit-loader-border: rgba(0, 0, 0, 0.2);
|
|
--color-toolkit-loader-borderleft: rgba(255, 255, 255, 0);
|
|
--color-doc-code: #a599e9;
|
|
--color-doc-code-background: #3e3c61;
|
|
--color-bar-chart-primary: #7e57c2;
|
|
--color-bar-chart-secondary: #b362ff;
|
|
--color-image-resolution-background: rgba(0, 0, 0, 0.5);
|
|
--color-image-resolution-font: #ffffff;
|
|
--color-loading-indicator: rgba(255, 255, 255, 0.2);
|
|
--color-loading-indicator-gap: #ffffff;
|
|
--color-line-number: #a599e9;
|
|
--color-favicon-background-color: #3e3c61;
|
|
--color-favicon-border-color: #3e3c61;
|
|
}
|
|
|
|
#results {
|
|
gap: 0 var(--gap);
|
|
}
|
|
|
|
@media screen and (min-width: 79.75em) {
|
|
.center-aligment-yes #main_results #results:not(.only_template_images):not(.image-detail-open) {
|
|
grid-template-columns: calc(var(--center-page-width) - var(--gap) - 25rem) 25rem;
|
|
}
|
|
}
|
|
|
|
/* Answers */
|
|
#answers {
|
|
line-height: var(--line-height-result);
|
|
}
|
|
|
|
@media screen and (min-width: 50rem) {
|
|
#answers {
|
|
margin-left: 3rem;
|
|
}
|
|
}
|
|
|
|
@media screen and (min-width: 79.75em) {
|
|
#answers {
|
|
margin-left: 0;
|
|
}
|
|
}
|
|
|
|
/* Copy and slightly modify from article[data-vim-selected] */
|
|
article:hover {
|
|
background: var(--color-result-vim-selected);
|
|
border-radius: 0 10px 10px 0;
|
|
}
|
|
|
|
/* URL */
|
|
.result .url_wrapper {
|
|
/* default: 1rem */
|
|
font-size: .9rem;
|
|
line-height: var(--line-height-result);
|
|
}
|
|
|
|
.result .url_wrapper .url_o2 .url_i2 {
|
|
color: var(--color-result-url-path-font);
|
|
float: left;
|
|
}
|
|
|
|
/* Title */
|
|
/**
|
|
* Since the content of each result is not a hyperlink,
|
|
* it would have been easier if both URL and title look like
|
|
* one big block, so that navigation is more convenient.
|
|
*/
|
|
.result h3 {
|
|
margin-top: 0;
|
|
}
|
|
|
|
.result h3 a {
|
|
display: block;
|
|
padding-top: .25rem;
|
|
/* default: 1.1em */
|
|
font-size: 1em
|
|
}
|
|
|
|
.result h3 a:focus,
|
|
.result h3 a:hover {
|
|
text-decoration: none;
|
|
}
|
|
|
|
/* Content */
|
|
.result .content,
|
|
.result .stat {
|
|
/* default: .9em */
|
|
font-size: .9em;
|
|
line-height: var(--line-height-result);
|
|
}
|
|
|
|
/* Engines */
|
|
.engines {
|
|
/* display: none; */
|
|
}
|
|
|
|
/* Suggestions */
|
|
#suggestions .wrapper {
|
|
justify-content: flex-start;
|
|
}
|
|
|
|
#suggestions .wrapper form {
|
|
flex: 1 1 100%;
|
|
}
|
|
|
|
#infoboxes input,
|
|
#suggestions input {
|
|
padding: .2em 0;
|
|
}
|
|
|
|
#results button[type="submit"],
|
|
input[type="submit"] {
|
|
border-radius: .25rem;
|
|
}
|
|
|
|
/* Back To Top button */
|
|
#backToTop {
|
|
display: none;
|
|
}
|
|
} |