멋지게 작동하는 더 빠르고 어두운 브라우징 CSS 필터에 대한 해결 방법을 찾으려면 도움이 필요하지만 실제로는 대부분의 Google 페이지에서 더 이상 작동하지 않습니다. divs가있는 페이지 (저는 이것을 userstyle로 사용합니다). 나는 결코 프로그래머가 아닙니다. 가벼운 편두통을 앓고 있고, 눈을 보호하기 위해 어두운 주제의 웹 페이지가 절실히 필요한 사용자 일 뿐이므로, CSS에 대한 지식은 분명히 제한되어 있습니다./이것은 일하던 것입니다 :어두운 주제의 브라우징을위한 전체 화면 반전 루미넌스 필터, CSS에서 색조 유지
html {filter: invert(100%) hue-rotate(180deg);}
img {filter: invert(100%) hue-rotate(180deg) !important;}
video {filter: invert(100%) hue-rotate(180deg) !important;}
그것은 다음 페이지의 모든 색상을 반전하는 데 사용 다시 색상을 동일하게 유지하기 위해 180 개도를 색조 회전, 그래서 그 결과는 여전히 (파란색 여전히 블루, 오렌지 오렌지 반전 단지의 휘도 웹 페이지이었고, 그래서 더 어두운 배경 위에 더 밝은 텍스트와 악센트). 그런 다음 이미지와 비디오의 효과를 되돌려 최종 결과에서 필터에서 제외했습니다. 그 결과는 나에게 충분히 우아 해 보였고, 가장 어두운 브라우징 크롬 확장의 결과보다 뛰어났습니다. 그것은 완벽하게 작동하는 데 사용되었지만 최근에는 무언가가 바뀌었고 div가있는 페이지 (대부분의 Google 페이지 포함)에는 흰색 배경이 큰 부분이 필터가 적용되는 어두운 부분과 얽혀 있습니다. 필터가 그러한 섹션에 두 번 적용되어 흰색으로 되 돌리는 것 같습니다.
도움을 주셔서 감사합니다. 나는 HTML 셀렉터를 사용하여 전체 페이지에 그것을 적용하는 것이 더 이상 방법이 아니라는 것을 확신하지만, 실제로 작동하게 만드는 방법에 대해 알지 못한다. 나의 무지와 감사를 미리 용서해 준다.
을, 어떻게 든 색조 회전 필터가 일부 색상 왜곡도 잎 것으로 나타났습니다 180 °로 두 번 회전하면 일부 색상이 꺼지고 약 20 %의 채도가 손실되지만 유용성을 잃어 버리기에는 충분하지 않습니다. 그러나이 결과는 예상치 못한 것입니다. 두 번 100 % 반전하고 180 ° 두 번 색상을 바꾸면 이미지가 변경되지 않고 필터를 구현할 때 인공물이 될 수 있습니다. 그러나 모르겠습니다. 이 관찰을 참고 용으로 남겨주세요. –
완성을 위해 CSS 필터로 두 번 회전하는 색상이 왜 원본 품질과 다른 차선의 결과를 제공하는지에 대한 광범위한 연구가 있습니다. http://stackoverflow.com/questions/19187905/why-doesnt-hue-rotation-by-180deg-and-180deg-yield-the-original-color –