OwlBurst/Ponysearch
1
0
Fork 0
forked from Ponysearch/Ponysearch
Code Pull requests Activity
Ponysearch/searx/static/themes/simple/src/less/definitions.less

147 lines
3.4 KiB
Text
Raw Normal View History

[enh] add simple theme (WIP)
2017-02-12 15:06:01 +01:00
/*
SearXNG: simple theme
2021-10-01 16:33:31 +02:00
* SearXNG, A privacy-respecting, hackable metasearch engine
[enh] add simple theme (WIP)
2017-02-12 15:06:01 +01:00
*
* To change the colors of the site, simple edit this variables
*/
/// Basic Colors
@color-base: #3498DB;
@color-base-dark: #084999;
@color-base-light: #ECF0F1;
@color-highlight: #094089;
@color-black: #000000;
///
@color-error: #db3434;
@color-error-background: lighten(@color-error, 40%);
@color-warning: #dbba34;
@color-warning-background: lighten(@color-warning, 40%);
[mod] oscar: /preferences , engines tab: report engine times * display the median time instead of the average. * add a "Reliability" column (sum up the metrics and the checker results). * the "selected language", "SafeSearch", "Time range" values are displayed as "broken" when the checker tests fail.
2021-04-14 18:11:35 +02:00
@color-success: #42db34;
@color-success-background: lighten(@color-success, 40%);
[enh] add simple theme (WIP)
2017-02-12 15:06:01 +01:00
/// General
@color-font: #444;
@color-font-light: #888;
@color-red: #25a55b;
@color-url-font: #29314d;
@color-url-visited-font: #684898;
[fix] several issues in the simple theme - using more rem in style and definitions - mobile width in preferences.less fix max-width: 75em to 80em (normalized with style.less and other) - do not display #backToTop position on tablet (when max-width: 80em) - fix answer box on mobile (when max-width: 50em)
2021-09-26 13:01:22 +02:00
@results-width: 45rem;
[theme] optimize switching between different device types
2021-09-25 17:44:54 +02:00
@results-offset: 10rem;
[theme] cleanup grid layout and remove various margins and paddings from elements
2021-09-25 15:59:10 +02:00
@results-tablet-offset: 0.5rem;
[fix] several issues in the simple theme - using more rem in style and definitions - mobile width in preferences.less fix max-width: 75em to 80em (normalized with style.less and other) - do not display #backToTop position on tablet (when max-width: 80em) - fix answer box on mobile (when max-width: 50em)
2021-09-26 13:01:22 +02:00
@results-gap: 5rem;
@search-width: 40rem;
[enh] add simple theme (WIP)
2017-02-12 15:06:01 +01:00
//
@color-a-font: @color-base;
@color-a-font-hover: @color-base;
/// Start-Screen
[theme] cleanup grid layout and remove various margins and paddings from elements
2021-09-25 15:59:10 +02:00
/// Header
@color-header-background: #f7f7f7;
@color-header-border: #d7d7d7;
/// Footer
@color-footer-background: #f7f7f7;
@color-footer-border: #d7d7d7;
[enh] add simple theme (WIP)
2017-02-12 15:06:01 +01:00
/// Search-Input
@color-search-border: @color-base;
@color-search-background: #FFF;
@color-search-font: #222;
/// Autocompleter
@color-autocompleter-choices-background: #FFF;
@color-autocompleter-choices-border: @color-base;
@color-autocompleter-choices-border-left-right: @color-base;
@color-autocompleter-choices-border-bottom: @color-base;
@color-autocompleter-choices-font: #444;
/// Answers
@color-answers-border: @color-base-dark;
// Selected
@color-autocompleter-selected-background: #444;
@color-autocompleter-selected-font: #FFF;
@color-autocompleter-selected-queried-font: #9FCFFF;
/// Categories
@color-categories-item-selected: @color-base;
@color-categories-item-selected-font: #FFF;
@color-categories-item-border-selected: @color-base-dark;
@color-categories-item-border-unselected: #E8E7E6;
@color-categories-item-border-unselected-hover: @color-base;
/// Results
@color-suggestions-button-background: @color-base;
@color-suggestions-button-font: #FFF;
@color-download-button-background: @color-base;
@color-download-button-font: #FFF;
@color-result-search-background: @color-base-light;
@color-result-definition-border: gray;
@color-result-torrent-border: lightgray;
@color-result-top-border: #E8E7E6;
// Link to result
@color-result-link-font: @color-base-dark;
@color-result-link-visited-font: @color-url-visited-font;
// Url to result
@color-result-url-font: @color-red;
// Publish Date
@color-result-publishdate-font: @color-font-light;
// Images
@color-result-image-span-background-hover: rgba(0, 0, 0, 0.6);
@color-result-image-span-font: #FFF;
// Search-URL
@color-result-search-url-border: #888;
@color-result-search-url-font: #444;
/// Settings
@color-settings-fieldset: @color-base;
@color-settings-table-striped: #dbdbdb;
@color-settings-tr-hover: #ececec;
// Labels
@color-settings-label-allowed-background: #E74C3C;
@color-settings-label-allowed-font: #FFF;
@color-settings-label-deny-background: #2ECC71;
@color-settings-label-deny-font: @color-font;
@color-settings-return-background: @color-base;
@color-settings-return-font: #FFF;
/// Other
@color-engines-font: @color-font-light;
@color-percentage-div-background: #444;
/// Load fonts from this directory.
@icon-font-path: "../../../fonts/";
//** File name for all font files.
@icon-font-name: "glyphicons-halflings-regular";
//** Element ID within SVG icon file.
@icon-font-svg-id: "glyphicons_halflingsregular";
Copy permalink