definitions.less 2.5KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113
  1. /*
  2. * searx, A privacy-respecting, hackable metasearch engine
  3. *
  4. * To change the colors of the site, simple edit this variables
  5. */
  6. /// Basic Colors
  7. @color-base: #3498DB;
  8. @color-base-dark: #2980B9;
  9. @color-base-light: #ECF0F1;
  10. @color-highlight: #094089;
  11. @color-black: #000000;
  12. /// General
  13. @color-font: #444;
  14. @color-url-font: #1a11be;
  15. @color-url-visited-font: #8E44AD;
  16. @results-width: 50em;
  17. /// Start-Screen
  18. // hmarg
  19. @color-hmarg-border: @color-base;
  20. @color-hmarg-font: @color-base;
  21. @color-hmarg-font-hover: @color-base;
  22. /// Search-Input
  23. @color-search-border: @color-base;
  24. @color-search-background: #FFF;
  25. @color-search-font: #222;
  26. /// Autocompleter
  27. @color-autocompleter-choices-background: #FFF;
  28. @color-autocompleter-choices-border: @color-base;
  29. @color-autocompleter-choices-border-left-right: @color-base;
  30. @color-autocompleter-choices-border-bottom: @color-base;
  31. @color-autocompleter-choices-font: #444;
  32. // Selected
  33. @color-autocompleter-selected-background: #444;
  34. @color-autocompleter-selected-font: #FFF;
  35. @color-autocompleter-selected-queried-font: #9FCFFF;
  36. /// Categories
  37. @color-categories-item-selected: @color-base;
  38. @color-categories-item-selected-font: #FFF;
  39. @color-categories-item-border-selected: @color-base-dark;
  40. @color-categories-item-border-unselected: #E8E7E6;
  41. @color-categories-item-border-unselected-hover: @color-base;
  42. /// Results
  43. @color-suggestions-button-background: @color-base;
  44. @color-suggestions-button-font: #FFF;
  45. @color-download-button-background: @color-base;
  46. @color-download-button-font: #FFF;
  47. @color-result-search-background: @color-base-light;
  48. @color-result-definition-border: gray;
  49. @color-result-torrent-border: lightgray;
  50. @color-result-top-border: #E8E7E6;
  51. // Link to result
  52. @color-result-link-font: @color-base-dark;
  53. @color-result-link-visited-font: @color-url-visited-font;
  54. // Url to result
  55. @color-result-url-font: #C0392B;
  56. // Publish Date
  57. @color-result-publishdate-font: #888;
  58. // Images
  59. @color-result-image-span-background-hover: rgba(0, 0, 0, 0.6);
  60. @color-result-image-span-font: #FFF;
  61. // Search-URL
  62. @color-result-search-url-border: #888;
  63. @color-result-search-url-font: #444;
  64. /// Settings
  65. @color-settings-fieldset: @color-base;
  66. @color-settings-tr-hover: #DDD;
  67. // Labels
  68. @color-settings-label-allowed-background: #E74C3C;
  69. @color-settings-label-allowed-font: #FFF;
  70. @color-settings-label-deny-background: #2ECC71;
  71. @color-settings-label-deny-font: @color-font;
  72. @color-settings-return-background: @color-base;
  73. @color-settings-return-font: #FFF;
  74. /// Other
  75. @color-engines-font: #888;
  76. @color-percentage-div-background: #444;