definitions.less 2.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120
  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-font-light: #888;
  15. @color-red: #C0392B;
  16. @color-url-font: #1a11be;
  17. @color-url-visited-font: #8E44AD;
  18. @results-width: 50em;
  19. /// Start-Screen
  20. // hmarg
  21. @color-hmarg-border: @color-base;
  22. @color-hmarg-font: @color-base;
  23. @color-hmarg-font-hover: @color-base;
  24. /// Search-Input
  25. @color-search-border: @color-base;
  26. @color-search-background: #FFF;
  27. @color-search-font: #222;
  28. /// Autocompleter
  29. @color-autocompleter-choices-background: #FFF;
  30. @color-autocompleter-choices-border: @color-base;
  31. @color-autocompleter-choices-border-left-right: @color-base;
  32. @color-autocompleter-choices-border-bottom: @color-base;
  33. @color-autocompleter-choices-font: #444;
  34. /// Answers
  35. @color-answers-border: @color-base-dark;
  36. // Selected
  37. @color-autocompleter-selected-background: #444;
  38. @color-autocompleter-selected-font: #FFF;
  39. @color-autocompleter-selected-queried-font: #9FCFFF;
  40. /// Categories
  41. @color-categories-item-selected: @color-base;
  42. @color-categories-item-selected-font: #FFF;
  43. @color-categories-item-border-selected: @color-base-dark;
  44. @color-categories-item-border-unselected: #E8E7E6;
  45. @color-categories-item-border-unselected-hover: @color-base;
  46. /// Results
  47. @color-suggestions-button-background: @color-base;
  48. @color-suggestions-button-font: #FFF;
  49. @color-download-button-background: @color-base;
  50. @color-download-button-font: #FFF;
  51. @color-result-search-background: @color-base-light;
  52. @color-result-definition-border: gray;
  53. @color-result-torrent-border: lightgray;
  54. @color-result-top-border: #E8E7E6;
  55. // Link to result
  56. @color-result-link-font: @color-base-dark;
  57. @color-result-link-visited-font: @color-url-visited-font;
  58. // Url to result
  59. @color-result-url-font: @color-red;
  60. // Publish Date
  61. @color-result-publishdate-font: @color-font-light;
  62. // Images
  63. @color-result-image-span-background-hover: rgba(0, 0, 0, 0.6);
  64. @color-result-image-span-font: #FFF;
  65. // Search-URL
  66. @color-result-search-url-border: #888;
  67. @color-result-search-url-font: #444;
  68. /// Settings
  69. @color-settings-fieldset: @color-base;
  70. @color-settings-tr-hover: #DDD;
  71. // Labels
  72. @color-settings-label-allowed-background: #E74C3C;
  73. @color-settings-label-allowed-font: #FFF;
  74. @color-settings-label-deny-background: #2ECC71;
  75. @color-settings-label-deny-font: @color-font;
  76. @color-settings-return-background: @color-base;
  77. @color-settings-return-font: #FFF;
  78. /// Other
  79. @color-engines-font: @color-font-light;
  80. @color-percentage-div-background: #444;