pinkdark.rtl.css 3.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166
  1. :root {
  2. --background-color-hover: #2f1d22;
  3. }
  4. .btn:hover {
  5. background: unset;
  6. border-color: #ff449a;
  7. color: unset;
  8. }
  9. .btn-important {
  10. background: #ffb6c1;
  11. color: #000;
  12. border-color: #ffa1af;
  13. }
  14. .btn-important:hover {
  15. background: #ffa1af;
  16. color: #000;
  17. }
  18. .switch.active {
  19. background-color: #ffb6c1;
  20. }
  21. .nav-list .item.active a {
  22. color: #ffb6c1;
  23. }
  24. .tree-folder.active .tree-folder-title .title {
  25. color: #ffb6c1;
  26. }
  27. .tree-folder-title:hover button.dropdown-toggle .icon {
  28. filter: sepia(21%) brightness(44%) hue-rotate(112deg) saturate(1000%) contrast(132%) invert(100%);
  29. }
  30. .tree-folder-title button.dropdown-toggle:hover .icon {
  31. filter: sepia(21%) brightness(94%) hue-rotate(112deg) saturate(1000%) contrast(132%) invert(100%)
  32. }
  33. .aside_feed .tree-folder-items .item .dropdown-target:target ~ .dropdown-toggle > .icon,
  34. .aside_feed .tree-folder-items .item.active .dropdown-toggle > .icon {
  35. background-color: #000;
  36. }
  37. #new-article {
  38. background: #ffa1af;
  39. }
  40. #new-article > a {
  41. color: #000;
  42. }
  43. #new-article > a:hover {
  44. background: #ff92a2;
  45. }
  46. .day {
  47. color: #ffb6c1;
  48. }
  49. .day .name {
  50. color: #ffb6c1;
  51. }
  52. .flux.current {
  53. border-color: #787394;
  54. }
  55. .content hr {
  56. box-shadow: 0 2px 5px #ffb6c1;
  57. }
  58. #bigMarkAsRead.big {
  59. color: #787394;
  60. }
  61. .nav label {
  62. color: #4f5e78;
  63. }
  64. input:focus {
  65. outline: none;
  66. border: 1px solid #ff449a;
  67. }
  68. .notification.good {
  69. border-color: #ffb6c1;
  70. }
  71. .notification.bad {
  72. border-color: #ff449a;
  73. }
  74. .notification.good .close:hover {
  75. background: #ffb6c1;
  76. }
  77. .notification.bad .close:hover {
  78. background: #ff449a;
  79. }
  80. .notification.good .close:hover .icon {
  81. filter: brightness(0.3);
  82. }
  83. .notification.bad .close .icon {
  84. filter: brightness(0.3);
  85. }
  86. .notification.bad .close:hover .icon {
  87. filter: brightness(3);
  88. }
  89. .stick .btn-important:first-child {
  90. border-left-color: #fd6aae;
  91. }
  92. /*=== Change icon colors */
  93. .header > .item.title .logo {
  94. /* Color FreshRSS logo */
  95. filter: sepia(62%) brightness(107%) hue-rotate(315deg) saturate(248%) contrast(104%) invert(100%);
  96. }
  97. .header > .item.title a:hover .logo {
  98. filter: sepia(62%) brightness(70%) hue-rotate(315deg) saturate(248%) contrast(104%) invert(100%);
  99. }
  100. .icon[src*="/all"],
  101. .icon[src*="/down"],
  102. .icon[src*="/help"],
  103. .icon[src*="/label"],
  104. .icon[src*="/link"],
  105. .icon[src*="/login"],
  106. .icon[src*="/logout"],
  107. .icon[src*="/non-starred"],
  108. .icon[src*="/read"],
  109. .icon[src*="/share"],
  110. .icon[src*="/tag"],
  111. .icon[src*="/up"] {
  112. /* Color dark grey icons */
  113. filter: sepia(21%) brightness(44%) hue-rotate(112deg) saturate(1000%) contrast(132%) invert(100%);
  114. }
  115. .icon[src*="/view-normal"],
  116. .icon[src*="/view-global"],
  117. .icon[src*="/view-reader"],
  118. .icon[src*="/bookmark-tag"],
  119. .icon[src*="/view-rss"],
  120. .icon[src*="/refresh"],
  121. .icon[src*="/search"],
  122. .icon[src*="/rss"],
  123. .icon[src*="/sort-up"],
  124. .icon[src*="/sort-down"],
  125. .icon[src*="/key"],
  126. .icon[src*="/opml-dyn"],
  127. .icon[src*="/configure"],
  128. .icon[src*="/category"] {
  129. /* Color light grey icons */
  130. filter: sepia(62%) brightness(47%) hue-rotate(116deg) saturate(1000%) contrast(119%) invert(100%);
  131. }
  132. #btn-add > img {
  133. filter: brightness(0.75);
  134. }