theme-green.css 1.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  1. :root{
  2. --SIDE-MAIN-color:#91A437;
  3. --SIDE-MAIN-TXT-color:black;
  4. --MAIN-HOVER-color:#465400;
  5. --SIDE-FOCUS-BACK-color:#667B00;
  6. --SIDE-FOCUS-FORE-color:black;
  7. --MENU-LINK-color:black;
  8. --MENU-ACTIVE-BACK-color:#465400;
  9. --MENU-ACTIVE-LINK-color:white;
  10. }
  11. a, #sidebar ul li.visited > a .read-icon {
  12. color: var(--SIDE-MAIN-color);
  13. }
  14. a:hover {
  15. color: var(--MAIN-HOVER-color);
  16. }
  17. #body a.highlight:after {
  18. background-color: var(--MAIN-HOVER-color);
  19. }
  20. #sidebar {
  21. background-color: var(--SIDE-MAIN-color);
  22. }
  23. #sidebar #header-wrapper {
  24. background: var(--SIDE-MAIN-color);
  25. color: var(--BF-color)
  26. border-color: var(--SIDE-FOCUS-BACK-color);
  27. }
  28. #sidebar .searchbox {
  29. border-color: var(--BF-color);
  30. background: var(--SIDE-FOCUS-BACK-color);
  31. }
  32. #sidebar ul.topics > li.parent, #sidebar ul.topics > li.active {
  33. background: var(--SIDE-FOCUS-BACK-color);
  34. }
  35. #sidebar .searchbox * {
  36. color: var(--SIDE-FOCUS-FORE-color);
  37. }
  38. #sidebar a , #sidebar a:hover {
  39. color: var(--MENU-LINK-color);
  40. }
  41. #sidebar .parent li, #sidebar .active li {
  42. border-color: var(--MENU-ACTIVE-LINK-color);
  43. }
  44. #sidebar ul li.active > a {
  45. background: var(--MENU-ACTIVE-BACK-color);
  46. color: var(--MENU-ACTIVE-LINK-color) !important;
  47. }
  48. #sidebar ul li .category-icon {
  49. color: var(--MENU-LINK-color);
  50. }
  51. #sidebar #shortcuts h3 {
  52. color: var(--SIDE-MAIN-TXT-color);
  53. }
  54. .footline {
  55. border-color: var(--SIDE-FOCUS-BACK-color);
  56. }