pinkdark.css 2.1 KB

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